html,body{height:100vh}*{-webkit-tap-highlight-color:transparent}.wrapper{position:relative}.header{background:#fff;color:#fff;border-bottom:solid rgb(245,245,245);display:flex;justify-content:space-between;align-items:center;padding:1rem;position:fixed;height:70px;top:0;left:0;right:0;z-index:2}.logo{height:40px;transition:all .3s ease}.logo:hover{opacity:.6}.logo:active{transform:scale(.97)}.left{display:flex;align-items:center;gap:1rem;position:relative;z-index:1000}.nav-links{display:flex;gap:1.3rem}.nav-links a{color:#5b5b5b;text-decoration:none;font-size:.9rem;position:relative;transition:all .3s ease}.nav-links a:hover{opacity:.6}.nav-links a:active{transform:scale(.98)}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:6px;width:25px;height:30px;cursor:pointer;z-index:10;transition:transform .2s ease}.hamburger span{display:block;height:3px;background:#6d6d6d;border-radius:2px;transition:all .3s ease}#menu-toggle:checked+.overlay+.header .hamburger span:nth-child(1){transform:translateY(9px) rotate(45deg)}#menu-toggle:checked+.overlay+.header .hamburger span:nth-child(2){opacity:0}#menu-toggle:checked+.overlay+.header .hamburger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.main-content{margin:0;padding-top:70px;min-height:100vh}.footer-base{background-color:#dfdfdf80;display:flex;justify-content:space-between;align-items:center;padding:3em}.footer-links{display:flex;gap:1.3rem}.footer-links a{color:#5b5b5b;text-decoration:none;font-size:1rem;position:relative;transition:all .3s ease}.footer-links a:hover{opacity:.6}.footer-links a:active{transform:scale(.98)}@media (max-width: 768px){.nav-links{position:fixed;top:0;left:-250px;flex-direction:column;width:250px;height:100vh;background:#fff;padding:5rem 2rem 2rem;transition:left .1s ease;z-index:1}.hamburger{display:flex}#menu-toggle:checked~.header .nav-links{left:0}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:2;display:none;cursor:pointer}#menu-toggle:checked~.overlay{display:block}.footer-base{padding:1em}.footer-links{display:none}}@media (min-width: 769px){.nav-links{position:static;height:auto;flex-direction:row;background:none;padding:0}.hamburger{display:none}}