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