@media (prefers-color-scheme: dark) {
    .desknav a{
        color:#fff;
    }
}
@media (prefers-color-scheme: light) {
    .nav a{
        color:#000;
    }
    .nav a{
        color:#000;
    }
    .desknav{
        background-color: #fff;
    }
}
@media screen and (max-width:600px){
    .nav .desknav{
        font-size:55%;
        padding-left: 10%;
    }
}
.nav{
    z-index: index 10;;
    display:grid flex;
    display:inline;
    font-family:Inter;
    font-weight:600;
    height:90px;
    font-size:5vh;
    vertical-align: middle;
    box-shadow: (5 -50 10 rgb(0, 0, 0));
    
    align-content:center;   
}
.nav a{
    
    text-decoration: none;
    transition:0.1s;
}
.nav .desknav a:hover{
    scale:1.05;
    opacity:0.8;
}
.nav a img{
    height:5.5vh;
}
.nav .desknav{
    padding-left:50px;
    
    display:inline;
    text-align:center;
}
.footer{
    background-color:rgba(111, 111, 111, 0.507);
    position: absolute;
    bottom:-18px;
    width:100%;
    text-align:center;

}
