body,main,main article{position:relative}#background,body{top:0;left:0;width:100vw}:root{--background:#000000;--text-color:#BABABA;--text-color-hover:#FAFAFA;--outline-color:#0000FF80;--link-color:#78F0F0;--link-color-hover:#193BE6}@font-face{font-family:Ubuntu;src:url('./UbuntuSans-ExtraBold.ttf') format('truetype');font-weight:bolder;font-style:normal}@font-face{font-family:DejaVu;src:url('./DejaVuSansMonoBook.ttf') format('truetype');font-weight:400;font-style:normal}body,h1,h2,html{margin:0;padding:0}body{background-color:var(--background);font-family:DejaVu,sans-serif;color:var(--text-color);overflow:hidden}main{min-height:calc(100vh - calc(2.5rem + 2rem));padding-top:2rem;width:60vw;left:20vw}main article{margin:40px 80px;padding:0 20px;border-radius:15px;border:2px solid var(--outline-color);text-align:justify;font-size:clamp(15px, 1.1cqi, 22.5px)}a:active,a:link,a:visited{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-color-hover)}footer{position:absolute;bottom:0;width:100%;height:2.5rem}footer>a{padding:0 10px;text-decoration:none}h1{font-size:105px;margin-bottom:0}h2{margin-top:0;font-size:30px;color:var(--text-color-hover)}@media screen and (min-width:600px) and (max-width:1325px){main{width:90vw;left:5vw}main article{margin:20px 40px;padding:0 10px;font-size:clamp(13.5px, 2cqi, 38.5px)}}@media screen and (max-width:600px){footer,h1,h2{position:relative}h1{left:0;margin-top:-70px;margin-bottom:-10px;font-size:120px}h2{font-size:18px}main{width:95vw;left:2.5vw;min-height:0}main article{margin:10px 20px;padding:0 5px;font-size:clamp(12.5px, 2.5cqi, 25px)}footer{top:10px;width:100%;height:2.5rem}}#background{position:absolute;height:100vh}footer svg{fill:var(--text-color)}footer svg:hover{fill:var(--text-color-hover)}