@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);.symbol{-webkit-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards;height:60%;opacity:0;width:60%}.symbol__x{height:100%;position:relative;width:100%}.symbol__x__line1{-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.symbol__x__line1,.symbol__x__line2{background-color:#fffcc9;height:100%;left:50%;position:absolute;width:2vw}.symbol__x__line2{-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}.symbol__o{border:2vw solid #fffcc9;border-radius:100%;box-sizing:border-box;height:95%;width:95%}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tic-tac-toe{align-items:center;display:flex;flex-direction:column;margin:0;padding:3rem 0}.tic-tac-toe__title{font-size:4vw;padding:2rem 0}.tic-tac-toe__player,.tic-tac-toe__title{font-family:Press Start\ 2P,cursive;text-align:center}.tic-tac-toe__player{font-size:3vw;padding:1rem}.tic-tac-toe__reset{background-color:#d9534f;border:none;box-shadow:5px 10px #888;color:#fff;font-family:Press Start\ 2P,cursive;font-size:2vw;left:0;padding:1rem;position:relative;top:0;transition:all .1s ease-in;width:40vw}.tic-tac-toe__reset:active{box-shadow:none;left:5px;top:5px;transition:all .1s ease-in}.grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,15vw);grid-template-rows:15vw 15vw 15vw;min-width:100%}.grid__item{align-items:center;background-color:#00d4bc;display:flex;height:100%;justify-content:center}body{background-color:#00eabb;margin:0}.container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:50vw}
/*# sourceMappingURL=main.5007991b.css.map*/