@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}body,html{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none;outline:none}.grid-container{display:grid;position:relative;background-color:#ffaffb;background:linear-gradient(180deg,#ffaffb,#ec98e8);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin:0 auto;width:100vw;height:100vh;overflow:hidden;z-index:0}.grid-container .card{display:grid;place-items:start;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.grid-container .card .card-text{font-family:Arial,Helvetica,sans-serif;font-size:2rem;color:hotpink;text-shadow:1px 1px 2px rgba(255,105,180,.425)}.grid-container .card:hover .card-text{animation:shake .5s 1 alternate-reverse}.grid-container .list-ul{position:fixed;top:0;left:0;z-index:1001;padding:.5rem}.grid-container .list-ul li{position:relative}.grid-container .list-ul li .box-preview{position:absolute;left:100%;top:100%;overflow:hidden;height:10rem;width:10rem}.grid-container .list-ul li .box-preview img{width:0;height:0;object-fit:cover}.grid-container .list-ul .list-header,.grid-container .list-ul .list-text{cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;width:-moz-fit-content;width:fit-content;color:hotpink;text-shadow:1px 1px 2px rgba(255,105,180,.425);transition:.2s}.grid-container .list-ul .list-text:hover{color:#eee202}.grid-container .grid-box{transition:background-color .3s;aspect-ratio:1;width:100%;z-index:100}.grid-container .grid-box:hover{background-color:rgba(0,0,0,.5);color:#fff}.grid-container .grid-box:active{animation:disco .8s infinite;color:#fff}.canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}@keyframes disco{0%{background-color:red}25%{background-color:blue}50%{background-color:green}75%{background-color:#ff0}to{background-color:red}}@keyframes elevator{0%{transform:translateY(0)}50%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(1deg)}50%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}to{transform:rotate(-1deg)}}