*{margin:0;padding:0;font-family:monospace sans-serif}body,html{min-height:100vh}h1{font-size:50px}h2{font-size:30px}h3{font-size:20px}h4{font-size:10px}a,li,p{font-size:20px}a{color:blue}footer{margin-top:50px;min-height:100px}footer,footer *{background-color:#000;color:#fff}footer ul{padding-top:30px;padding-bottom:30px}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}code{font-family:monospace;background-color:#333;color:#4f0}main{min-height:100vh}nav{width:100%;position:fixed;background-color:hsla(0,0%,100%,.8);z-index:100;height:70px;box-shadow:2px 2px 2px 1px rgba(0,0,0,.4)}nav ul,nav ul li{padding:0;margin:0}nav ul li{width:100%;list-style-type:none;font-size:30px;text-align:left}nav img,nav ul li a{color:#000;text-decoration:none;float:left;margin:20px;padding:0;font-size:30px;cursor:pointer}nav img{height:40px;display:none;position:fixed;margin:0;padding:0}footer ul li{list-style-type:none}@media (max-width:1100px){nav{transition:all 1.5s;height:0%;background-color:#fff}nav ul:not(.enabled){transition:all 1.5s;opacity:0;transform:translate(200vh)}nav ul.enabled{transition:all 1.5s;margin-top:80px;opacity:1}nav ul li{text-align:center;margin-top:20px}nav ul li a{float:none;margin:0}nav:has(ul.enabled){height:100%;text-align:center}nav.enabled{height:100%;text-align:center}nav img.enabled{margin:20px;display:block}}footer ul li a.active,nav ul li a.active{transition:color .5s;color:#40e0d0}footer ul li a{font-size:1.2em;line-height:40px}#nav_logo{display:block;top:5px;right:5px;height:70px}h1{padding-top:80px}h1,h2,h3,h4,li,p,ul{margin-left:25px;margin-right:25px}