:root{--font-archivo:"Archivo", sans-serif;--font-bricolage:"Bricolage Grotesque", sans-serif;--font-dm-sans:"DM Sans", sans-serif;--font-jetbrains:"JetBrains Mono", monospace;--font-lexend:"Lexend", sans-serif;--font-manrope:"Manrope", sans-serif;--font-outfit:"Outfit", sans-serif;--font-space:"Space Grotesk", sans-serif;--font-tilt:"Tilt Warp", sans-serif;--player-x:oklch(68.5% .169 237.323);--player-o:oklch(58.6% .253 17.585);--primary-color:oklch(87.2% .01 258.338);--secondary-color:oklch(70.7% .022 261.325)}*{box-sizing:border-box;font-family:var(--font-space);margin:0;padding:0}body,html{height:100vh}body{background-color:var(--primary-color)}main{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.jogo{flex-wrap:wrap;justify-content:center;align-items:center;width:270px;display:flex}.opcao{background-color:var(--secondary-color);border-radius:8px;justify-content:center;align-items:center;width:75px;height:75px;margin:5px;display:flex}.x{background-color:var(--player-x)}.o{background-color:var(--player-o)}@media screen and (width>=576px){.jogo{width:60vw}.opcao{width:15vw;height:15vw}}@media screen and (width>=768px){.jogo{width:405px}.opcao{width:125px;height:125px}}