@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{padding:0;margin:0;box-sizing:border-box}body{background-color:#000;color:#fff;font-family:"Roboto",sans-serif;display:flex;justify-content:center;min-height:100vh;padding:2rem}h1{margin:2rem}.board{border:1rem solid #ff652f;background:#ff652f;width:500px;height:500px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);grid-gap:1rem;gap:1rem}.squares{background:#272727;border:none;font-size:5rem;cursor:pointer;outline:none}.X{color:red}.O{color:green}.info-wrapper{display:flex;justify-content:space-between}h3{padding:1rem}li{list-style:none}.info-wrapper button{background:#272727;color:#fff;border:none;outline:none;cursor:pointer;padding:.5rem;margin:.5rem 1rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.7b6d8545.chunk.css.map */