.menu{
    color:#bfbfbf;
    width: 15%;
    height: 100%;
    background: black;
    position: fixed;
    padding: 0px 0 0 2.5%;
}

.logo{
    padding: 4vh 0;
    height: 40px;/*6.2vh;*/
}
.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 700,
  'GRAD' 0,
  'opsz' 48;
  padding: 0 15px 15px 0;
}

.menu-list{
    padding:0 0 25px 0;
}
.menu-list li{
    display: flex;
    text-decoration: none;
    cursor: pointer;
}
.menu-list li > h5{
    margin: 5px 5px;
}
.menu-list li:nth-child(1):hover> h4{
    color: white;
    font-size: 17px;
}
.menu-list li:nth-child(2):hover> h4{
    color: white;
    font-size: 17px;
}
.menu-list li:nth-child(3):hover> h4{
    color: white;
    font-size: 17px;
}
.menu-list li:nth-child(1):hover>.material-symbols-sharp{
    font-variation-settings:
    'FILL' 1,
    'wght' 700,
    'GRAD' -25,
    'opsz' 48;
    padding: 0 15px 15px 0;
    color: white;
}
.menu-list li:nth-child(2):hover>.material-symbols-sharp {
    font-variation-settings:
    'FILL' 0,
    'wght' 700,
    'GRAD' 0,
    'opsz' 48;
    padding: 0 15px 15px 0;
    color: white;
  }
.menu-list li:nth-child(3):hover>.material-symbols-sharp {
    font-variation-settings:
    'FILL' 1,
    'wght' 700,
    'GRAD' 0,
    'opsz' 48;
    padding: 0 15px 15px 0;
    color: white;
  }

  .language{
    color:#bfbfbf;
    border: 1px solid #bfbfbf;
    border-radius: 20px;
    height:35px;
    font-size: 10px;
    width: 100px;
    background: transparent;
    display: flex;
    cursor: pointer; 
 }
  .language h4{
    padding: 7px  2px;
    font-size: 15px;
  }

.language:hover{
    border: 2px solid white;
} 
.language:hover>h4{
        color:white;
        padding: 6px 0px;
        font-size: 15px; 
}
.language:hover>.material-symbols-sharp:nth-child(6){
 top:5px;
}
@media only screen and (max-width: 1050px) {
.logo{
    height: 40px;
}
}
@media screen and (max-width: 1000px){
    .menu{
        display:none;
    }

}