body{
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    background-image: linear-gradient(rgb(255, 0, 234), rgb(241, 74, 241), rgb(241, 160, 231));
}

h1{
    color: white;
    text-shadow: 2px 2px black;
}

/* Aqui seria a div que contém as 9 divs */
body>div:nth-child(2){
    margin: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    height: 60%;
    width: 50%;
    background-color: rgb(red, green, blue);
}

.blocos{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30%;
    width: 30%;
    background-color: palevioletred;
    border: 2px solid white;
    color: white;
    font-size: 40pt;
    font-family: "comic sans ms", sans-serif;
    cursor: pointer;
}

/* Essa div é onde aparece o vencedor(X ou O) */
body>div:nth-child(3){
    margin: 0;
    visibility: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 10%;
    width: 50%;
    color: white;
    font-family: "comic sans ms", sans-serif;
}

/* Aqui é a div para Jogar de novo */
body>div:nth-child(4){
    margin: 0;
    visibility: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 10%;
    width: 50%;
    color: white;
    border: 4px solid rgb(195, 0, 255);
    font-family: "comic sans ms", sans-serif;
    cursor: pointer;
    background-color: rgb(212, 143, 233);
}