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

.conteudo {
    height: 80vh;
    background: url("../img/menuInicial.jpg");
    background-size: cover;
    background-position: center;
}

.principal {
    height: 45%;
    display: flex;
    flex-direction: column;
    padding: 35px 20px 0;
    justify-content: start;
    align-items: center;
}

.principal h1 {
    font-family: Roboto;
    font-size: 40px;
    color: #fff;
    user-select: none;

}

.principal h2 {
    font-family: Roboto;
    font-size: 32px;
    color: #ffffffad;
    user-select: none;

}

.btnIniciar {
    display: flex;
    padding: 0 20px 0;
    justify-content: center;
}

.btnPrincipal {
    height: fit-content;
    background-color: #41ae4f;
    border-radius: 25px;
    border: none;
    padding: 15px;
    font-family: Roboto;
    font-size: 40px;
    font-weight: 900;
    color: #FFF;
    transition: 0.2s ease-in-out;

    user-select: none;
    cursor: pointer;
}

.btnPrincipal:hover {
    scale: 1.2;

}

@media (max-width:850px) {
    .principal {
        height: 40%;
        padding: 40px 0;
    }

    .principal h1 {
        font-size: 25px;
        text-align: center;
        margin: 0 20px;
    }

    .principal h2 {
        font-size: 20px;
        text-align: center;
    }

    .btnPrincipal {
        font-size: 25px;
    }
}

/*==============secao2==============*/

.conteudo2 {
    background-color: #292929;
    display: flex;
    height: 400px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sobre {
    grid-area: sobre;
    display: flex;
    flex-direction: column;
    width: 600px;
    padding: 20px;

}

.sobre h1 {
    margin: 70px 0 0 60px;
    color: #FFF;
    font-family: Roboto;
    font-size: 40px;
}

.sobre p {
    margin: 20px 0 0 60px;
    color: #FFF;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
}

@media (max-width:1200px) {
    .aside {
        display: none;
    }

    .conteudo2 {
        height: auto;
    }
}

@media (max-width:700px) {

    .sobre h1,
    .sobre p {
        text-align: center;
        margin: 20px 10px;
    }

    .sobre h1 {
        font-size: 25px;
    }
}