header{
    background:rgba(255,255,255,0.85);
    position:fixed;
    top:8px;
    width:90%;
    left:5%;
    min-height:60px;
    border-radius:5px;
    border:solid 1px #DDDDDD;
    box-sizing:border-box;
    padding:8px 16px;
    display:flex;
    justify-content: space-between;
    gap:16px;
    align-items:center;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index:9999;
}

.logo{
    display:block;
    width:120px;
    min-height:3rem;
}

header ul{
    display:flex;
    gap:12px;
    
}
header li{
    list-style:none;
    display:block;
    
}
header a{
    text-decoration:none;
    color:#111111;
}





@media(max-width:768px){
    header{
        width:95%;
        left:2.5%;
    }
    header nav{
        display:none;
        position:fixed;
    }
}