@import "https://fonts.googleapis.com/css2?family=Gloock&display=swap";
.entrance-container,.entrance-container *,.entrance-container :after,.entrance-container :before{box-sizing:border-box}.entrance-container{--color-text:#000;--color-bg:#f2efe9;--color-bg-alt:#c7c0b4;--color-link:#0009;--color-link-hover:#000;--page-padding:1.5rem;--color-title:#000;font-size:16px}.entrance-container.demo-2{--color-bg:#d8e5ec;--color-bg-alt:#7e8b92;--color-title:#223233}.entrance-container.demo-3{--color-bg:#ece6df;--color-bg-alt:#8b8078;--color-title:#191818}.entrance-container{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle,var(--color-bg)0%,var(--color-bg-alt)100%);background-size:100% 100vh;width:100%;height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;position:relative;overflow:hidden}.entrance-container.loading:before,.entrance-container.loading:after{content:"";z-index:1000;position:absolute}.entrance-container.loading:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}.entrance-container.loading:after{opacity:.4;background:var(--color-link-hover);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)}}.entrance-container a{color:var(--color-link);cursor:pointer;outline:none;text-decoration:none}.entrance-container a:hover{color:var(--color-link-hover);outline:none;text-decoration:underline}.entrance-container a:focus{background:#d3d3d3;outline:none}.entrance-container a:focus:not(:focus-visible){background:0 0}.entrance-container a:focus-visible{background:0 0;outline:2px solid red}.entrance-container .unbutton{font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.entrance-container .unbutton:focus{outline:none}.entrance-container .frame{padding:var(--page-padding);text-transform:uppercase;z-index:1000;grid-row-gap:1rem;grid-column-gap:2rem;pointer-events:none;grid-template-columns:auto auto;grid-template-areas:"title""archive""back""github""demos""sponsor""tags";justify-items:start;width:100%;height:100%;font-size:12px;display:grid;position:relative}.entrance-container .frame #cdawrap{justify-self:start}.entrance-container .frame a{pointer-events:auto}.entrance-container .frame__title{font-size:inherit;grid-area:title;margin:0}.entrance-container .frame__back{grid-area:back;justify-self:start}.entrance-container .frame__archive{grid-area:archive;justify-self:start}.entrance-container .frame__tags{grid-area:tags}.entrance-container .frame__github{grid-area:github}.entrance-container .frame__demos{grid-area:demos;gap:1rem;display:flex}.entrance-container .content{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0;left:0}.gloock-regular{font-family:Gloock,serif;font-style:normal;font-weight:400}.entrance-container .debug{background-color:red;border-radius:5px;width:100vw;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.entrance-container .scene{perspective:1000px;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:hidden}.entrance-container .card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.entrance-container .card__img{aspect-ratio:2/3;background-position:50%;background-size:cover;border-radius:5px;width:8em}.entrance-container .headings{text-align:center;z-index:10;color:var(--color-title);text-transform:uppercase;position:relative}.entrance-container .headings__main{font-size:clamp(2.5rem,1.59rem + 3.883vw,6.25rem);line-height:.8}.entrance-container .headings_subtitle{font-size:clamp(1rem,.757rem + 1.036vw,2rem);line-height:1}@media screen and (min-width:53em){.entrance-container .frame{grid-template:"title back archive github sponsor""tags tags tags demos demos"/auto auto auto 1fr;align-content:space-between;width:100%;height:100%;position:absolute;top:0;left:0}.entrance-container .frame #cdawrap,.entrance-container .frame__demos{justify-self:end}.entrance-container .card__img{width:10em}}