@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap);body{background:#1b1523;background:var(--background,#1b1523);color:#fff;color:var(--text,#fff);font-family:Raleway,sans-serif;font-size:1.5em;margin:0;text-align:center}.results-container{column-gap:1rem;display:flex;justify-content:center}*,body,html{cursor:none}.button-box{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:10px}.hint{margin-left:10px;margin-right:10px}.hint:hover{background-color:#ff0;color:#000}.hint-box{align-items:center;display:flex;justify-content:space-around}.hint-count{color:#fff;color:var(--text,#fff);font-size:15px}@media (max-width:600px){.button-box{flex-direction:column;gap:20px}}.App{margin:40px auto;max-width:860px}button{background:#1b1523;background:var(--background,#1b1523);border:2px solid;border-radius:4px;color:#fff;color:var(--text,#fff);font-size:1em;font-weight:700;padding:6px 12px}button:hover{background:green;color:#fff}.card-grid{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:40px}#theme-toggle{font-size:.7em;position:absolute;right:1vw;top:1vh}div.animation{animation:shake 1s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.collapse-animation{animation:collapse 1.2s forwards;-webkit-animation:collapse 1.2s forwards}@keyframes collapse{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(.2) rotate(1turn);-webkit-transform:scale(.2) rotate(1turn);-moz-transform:scale(.2) rotate(1turn);-ms-transform:scale(.2) rotate(1turn);-o-transform:scale(.2) rotate(1turn)}to{transform:scale(1) rotate(2turn);-webkit-transform:scale(1) rotate(2turn);-moz-transform:scale(1) rotate(2turn);-ms-transform:scale(1) rotate(2turn);-o-transform:scale(1) rotate(2turn)}}@media screen and (max-width:800px){.card-grid{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr;margin-left:5px;margin-right:5px;margin-top:40px}}@media screen and (max-width:600px){.card-grid{grid-gap:5px;display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width:390px){.card-grid{align-content:center;align-items:center;display:grid;grid-template-columns:1fr}}.card{display:grid;place-items:center;position:relative}.card img{border:2px solid #fff;border-radius:6px;display:block}.card .front-container{align-items:center;display:flex;justify-content:center}.card .front{background-color:fff;object-fit:scale-down;position:absolute;transform:rotateY(90deg)}.front-background{border:none!important;filter:blur(2px);object-fit:cover;width:200px}.flipped .front{margin:0 auto;transform:rotateY(0deg) translateX(0)}.card .back{object-fit:cover;transition:all .2s ease-in;transition-delay:.2s}.flipped .back{transform:rotateY(90deg);transition-delay:0s}@media screen and (max-width:800px){.card .front{object-fit:fill;position:absolute}.front-background{border:initial!important;display:none;filter:none;object-fit:scale-down}.card{padding-bottom:10px;padding-top:10px}.card img{border:2px solid #fff;border-radius:6px;display:block;width:90%}}:root[data-applied-mode=light]{--text:#1b1523;--background:#fff;color-scheme:light}:root[data-applied-mode=dark]{--text:#fff;--background:#1b1523;color-scheme:dark}.custom-cursor{background-color:#6f6f6ecc;border-radius:50%;height:20px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:transform .1s ease-out;width:20px;z-index:9999}
/*# sourceMappingURL=main.e5e770ec.css.map*/