* {
    margin: 0;
    padding: 0;
    box-sizing: 0;
    text-decoration: none;
    list-style-type: none;
}
.container {
    width: 100%;
    height: 100vh;
    background: url(https://images5.alphacoders.com/985/thumbbig-985798.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
.container-box {
    width: 100%;
    height: 66px;
    background: rgba(102, 203, 250, 0.562);
    box-shadow: 0 3px 5px rgb(179, 121, 121);
    text-shadow: 0px 4px 3px rgb(247, 237, 237);
                 0px 8px 13px rgba(0,0,0,0.1);
                 0px 10px 23px rgba(0,0,0,0.1)
}
.navbar {
    width: 84%;
    height: 100%;
    margin: 0 8%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
ul {
    display: flex;
}
ul li {
    margin-right: 50px;
}
ul li a {
    color: rgb(247, 19, 19);
    font-family: arial;
    transition: all .3s ease-in;
}
ul li a:hover {
    color: gold;
}
.current {
    color: gold;
}
.logo {
    color: rgb(17, 13, 13);
}
li {
    list-style:none !important; /*On enlève les puces de la liste */
    color:#FFF;
    padding:10px;
    font-size:20px;
    text-decoration:none;
    }
     
    nav ul {
    background-color:#64abfb;
    padding:0;
    margin:0;
    }
     
    nav ul li {
    list-style: none;
    line-height:44px;
    float:left;
    background-color:#64abfb;
    }
     
    nav ul li a {
    color:#FFF;
    padding:10px;
    font-size:20px;
    text-decoration:none;
    }
     
    li a:hover {
    border-bottom:3px #FFF solid;
    }
    
    nav ul li ul { 
    display:none; /* Rend le menu déroulant caché par défaut */
    } 
     
    nav ul li:hover ul { /* Affiche la dropNav au survol de la souris avec la class .drop */
    z-index:99999;
    display:list-item !important;
    position:absolute;
    margin-top:5px;
    margin-left:-10px;
    }
     
    nav ul li:hover ul li {
    float:none;
    }