*{box-sizing:border-box}body{background-color:#efefef;font-family:Fredoka One,cursive;margin:0}.Tic_Container{border:10px solid #000;border-radius:3rem;box-shadow:0 0 20px #888;margin:4rem auto;width:25rem}.dynamic_island{background-color:#000;border:10px solid #000;border-radius:10rem;margin:2rem auto -4rem;padding:.3rem;width:12rem}@media (min-width:320px) and (max-width:480px){.Tic_Container{width:23rem}}.box{background-color:#fff;border:none;border-radius:10%;box-shadow:0 0 8px #888;font-family:Fredoka One,cursive;font-size:5em;font-weight:700;height:5rem;line-height:5rem;margin-top:.5em;text-align:center;width:5rem}.x{color:#ff4625}.o{color:#2c87ff}.box:hover{box-shadow:0 0 15px #888}@media (min-width:320px) and (max-width:400px){.box{font-size:2.8em;height:4rem;line-height:2rem;margin-top:.5em;text-align:center;width:4rem}}.board{display:grid;grid-template-columns:repeat(3,7rem);justify-content:center;place-items:center}.scoreboard{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 0 8px #888;display:flex;flex-direction:row;font-size:1.5rem;font-weight:700;justify-content:space-evenly;margin:8rem auto -.5rem;width:20rem}.score{padding:1rem 0;text-align:center;width:100%}.x-score{border-bottom:5px solid #ff4625;border-radius:.5rem 0 0 .5rem;color:#ff4625}.o-score{border-bottom:5px solid #2c87ff;border-radius:0 .5rem .5rem 0;color:#2c87ff}.inactive{border-bottom:5px solid transparent}@media (min-width:320px) and (max-width:400px){.scoreboard{font-size:1.5rem;margin:8rem auto 1rem;width:19rem}}.reset-btn{border:none;border-radius:.5rem;cursor:pointer;display:block;font-size:2rem;margin:4rem auto 2rem;padding:.5rem 1rem}#container,.reset-btn{background-color:#000;color:#fff}#container{letter-spacing:2px;padding:.009rem .009rem .009rem 4rem;width:100%}h1{font-size:2.5rem}h1>img{margin-right:1rem;position:relative;top:.5rem;width:2.8%}@media (min-width:320px) and (max-width:480px){#container{padding-left:0;text-align:center}h1{font-size:2rem}h1>img{margin-right:1rem;position:relative;top:.5rem;width:11%}}@media (min-width:481px)and (max-width:768px){#container{padding-left:0;text-align:center}h1{font-size:2rem}h1>img{margin-right:1rem;position:relative;top:.5rem;width:5%}}@media (min-width:768px)and (max-width:1024px){#container{padding-left:0;text-align:center}h1{font-size:2rem}h1>img{margin-right:1rem;position:relative;top:.5rem;width:4%}}
/*# sourceMappingURL=main.c8497e0f.css.map*/