button.active{visibility:visible}.green{background:green}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-user-select:none;user-select:none;font-family:Teachers,sans-serif}button input{font-family:inherit}main{background:linear-gradient(138deg,#feffa57a 36.7%,#3b00bb92 84.4%,#fff 119.7%);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:"O";color:red;font-weight:500;position:absolute;left:-2rem}.heading:after{content:"X";color:red;font-weight:500;position:absolute;right:-2rem}.player-stutus{background-color:#f0f8ff;border:1px solid #000;border-radius:1rem;padding:.5rem 3rem}.current-player{color:red;font-weight:500}.game-grid{aspect-ratio:1;background:#e0e0e0;border-radius:1rem;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:20rem;padding:2rem;display:grid;box-shadow:40px 40px 100px #383838c6,-40px -40px 90px #fff}.box{cursor:pointer;border:1px solid #0000009f;place-items:center;font-size:3rem;font-weight:500;display:grid}.btn-reset{cursor:pointer;visibility:hidden;background:radial-gradient(circle at 10% 20%,#feffa5 0%,#ffe8b6 90%);border:1px solid #000;border-radius:1rem;padding:.5rem 3rem}.green{background-color:#adff2f}@media screen and (width<=420px){.heading{font-size:1rem}.heading:before{left:-1rem}.heading:after{right:-1rem}.game-grid{width:15rem}.box{font-size:2rem}}
/*# sourceMappingURL=index.4ac9a1b1.css.map */