html{width:100vw;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}header{display:flex;padding:9px 7px 0 7px;position:fixed;top:0;width:98%;background-color:#fff;height:auto;justify-content:space-between;z-index:100}header a{font-family:'faunetext_regular','Courier New',Courier,monospace;font-size:16px;line-height:20px;@media(min-width:768px){font-size:22px}text-decoration:none;color:#000}.logo{display:inline;font-family:'hatchregular',Arial,Helvetica,sans-serif;font-size:40px;line-height:1em;text-transform:uppercase;@media(min-width:768px){font-size:60px;&:hover{font-size:61px}}}p,main{font-family:'faunetext_regular','Courier New',Courier,monospace;font-size:15px;@media(min-width:768px){font-size:18px}}nav ul{margin:0;padding:0}li{list-style-type:none;line-height:20px;padding:3px}nav{align-self:auto}nav a:hover{font-style:italic}nav li{display:inline-block;width:-webkit-max-content;width:-moz-max-content;width:max-content}nav .sub-menu{position:absolute}.sub-menu a{font-size:12px;text-transform:capitalize;@media(min-width:768px){font-size:15px}}ul.sub-menu{padding:7px 0}.sub-menu li{display:block;background-color:#fff}nav ul li>.sub-menu{display:none}nav ul li:hover .sub-menu,nav ul li:focus .sub-menu,nav ul li:active .sub-menu{display:block}main{margin:90px 5px 50px 60px;@media(min-width:768px){margin:90px 5px 50px 90px}}div:has(.button){margin-top:20px;@media(min-width:768px){margin-top:9px}}.button{background-color:violet;padding:.5em;border-radius:3px;text-decoration:none;color:white;box-shadow:inset -2px -2px 0 0 violet;&:hover{font-style:italic}}footer{display:block;width:100vw;background-color:white;position:relative;@media(min-width:768px){position:fixed;bottom:0}text-align:center;padding-right:20px;& a{color:black;&:hover{font-style:italic;color:violet}}& p{font-size:10px;padding-bottom:5px;margin:0;&:first-child{padding:0}}}