@import "https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700";:root{--accent:#ac58f5;--accent-hovered:#7f40b6}body{color:#fff;background:#000;margin:0;font-family:Roboto Condensed;overflow-y:scroll}body.no-black-bg main,body.page-works main,body.page-shop main,body.post-template main{background:#fff}body main{opacity:0;transition:opacity .1s ease-in-out}body main .gh-page{height:100%;transition:transform .1s ease-in-out;transform:translateY(1%)}body.loaded main{opacity:1}body.loaded main .gh-page{transform:translateY(0)}body.hide{display:none}body nav ul{margin:0;padding:0}body nav ul li{list-style-type:none}main.home,main.contact,main.error{height:100dvh}main.home div.centerfloat>strong,main.contact div.centerfloat>strong,main.error div.centerfloat>strong{font-size:28pt}main.contact{color:#000;background-color:#fff}main.contact a{color:#000;font-size:28pt;text-decoration:none}.centerfloat{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}figcaption{text-align:center;color:#444;margin-top:.4em;font-size:.8em}video.fullscreen.backdrop{object-fit:contain;background:#000;width:100vw;height:100vh}canvas#bg{z-index:-1;position:fixed;inset:0}.pad-content{padding:4rem}.pad-nav{padding-top:6.5rem}