:root{--color-text:#e3e2dcdb;--color-bg:#000;--color-link:#e3e2dcdb;--color-link-hover:#e3e2dc}body{-webkit-font-smoothing:antialiased;background-image:url(/noise.png)}.js .loading:before,.js .loading:after{content:"";position:fixed}.js .loading:before{width:100%;height:100%;top:0;left:0}.js .loading:after{opacity:.4;background:var(--color-link);border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a:focus-visible{outline:2px solid red}.unbutton:focus{outline:none}.frame{width:100%;height:100%;position:relative}.frame--footer{grid-template-columns:auto auto;justify-content:space-between;margin-top:40vh}.frame #cdawrap{justify-self:start}.frame a{pointer-events:auto}.frame__title{grid-area:title;margin:0}.frame__back{grid-area:back;justify-self:start}.frame__archive{grid-area:archive;justify-self:start}.frame__sub{grid-area:sub}.frame__github{grid-area:github}.tags{gap:.75rem;margin-bottom:2rem;display:flex}.tags a{border:1px solid;border-radius:3px;padding:.25rem .25rem .15rem;line-height:1}.frame__demos{grid-area:demos;gap:1rem;display:flex}.intro{justify-content:center;place-items:center;min-height:calc(100vh - 6rem);margin-bottom:50vh;display:grid}.intro__heading{gap:1rem;display:grid}.content{flex-direction:column;position:relative}.blur-text{min-width:300px}.card-wrap{grid-gap:2rem;grid-template-columns:250px;grid-auto-flow:row;margin-top:5vh;display:grid}.card__image{aspect-ratio:4/3;filter:brightness(.8);background-position:50%;background-size:cover;border-radius:7px;width:100%;height:auto;display:block}@media screen and (min-width:53em){.frame--header{grid-template:"title back archive github sponsor"/auto auto auto auto 1fr}.frame--footer{grid-template-columns:auto auto auto}.frame #cdawrap,.frame__sub{justify-self:end}.card-wrap{grid-template-columns:repeat(3,250px)}}