button.active{visibility:visible}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-user-select:none;user-select:none;font-family:Bebas Neue}main{background:linear-gradient(135deg,#e2ded9 0%,#da7625 100%);place-items:center;min-width:100vw;min-height:100vh;display:grid}.heading{text-transform:uppercase;letter-spacing:1px;font-weight:400;position:relative}.heading:before{content:"0";color:red;font-weight:500;position:absolute;left:-2rem}.heading:after{content:"X";color:red;font-weight:500;position:absolute;right:-2rem}.player-status{background:#eee;border:1px solid #333;border-radius:1rem;padding:.5rem 3rem}.current-player{color:red;font-weight:500}.game-grid{aspect-ratio:1;background:linear-gradient(145deg,#f7f0f0e3,#fffffffa);border-radius:1rem;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:20rem;padding:2rem;display:grid;box-shadow:20px 20px 60px #d9d9d9,-20px -20px 60px #fffffff1}.box{color:#333;cursor:pointer;border:1px solid #333;place-items:center;padding:1rem;font-size:3rem;font-weight:500;display:grid}.btn-reset{cursor:pointer;visibility:hidden;background:#f5f5f5;border:1px solid #333;border-radius:1rem;padding:.5rem 2rem}.active{visibility:visible}.green{background:#adff2f}@media screen and (width<=450px){.heading{letter-spacing:0;font-size:1rem}.heading:after{right:-1rem}.game-grid{width:15rem}.box{font-size:4rem}}
/*# sourceMappingURL=index.dfe32862.css.map */