@tailwind base;@tailwind components;@tailwind utilities;*,:after,:before{box-sizing:border-box}:root{font-size:15px}body{margin:0;--color-text:#d8d8d8;--color-bg:#060606;--color-link:#fff;--color-link-hover:#fff;--color-line:rgba(82,77,73,0.38);color:var(--color-text);background-color:var(--color-bg);font-family:termina,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.demo-2{--color-text:#000;--color-bg:#000}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:underline;color:var(--color-link);outline:none}a:focus,a:hover{color:var(--color-link-hover);outline:none;text-decoration:none}main{text-align:center;padding:2rem}main:before{animation:grain 8s steps(10) infinite;background-image:url(/noise.0c992c6e.png);content:"";height:300%;left:-50%;opacity:.5;position:fixed;top:-100%;width:300%;pointer-events:none}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.logo{grid-area:logo;text-decoration:none;font-size:3rem;font-weight:700;align-self:center;justify-self:center}.page-title{grid-area:pagetitle;margin:0;font-weight:600;font-size:1rem;padding:1rem 0}.page-title div{clip-path:polygon(0 0,var(--clip) 0,var(--clip) 100%,0 100%)}.demos{grid-area:demos}.links{grid-area:links;padding-top:1rem}.demos div:not(:first-child),.links div:not(:first-child){margin-left:1rem}.frame__demo{display:inline-block}.frame__demo--current{opacity:.8;text-decoration:none}.title{grid-area:title;font-family:dystopian,sans-serif;font-weight:700;font-size:11.25vw;margin:0;line-height:.9;text-indent:-.9vw}.subtitle{grid-area:subtitle;font-size:4vw;margin:.5rem 0 0;line-height:1;font-weight:200;text-indent:-.4vw}.menu{grid-area:menu;align-self:start}.menu__inner{font-family:dystopian,sans-serif;font-weight:700;line-height:1;font-size:1.5rem;padding:1rem 0;display:block}.content{margin:0;font-size:1.15rem;font-size:clamp(1rem,2vh,3rem);grid-area:content;padding:2rem 0}.content span{clip-path:polygon(0 0,100% 0,100% var(--clip),0 var(--clip))}.play{grid-area:play;font-size:12vw;align-self:center;justify-self:center;cursor:default;display:block}.year{grid-area:year}.credits--site{grid-area:credits-1;font-weight:600;text-decoration:none}.credits--author{grid-area:credits-2}.credits--author div{clip-path:polygon(0 0,var(--clip) 0,var(--clip) 100%,0 100%)}@media screen and (min-width:60em){main{text-align:left;padding:0;overflow:hidden;height:100vh;display:grid;grid-template-columns:8rem 12vh 9rem 1fr 1fr;grid-template-rows:4rem 4rem min-content min-content 1fr 2.5rem;grid-template-areas:"logo ... ... pagetitle links" "logo ... ... demos ..." "... ... ... title title" "... ... ... ... subtitle" "... menu ... content play" "year ... credits-1 credits-2 ..."}.line{position:relative}.line:before{content:"";position:absolute;background:var(--color-line)}.line--vertical:before{left:0;width:1px;height:500vh;top:-250vh}.line--horizontal:before{left:-250vw;width:500vw;top:0;height:1px}.content{width:90%;padding:0}.menu__inner{writing-mode:vertical-lr;transform:rotate(180deg);font-size:12vh;padding:0}}.webgl{position:fixed;top:0;left:0;z-index:-1}.oh{overflow:hidden}.dib{opacity:1}.db{display:block}
/*# sourceMappingURL=/base.14019a14.css.map */