body {
    background-color: #F1F1F1;
}


@media screen and (mIN-width: 600px) {
    .navbar {
        display: none;
    }
    .bar {
        /*display: none;*/
        font-family: Shade;
        /*position: fixed;*/
        left: 0;
        height: 60px;
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: #F1F1F1;
    }
        .bar a {
            font-family: 'Bungee Shade';
            color: rgb(0, 0, 0);
            font-size: 60px;
            text-decoration: none;
            margin-left: -6%;
            
        }
    
    .navbar-right {
        border-left: 0.1px solid #ffffff63;
        position: fixed;
        top: 0;
        right: 0;
        width: 68px;
        height: 100%;
       /* background-color: #EBE9E9;*/
       z-index: 1;
       background-color: #ffffff96;
    }

        /* Ajustez les styles pour le contenu de la barre de navigation */
        .navbar-right ul {
            margin: 0;
            padding: 0;
            list-style: none;
            padding-top: 65px;
            display: flex;
            flex-direction: column;
            margin-left: 20px;
            margin-top: -58px;
        }
#telnav {
display: none;
}
#pcnav {
    margin-left: 18px; 
    width: 34px; 
    list-style: none;
    }

        .navbar-right a {
            color: #000;
            margin-top: 20px;
            text-decoration: none;
            display: flex;
            align-items: center;
        }
        .navbar-right ul img {
            width : 30px;
        }
        .navbar-right span {
            font-family: 'Marvel';
            padding-left: 40px;
            color: rgb(11, 1, 1);
            font-size: 30px;
        }
    .list {
        padding: 10px;
        right: -3px;
        position: fixed;
        width: 3%;
    }

.blur {
    filter: blur(0px);
}
        
    
}

@media screen and (max-width: 599px) {
    .navbar {
        display: none;
    }
    .bar {
        /*display: none;*/
        font-family: Shade;
        /*position: fixed;*/
        left: 0;
        height: 60px;
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
      /*  background-color: #F1F1F1;*/
    }
        .bar a {
            font-family: 'Bungee Shade';
            color: rgb(0, 0, 0);
            font-size: 60px;
            text-decoration: none;
            margin-left: -6%;
            
        }
    
    .navbar-right {
        
     /*   border-left: 0.1px solid #ffffff63;*/
        position: fixed;
        top: 0;
        right: 0;
        width: 68px;
        height: 100%;
       /* background-color: #EBE9E9;*/
       z-index: 1;
      /* background-color: #ffffff96;*/
    }

        /* Ajustez les styles pour le contenu de la barre de navigation */
        .navbar-right ul {
            
            margin: 0;
            padding: 0;
            list-style: none;
            padding-top: 65px;
            display: flex;
            flex-direction: column;
            margin-left: 20px;
            margin-top: -70px;
        }

#pcnav {
            display: none;
            }

#telnav {
                margin-left: 18px; 
                width: 34px; 
                list-style: none;
                }
#ul {
    visibility: hidden;
}

        .navbar-right a {
            color: #000;
            margin-top: 20px;
            text-decoration: none;
            display: flex;
            align-items: center;
        }
        .navbar-right ul img {
            width : 30px;
        }
        .navbar-right span {
            font-family: 'Marvel';
            padding-left: 40px;
            color: rgb(11, 1, 1);
            font-size: 30px;
        }
    .list {
        padding: 10px;
        right: -3px;
        position: fixed;
        width: 3%;
    } 

.blur {
    filter: blur(0px);
}
        
    
}