@import "https://fonts.googleapis.com/css2?family=Zilla+Slab&display=swap";:root{--bg-color:hsl(60 5% 7%);--nav-color:hsl(60 5% 10%);--nav-color-scroll:hsl(60 5% 10% / 60%);--text-color:hsl(0 0% 100%)}*{box-sizing:border-box;font-family:zilla slab,serif;scroll-behavior:smooth}html,body{color:var(--text-color);font-family:zilla slab,serif;background-color:var(--bg-color)}a{color:var(--text-color);text-decoration:none}nav{display:flex;align-items:center;position:sticky;top:0;height:10vh;width:100%;padding:10px 5%;transition:background-color .2s linear}nav.active{background-color:var(--nav-color-scroll)}nav.active a{color:var(--text-color)}nav #show-menu{color:var(--text-color);border:none;background-color:transparent;font-size:2rem;transition:transform .2s linear}nav #show-menu.active{transform:rotate(90deg)}nav #logo{height:100%;margin-right:auto;transition:.15s}nav #logo img{height:100%}nav #logo.scroll{opacity:0}nav #desktop-menu{display:none}#menu{display:flex;flex-direction:column;align-items:center;position:fixed;top:10vh;max-height:0;width:100%;opacity:0;transition:max-height .2s linear,opacity .2s linear;background-color:var(--nav-color-scroll)}#menu.active{clip:rect(auto,auto,1000px,auto);max-height:100%;opacity:1}#menu a{font-size:2rem;margin-bottom:20px}main{min-height:calc(100vh - 12vh);width:100%;padding:20px}footer{display:flex;flex-direction:column;align-items:center;padding:15px}footer>:not(:last-child){margin-bottom:10px}footer p{font-size:1.2rem;text-align:center}#socials{display:flex;flex-direction:row}#socials a:not(:last-child){margin-right:15px;margin-bottom:0}#socials i{font-size:2.5rem}img#kaczynski{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(75vw,75vh)}@keyframes kaczynski{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}@media only screen and (min-width:768px){nav{display:flex;width:100%;height:12vh}nav.scroll:hover{background-color:var(--nav-color-scroll)}footer{padding:15px}footer>:not(:last-child){margin-bottom:20px}footer p{font-size:2rem}footer #socials i{font-size:3rem}}@media only screen and (min-width:1280px){nav #show-menu{display:none}nav #desktop-menu{display:unset}nav #desktop-menu a{font-size:2.5rem}nav.scroll a{color:transparent}nav.scroll:hover{background-color:var(--nav-color-scroll)}nav.scroll:hover a{color:var(--text-color)}main{padding:40px}footer{padding:15px}footer>:not(:last-child){margin-bottom:20px}footer p{font-size:2rem}footer #socials i{font-size:3rem}}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-thumb{background:hsl(0 0% 100%/.1)}::-webkit-scrollbar-thumb:hover{background:hsl(0 0% 100%/.4)}