body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1b21;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{flex-direction:column;min-height:100vh;padding:1rem}.container,.title{align-items:center;display:flex;justify-content:center;text-align:center}.title{color:#fff;flex-wrap:wrap;font-size:clamp(1.5rem,6vw,3.75rem);line-height:1.2;margin:2rem 0}.title span{color:#26ffcb;font-size:clamp(1.2rem,4vw,2.5rem);padding-left:.5rem}.title img{height:clamp(2rem,4vw,3.125rem);padding:.5rem;width:auto}.board{grid-gap:.5rem;background:#0f1b214d;border-radius:1rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:min(90vw,30rem);margin:2rem auto;max-height:30rem;max-width:30rem;padding:1rem;width:min(90vw,30rem)}.row1,.row2,.row3{display:contents}.boxes{align-items:center;aspect-ratio:1;background:#1f3540;border:.25rem solid #0f1b21;border-radius:.75rem;cursor:pointer;display:flex;justify-content:center;min-height:0;transition:all .3s ease}.boxes:hover{background:#2a4a57;transform:scale(1.05)}.boxes img{height:60%;object-fit:contain;transition:transform .2s ease;width:60%}.boxes img:hover{transform:scale(1.1)}.reset{background:#1f3540;border:none;border-radius:2rem;color:#26ffcb;cursor:pointer;font-size:clamp(1rem,3vw,1.625rem);font-weight:600;height:4rem;margin-bottom:2rem;margin-top:2rem;outline:none;transition:all .3s ease;width:min(15rem,80vw)}.reset:hover{background:#26ffcb;box-shadow:0 8px 20px #26ffcb4d;color:#1f3540;transform:translateY(-2px)}.reset:active{transform:translateY(0)}@media (max-width:480px){.container{padding:.5rem}.title{flex-direction:column;gap:.5rem;margin:1rem 0}.title span{padding-left:0}.board{gap:.25rem;height:min(95vw,20rem);margin:1rem auto;padding:.5rem;width:min(95vw,20rem)}.boxes{border-radius:.5rem;border-width:.125rem}.reset{height:3rem;margin-bottom:1rem;margin-top:1rem}}@media (min-width:481px) and (max-width:768px){.board{gap:.375rem;height:min(70vw,25rem);padding:.75rem;width:min(70vw,25rem)}}@media (min-width:1200px){.container{padding:2rem}.board{gap:.75rem;height:32rem;padding:1.5rem;width:32rem}.boxes{border-radius:1rem}}
/*# sourceMappingURL=main.9973ca37.css.map*/