.header{position:fixed;top:0;width:100%;height:50px;z-index:9}.nav{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;width:100%;background-color:rgba(var(--black),.3);backdrop-filter:blur(6px);box-shadow:0 0 10px #000}.nav-logo{flex-basis:80px;height:100%;margin-left:20px;background-image:url(../media/logo-white.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.nav-check{display:none}.nav-icon{flex-basis:60px;margin-left:auto}.nav-icon>span{display:block;position:relative;height:2px;width:50%;margin:auto;top:50%;transform:translateY(-50%);background:rgb(var(--white))}.nav-icon>span::after,.nav-icon>span::before{background:rgb(var(--white));content:'';display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.nav-icon>span::before{top:7px}.nav-icon>span::after{top:-7px}.nav-menu{display:flex;flex-direction:column;width:100%;max-height:0;overflow:hidden;background-color:rgba(var(--black),.5);z-index:200;transition:.2s ease-in}.nav-menu a{display:block;width:100%;padding:10px;text-decoration:none;color:rgb(var(--white));font-weight:400;font-size:20px}.nav-menu>div{display:flex;flex-direction:column;width:100%;text-align:center}.nav-check:checked~.nav-menu{max-height:800%}.nav-check:checked~.nav-icon>span{background:0 0}.nav-check:checked~.nav-icon>span::before{transform:rotate(-45deg);top:0}.nav-check:checked~.nav-icon>span::after{transform:rotate(45deg);top:0}@media (min-width:641px){.nav-logo{margin-left:60px}.nav-menu{flex-basis:calc(100% - 260px);flex-direction:row;max-height:100%;margin:0 60px;background-color:transparent;backdrop-filter:none}.nav-menu>div{flex-direction:row;align-items:center;gap:40px;width:max-content}.nav-menu-left{margin-right:auto}.nav-menu a{width:max-content;height:min-content;padding:0}.nav-icon{display:none}}