*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;height:100%;font-family:Poppins,sans-serif;background-color:#212322}header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;background-color:#212322}header img{height:35px}header a{text-decoration:none;font-weight:500;color:#888;font-size:20px}header a:hover{color:#036dc4}div.initanimation{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;background-color:#036dc4;z-index:5;position:fixed;top:0;left:0}div.initanimation svg{width:200px;margin-bottom:30px}div.initanimation h2{font-size:24px;color:#212322;font-weight:800}div.initanimation button{font-size:24px;text-transform:uppercase;background-color:#212322;transition:background-color .5s ease;transition:color .5s ease;border-radius:0;transition:border-radius .5s ease-in-out;scale:1;transition:scale .25s ease-in-out}div.initanimation button:hover{scale:1.2;color:#212322;background-color:#fff;border-radius:50px}#game-container{display:flex;justify-content:center;align-items:center;height:calc(100vh - 80px);text-align:center}#board{display:grid;grid-template-columns:repeat(3,100px);grid-gap:0}.cell{width:100px;height:100px;border:1px solid #ffffff;display:flex;justify-content:center;align-items:center;font-size:72px;font-weight:700;color:#fff;cursor:pointer;background-color:#212322}.win,.lost,.empate{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#212322;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}h1{width:40%;color:#036dc4;font-size:8vh;margin-bottom:20px;text-align:center;line-height:1;max-width:80%;text-transform:uppercase}h2{width:30%;color:#fff;font-size:3vh;font-weight:500;line-height:1.2;margin-bottom:40px;text-align:center;max-width:60%;text-transform:uppercase}.win img,.lost img,.empate img{width:300px;margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #ffffff}button{background-color:#036dc4;color:#fff;border:none;padding:10px 30px;font-size:18px;cursor:pointer;scale:1;transition:background-color .3s ease;transition:border-radius .5s ease-in-out;transition:scale .25s ease-in-out}button:hover{scale:1.2;background-color:#fff;color:#036dc4;border-radius:50px}@media (max-width: 720px){div.initanimation svg{margin-bottom:40px}div.initanimation h2{width:75%;font-size:16px}div.initanimation button{font-size:16px}h1{color:#036dc4;font-size:5vh;margin-bottom:20px;text-align:center;line-height:1.2;max-width:80%}h2{color:#fff;font-size:3vh;font-weight:500;line-height:1.2;margin-bottom:40px;text-align:center;max-width:60%}.win h1,.lost h1,.empate h1,.win h2,.lost h2,.empate h2{width:90%}.win h2,.lost h2,.empate h2{font-size:16px}}