body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1b21;font-family:poppins}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background:#0f1b21;font-family:Poppins,sans-serif}.container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:90vw;max-width:400px;height:auto}h1{font-size:20px;margin-top:20px;color:#fff;font-size:3vw;display:flex;justify-content:center;align-items:center}h1 span{color:#26ffcb;padding-left:10px}h1 img{padding:10px;height:40px}.boxes{display:flex;width:100%;aspect-ratio:1/1;background:#1f3540;border:4px solid #0f1b21;border-radius:12px;cursor:pointer;justify-content:center;align-items:center}.boxes img{max-width:60%;max-height:60%}.reset{width:60%;max-width:200px;height:60px;border:none;cursor:pointer;border-radius:30px;background:#1f3540;font-size:20px;color:#26ffcb;margin:20px 0}@media (max-width: 768px){h1{font-size:7vw}h1 img{height:30px}.reset{font-size:18px;height:50px}}@media (max-width: 480px){h1{font-size:6vw}h1 img{height:25px}.board{width:90vw;max-width:300px;gap:5px}.boxes{border-radius:8px}.reset{font-size:16px;height:45px}}