/* fonts */

@font-face {
    font-family: 'Regular';
    src: url("./frontend/assets/fonts/Poppins-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Extra Bold';
    src: url("./frontend/assets/fonts/Poppins-ExtraBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}












.menu{
    width: auto;
    height:11.111111vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    filter: drop-shadow(0px 1vh 1vh #DBDBDB);
    background-color: white;
    position:relative;
}
.logo svg{
    width: 4.953125vw;
}

html, body{
    margin:0px;
    padding:0px;
}
.nav a{
    font-family: 'Regular', sans-serif;
    color:#353572;
    text-decoration:none;
    text-transform: uppercase;
    font-size: 2.111111111111111vh;
    transition: font-weight 0.3s ease;
}
.nav ul{
    margin:0px;
    padding:0px;
    display: flex;
    align-items: center;
}
.nav li{
    list-style: none;
    margin:0px;
    padding:0px;
    margin-right:1.510416666666667vw;
    
}
.active a{
    font-family: 'Extra Bold', sans-serif !important;
    font-weight: bolder;
}
.nav a:hover{
    font-weight: bolder;
   
}