@import url(https://fonts.googleapis.com/css2?family=Otomanopee+One&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{background:#ffd523;font-family:"Otomanopee One",sans-serif}#root{min-height:-webkit-min-content;min-height:min-content}.container{display:flex;flex-direction:column!important;align-items:center;justify-content:space-around;margin:3.5rem 2rem .25rem}.grid--wrapper{display:inline-block;width:480px;position:relative}.grid--wrapper:after{padding-top:100%;display:block;content:""}.game-board{position:absolute;top:0;bottom:0;right:0;left:0;height:100%;width:100%;display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(3,auto);place-items:center;grid-gap:.75rem}[active]{opacity:.85!important}.card{position:relative;overflow:hidden;background:#2c2e43;width:100%;height:100%;cursor:pointer;box-shadow:0 8px 24px rgba(149,157,165,.2);transition:all .5s ease}.card--o{position:absolute;left:50%;top:50%;width:80%;height:80%;border-radius:50%;border:1rem solid #fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:opacity .35s ease}.card--o[winner]{border:1rem solid #50cb93!important}.card--x{width:100%;height:100%;position:relative;opacity:0;transition:opacity .35 ease}.card--x:after{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(-45deg) translate(-50%,-50%);transform:rotate(-45deg) translate(-50%,-50%)}.card--x:after,.card--x:before{position:absolute;top:50%;left:50%;content:"";width:1rem;height:100%;background:#fff}.card--x:before{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(45deg) translate(-50%,-50%);transform:rotate(45deg) translate(-50%,-50%)}.card--x[winner]:after,.card--x[winner]:before{background:#50cb93!important}.card:hover{-webkit-transform:scale(105%);transform:scale(105%);box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3);transition:all .5s ease}.card:hover .card--o,.card:hover .card--x{opacity:.3;transition:opacity .35s ease}.menu{padding:2.5rem 1rem;display:flex;justify-content:center;align-items:center}.menu button{margin:auto 1rem;padding:.75rem 2.25rem;cursor:pointer;border:none;background:#2c2e43;color:#fff;transition:background .35s ease;font-weight:700;font-size:1rem}.menu button:hover{background:#595260;transition:background .35s ease}.menu button:focus{outline:none;box-shadow:none}.scoreboard{list-style-type:none;display:flex;padding-top:2rem;justify-content:space-around;align-items:center}.scoreboard li{color:#595260;font-weight:700;font-size:1.75rem;margin:1rem}.scoreboard li div{text-align:center}
/*# sourceMappingURL=main.48051e8d.chunk.css.map */