@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Knewave&display=swap";html{--text: light-dark(#160d17, #f1e8f2);--background: light-dark(#faf8fc, #050307);--background-2: light-dark( oklch(from var(--background) calc(l - .005) c h), oklch(from var(--background) calc(l + .02) c h) );--background-3: light-dark( oklch(from var(--background) calc(l - .01) c h), oklch(from var(--background) calc(l + .04) c h) );--background-4: light-dark( oklch(from var(--background) calc(l - .02) c h), oklch(from var(--background) calc(l + .08) c h) );--background-5: light-dark( oklch(from var(--background) calc(l - .04) c h), oklch(from var(--background) calc(l + .16) c h) );--background-6: light-dark( oklch(from var(--background) calc(l - .06) c h), oklch(from var(--background) calc(l + .24) c h) );--background-7: light-dark( oklch(from var(--background) calc(l - .08) c h), oklch(from var(--background) calc(l + .32) c h) );--primary: light-dark(#c232d2, #7f0f8a);--secondary: light-dark(#e575f0, #7f0f8a);--accent: light-dark(#eb44fd, #a802bb)}.spinner-loader-1{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,var(--text) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--text));mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:spinner-loader-1-l13 1s infinite linear}@keyframes spinner-loader-1-l13{to{transform:rotate(1turn)}}html{overscroll-behavior:none;color:var(--text);accent-color:var(--primary);background-color:var(--background)}#content{overflow:hidden;position:absolute;z-index:-1;height:100%;width:100%;max-width:600px;margin:0;translate:-50%;left:50%;top:0}.fill_parent{position:absolute;margin:0;padding:0;top:0;left:0;width:100%;height:100%}#home{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-size:1.1em;font-style:normal}#home h1{font-size:3em;text-align:center;font-family:Knewave,sans-serif;font-weight:400;font-style:normal;text-shadow:5px 5px var(--primary)}#home input{margin:1rem 2rem}#home input[type=text]{border-radius:4px;border-color:#000;border-width:.2rem;border-style:solid;box-shadow:.3rem .3rem 0 .3rem #000;text-decoration:none;padding:16px 16px 16px 8px;background-color:var(--background-5);color:var(--text);accent-color:var(--primary)}#home input[type=submit]{border-radius:16px;border-color:#000;border-width:.2rem;border-style:solid;box-shadow:.3rem .3rem 0 .3rem #000;padding:16px;background-color:var(--primary);color:var(--text)}#home input[type=submit]:disabled{border-color:var(--primary);background-color:var(--primary);color:oklch(from var(--text) calc(l*.9) c h / .25)}#home input:focus{outline:2px solid light-dark(black,white)}.menu-button{color:var(--text)}.menu-button .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" -25,"opsz" 48;font-size:2.5rem}.menu-button:visited,.menu-button:hover{color:var(--text)}.menu-button:hover .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 200,"opsz" 48;font-size:2.5rem}.mainscreen-menu{max-width:90%;max-height:80%;box-sizing:border-box;width:30rem;height:40rem;position:absolute;top:50%;left:50%;translate:-50% -50%;background-color:var(--background-4);border-color:#000;border-width:.4rem;border-style:solid;border-radius:2rem;box-shadow:1rem 1rem .1rem .5rem #000}.halftone-bg{--dot: black;background-color:light-dark(oklch(from var(--background, #faf8fc) calc(l/2) c h),oklch(from var(--background, #050307) calc(l*1.5) c h));background-image:radial-gradient(circle,var(--dot) 3.5px,transparent 3.5px);background-size:20px 20px}.flipcard{perspective:800;-moz-perspective:800;-webkit-perspective:800;transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}.flipcard.flipped{transform:rotatey(-180deg);-moz-transform:rotatey(-180deg);-webkit-transform:rotatey(-180deg)}.flipcard .face{padding:1em;text-align:center;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipcard .front{display:block}.flipcard.flipped .front{display:none}.flipcard .back{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);display:none}.flipcard.flipped .back{display:block}