* {
    margin: 0;
    padding: 0px;
}

body {
    overflow: auto;
}

img {
    height: 40vh;
    width: fit-content;
    margin: 2px;
}

svg {
    height: 40vh;
    margin: 2px;
}

.principal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#introducao {
    display: flex;
    z-index: 1;
}

#introducao {
    display: flex;
    z-index: 1;
}

.textoIntroducaoJogo {
    margin: 20px;
}

.textoIntroducaoJogo h1 {
    font-size: 2.2em;
    margin-bottom: 10px;
}

.icon-button {
    padding: 20px;
    background-color: rgb(255, 254, 196);
    box-shadow: none;
    border: none;
    border-radius: 4px;
}

.espacamentoEntre button,
.espacamentoEntre div {
    margin: 10px;
}

.espaco-cima {
    margin-top: 40px;
}

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.icon-button .material-symbols-outlined {
    font-size: 3em;
    color: #000;
}

.btn-jogo {
    font-size: 1.5em;
    width: 8em;
    padding: 0.5em;
    margin: 0.5em;
    background-color: transparent;
    border: solid white;
    color: white;
}

.btn-jogo:hover {
    background-color: #f1ff76;
    color: #000000;
    transition: background-color 0.5s ease;
}

.btn-desistir {
    background-color: rgb(252, 82, 82);
    border: rgb(255, 148, 148);
    color: white;
}

.btn-desistir:hover {
    background-color: #000000;
    color: #ffffff;
    transition: background-color 0.5s ease;
}

#btn_dica {
    background-color: rgb(255, 252, 90);
}

#bt_jogar {
    background-color: rgb(90, 129, 255);
}

a {
    cursor: default;
}

hr {
    width: 25%;
    border: 2px solid;
    opacity: 1;
}

.imagem_tutorial{
    height: 60vh;
}

#tutorial{
    overflow: auto;
}



@media (max-width: 600px) {
    .espaco-cima {
        margin-top: 20px;
    }

    img {
        height: auto;
        width: 98%;
    }

    svg {
        height: auto;
        width: 98%;
    }

    hr {
        width: 50%;
    }

    .imagem_tutorial{
        height: 55vh;
        width: auto;
    }
}