@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#282c34;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.heading{align-items:center;background:#081b31;display:flex;height:5rem;justify-content:center;width:100%}.heading h1{color:#fff}.container{margin-top:2rem;min-height:70vh}.container,.game{align-items:center;display:flex;justify-content:center}.game{flex-wrap:wrap;gap:20px;height:400px;margin-top:30px;width:400px}.square{border:none;border-radius:1rem;box-shadow:0 0 1rem #0006;color:#b0413e;cursor:pointer;font-size:8vmin;height:120px;width:120px}.new-game-btn,.reset-btn{align-items:center;display:flex;justify-content:center;margin-bottom:-40px;margin-top:20px}.new-game-btn button,.reset-btn button{-webkit-tap-highlight-color:transparent;background:#081b31;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.25rem;outline:none;padding:.85rem 1.4rem;-webkit-user-select:none;user-select:none}.status{color:#fff;display:flex;font-size:30px;justify-content:center;margin-top:30px;text-align:center}.game-info{position:absolute;right:2rem;top:7.5rem}.game-info ul{color:#fff;list-style-type:none}.game-info ul button{-webkit-tap-highlight-color:transparent;background-color:#081b31;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;letter-spacing:1px;margin-top:10px;outline:none;padding:10px;-webkit-user-select:none;user-select:none;width:180px}@media (max-width:1250px){.square{height:110px;width:110px}.game{height:350px;margin-top:10px}}@media (max-width:900px){.gamee{align-items:center;display:flex;flex-direction:column;gap:60px;justify-content:center}.game-info{position:static}}@media (max-width:620px){.square{font-size:9vmin}}@media (max-width:500px){.square{font-size:9.5vmin}}@media (max-width:480px){.status{font-size:25px}}@media (max-width:420px){.square{font-size:10vmin;height:100px;width:100px}.game{gap:15px;width:350px}.status{font-size:22px;margin-top:20px}.new-game-btn button,.reset-btn button{font-size:1.1rem;padding:.85rem}}@media (max-width:370px){.square{height:80px;width:80px}.game{gap:10px;height:280px;width:320px}.status{font-size:20px}}
/*# sourceMappingURL=main.e73065da.css.map*/