*{box-sizing:border-box}body{margin:0;padding:0}.tabuleiro{margin:0 auto;width:320px;display:flex;flex-flow:row wrap;justify-content:center;align-content:center;justify-items:center;align-items:center}.celula{position:relative;background-color:green;width:90px;height:90px;margin-right:10px;margin-top:10px}.celula.xis:before,.celula.xis:after{content:"";height:15px;width:90px;background:#fff;position:absolute;top:45%;left:1%}.celula.xis:before{transform:rotate(45deg)}.celula.xis:after{transform:rotate(-45deg)}.celula.circulo:before,.celula.circulo:after{content:"";margin-top:10px;margin-left:10px;height:70px;width:70px;background:#fff;position:absolute;border-radius:50%;left:1%}.celula.hoverDoCirculo:not(.xis):not(.circulo):hover:after{content:"O";position:absolute;left:10%;font-size:80px}.celula.hoverDoXis:not(.xis):not(.circulo):hover:after{content:"X";position:absolute;left:15px;bottom:0%;font-size:80px}main{border-color:pink;border-width:1px;border-style:solid;border-radius:5px;margin:5px;padding:5px;flex:60%}header{background-color:#0a5517;background-image:radial-gradient(#19882c,#025310);margin:0;color:#fff;border-width:1px;border-style:solid;display:flex;justify-content:space-between;width:100vw}li:hover{background-color:#59f5b9}ul{list-style:none;padding:0}li{border-bottom-color:pink;border-bottom-style:solid;border-bottom-width:1px;width:100%;padding:10px;margin-top:10px}nav{border-color:#000;border-width:1px;border-style:solid;border-radius:5px;margin:5px;padding:5px;flex:10%}input,select{padding:8px;border-radius:10px}.perfil{text-align:center}.perfil>img{height:100px;width:100px;border-radius:50%}#irTopo{width:30px;height:30px;position:fixed;right:10px;bottom:10px}.content{display:flex;flex-direction:row;justify-content:center;align-items:stretch}body{font-family:Roboto,sans-serif;background-color:#f9f9f9;color:#333}body.light{background-color:#fff;color:#000}body.light a{color:#007bff}body.dark{background-color:#121212;color:#fff}body.dark a{color:#1e90ff}