:root{--nav-background: rgba(1, 8, 20, .7);--nav-blur: 2px}header{position:fixed;width:100%;top:0;z-index:9999}.logo{position:relative;width:2.25rem;z-index:2;margin-left:1.5rem}nav{position:sticky;top:0;padding-block:2rem;transition:all .5s;border-radius:25px}nav.scrolled{background:var(--nav-background);-webkit-backdrop-filter:blur(var(--nav-blur));backdrop-filter:blur(var(--nav-blur));padding-block:1rem;margin:.5rem}nav input{position:absolute;right:46px;top:50%;transform:translateY(-50%) scale(3);z-index:2;opacity:0}nav input:checked~.menu-list{transform:none;transition:transform .25s ease}#hamburger{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);z-index:1;padding:1rem;background-color:#ffffff0a;border-radius:50%}nav .hamburger-lines{display:block;margin-bottom:5px;background-color:#fff;height:4px;width:26px;border-radius:3px;transition:transform .25s ease-in}nav .hamburger-lines:last-child{margin-bottom:0}nav input:checked~#hamburger .hamburger-lines:first-child{transform-origin:center;transform:translateY(9px) rotate(-45deg)}#hamburger .hamburger-lines:nth-child(2){transform-origin:right;transform:scaleX(1)}nav input:checked~#hamburger .hamburger-lines:nth-child(2){transform-origin:right;transform:scaleX(0)}nav input:checked~#hamburger .hamburger-lines:last-child{transform-origin:center;transform:translateY(-9px) rotate(45deg)}nav .menu-list{position:fixed;top:clamp(5rem,3.769rem + 6.154vw,5.5rem);height:100dvh;width:100%;padding-inline:2rem;padding-top:2rem;padding-bottom:6rem;overflow-y:scroll;background:var(--background-color);border-radius:30px;opacity:.9;transform:translate(120vw);transition:transform .25s ease}.menu-section{margin-block:4rem}.menu-list-item{display:flex;gap:1.5rem;place-items:center;justify-content:center;position:relative}.menu-section ul{display:flex;flex-direction:column;gap:1.5rem}.menu-list-item:hover{scale:1.01}.menu-list-item>a{text-decoration:none;color:var(--text-color);letter-spacing:.1ch;font-size:20px;text-align:center;transition:scale .15s ease-in}.menu-list-item a:hover{scale:1.01}@media (min-width: 35.5em){.logo{margin-left:2.5rem}nav .menu-list{width:fit-content;transform:translate(100vw);right:1.5rem}}@media (min-width: 65em){.logo{width:2.5rem}nav .menu-list{top:0;height:95%;margin-block:1.5rem;background:#000814;-webkit-backdrop-filter:blur(var(--nav-blur));backdrop-filter:blur(var(--nav-blur));border-radius:25px;border:1px solid rgba(141,141,141,.6);padding-inline:8rem;place-content:center}nav.scrolled{background:inherit;-webkit-backdrop-filter:inherit;backdrop-filter:inherit;padding-block:2rem;margin:0}.menu-section{margin-block:unset}.menu-section ul{display:flex;flex-direction:column;gap:1.5rem}.menu-list-item{margin-bottom:unset}}footer{background-color:var(--alternate-background-color);text-align:center;padding-block:1rem}footer>p{font-family:Roboto Serif;font-size:.875rem;line-height:124.8%;letter-spacing:.04375rem;text-align:center;margin-block:unset}