@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:#fff;display:flex;font-family:Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem}h1{margin:2rem}.board{grid-gap:1rem;background:#ff652f;border:1rem solid #ff652f;display:grid;gap:1rem;grid-template:repeat(3,1fr) /repeat(3,1fr);height:500px;width:500px}.squares{background:#272727;border:none;cursor:pointer;font-size:5rem;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;border:none;color:#fff;cursor:pointer;margin:.5rem 1rem;outline:none;padding:.5rem}.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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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.bf8270a8.css.map*/