@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{background:#272d37;color:#fff;cursor:default;font-family:Inter,sans-serif;height:100%;margin:0;padding:2em 3em;width:100%}body::-webkit-scrollbar{display:none}header{text-align:center}.header-times{background-color:rgba(0,0,0,.25);color:#ddd;display:flex;font-size:1.2rem;justify-content:space-between;margin:0 auto;max-width:700px;padding:0 2rem}.header-times>h3{font-weight:500}.header-times>h3>span{font-weight:600}header>h1{font-size:3rem;margin:5rem auto 2rem}main{display:block;margin:0 auto;max-width:445px;text-align:center}.game-grid{grid-gap:5px;background:#889;grid-template:repeat(8,minmax(30px,50px)) /repeat(8,minmax(30px,50px));padding:10px}.cell,.game-grid{display:grid;justify-content:center}.cell{align-items:center;background:#fff;border-radius:2px}.cell:hover{background:#ddd}.cell:active{background:#aaa}.cell-value{color:#f28621;margin:0}.play-btn{background:#eee;border:none;border-radius:2px;color:#222;font-family:Inter,sans-serif;font-size:2rem;font-weight:700;margin:5em auto;padding:2rem 10rem}.play-btn:hover{background:#889;color:#fff;outline:5px solid #ddd;transition:.15s ease-in-out}.play-btn:active{outline:outset}.win-btn{background:#eee;border:none;border-radius:2px;color:#222;font-family:Inter,sans-serif;font-size:2rem;font-weight:700;margin:3em auto;padding:2rem 10rem}.you-win{font-size:3rem;margin:10rem auto 0;padding:0}.new-record{color:tomato;font-size:2rem;font-weight:600;margin:1rem auto}@media (max-width:500px){body{height:100vh;margin:0;padding:0;width:100vw}body,main{display:block}main{margin:0 auto;text-align:center}.game-grid{grid-gap:1px;background:#889;display:grid;grid-template:repeat(8,40px) /repeat(8,40px);justify-content:center;padding:10px}header>h1{font-size:1.5rem;margin:2rem auto 1rem}.play-btn{font-size:1rem;padding:2rem 5rem}.cell-img{width:1.7rem}.cell{font-size:.8rem}.you-win{margin:4rem auto 2rem}.win-btn{font-size:1rem;margin:1rem auto;padding:1rem 2rem}}@media (max-width:350px){main{display:block;margin:0 auto;text-align:center}.game-grid{grid-gap:1px;background:#889;display:grid;grid-template:repeat(8,30px) /repeat(8,30px);justify-content:center}.cell{font-size:.6rem}.cell-img{width:1.3rem}.header-times{max-width:200px}}
/*# sourceMappingURL=main.424bb81a.css.map*/