nav{
    opacity: 0.8;
    background-color: black;
    display: flex;
    flex-direction: row;
     align-items: center;
    justify-content: space-between;
    border-bottom:#9ACFFF 1px solid;
}
nav > *{
    margin:25px;
    font-size: larger;
}
.nav-link{
    margin-left: 40px; 
}
.nav-link:hover{
    color:#7765c7 ;
    
}

#translator:hover ~ #lang-list, #lang-list:hover{
    height:20%;
 }
 #lang-list{
     position: absolute;
     right:20px;
     top:60px;
     height:0;
     overflow:hidden;
     transition: height 0.5s;
     list-style-type: none;
     z-index: 3;
 }
 #lang-list > li{
     border:#9ACFFF 1px solid;
     padding:10px;
     cursor:pointer;
     background-color: black;
 }
 #lang-list>li:hover{
    color: #7e03aa;
 }
 #logo{
     width: 72px;
     height: 73px;
     margin-left: 10%;
}
#holoskl{
    color: #0c67bc;
    font-size: larger;
    margin-right: 10px;

}

a:hover{
    
    color: black;
}
/* .navmargin{
    margin-right: 350px;
} */