/* Fontes  */
/* font-family: "Montserrat", serif; */

/* config */
:root {
    font-size: 62.5%;
}

body {
    margin: 0;
}

/* logo  */

.logo {
    padding: 2rem;
    padding-bottom: 0;
    z-index: 0;
}

.logo img {
    width: 10rem;
}

/* section das informações a esquerda */

.InfoDaEsquerda {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    justify-content: center;
    margin-bottom: 5rem;
}

.ElementosAesquerda {
    margin-bottom: 10rem;
}

.textos {
    width: 50rem;
}

.InfoDaEsquerda h1 {
    font-family: "Montserrat", serif;
    font-size: 3rem;
    margin-bottom: 0;
}

.InfoDaEsquerda h2 {
    margin-top: 0;
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 2rem;
}

/* estilização do forms  */

form input {
    width: 40rem;
    height: 2.5rem;
    background-color: transparent;
    border-radius: 0.4rem;
    border: 2px solid #001499;
}

input[type="email"] {
    font-family: "Montserrat", serif;
    font-size: 1.5rem;
    color: #0000004e;
    font-weight: 400;
}

button {
    width: 40rem;
    height: 4rem;
    border-radius: 0.4rem;
    background: linear-gradient(90deg, #0022FF, #001499);
    color: #FFFFFF;
    border: none;
    font-family: "Montserrat", serif;
    font-size: 1.5rem;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.587);
    transition: 1s;
}

button:hover{
    background: #FFFFFF;
    color: #0022FF;
}

/* informaçoes da data e hora do evento */

#InformacoesDeDataeHora {
    font-family: "Montserrat", serif;
    font-size: 1.1rem;
    margin-top: 1rem;
    font-weight: 600;
}

/* foto do professor */

.FotoDoProfessor img {
    width: 65rem;
    margin-left: 10rem;
}

/* Tela de treino  */


/* titulo  */
.tituloDeTreino {
    display: grid;
    justify-content: center;
}

.tituloDeTreino h1 {
    font-family: "Montserrat", serif;
    font-weight: 700;
    font-size: 3rem;
    margin-bottom: 0;
    margin-left: 1rem;
}

.tituloDeTreino h2 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 2rem;
    margin-top: 0;
}

/* cards */

.cards {
    display: flex;
    justify-content: space-evenly;
}

.card1 img {
    width: 25rem;
}

.card2 img {
    width: 25rem;
}

.card3 img {
    width: 25rem;
}

.infoCards {
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.infoCards p {
    margin-top: 0;
    font-family: "Montserrat", serif;
    font-weight: 600;
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
}

.infoCards p img {
    width: 1.5rem;
    margin-right: 0.2rem;
}

hr {
    background-color: #0022FF;
    height: 2px;
    border: none;
    box-shadow: 5px 5px 10px #0022FF;
}

.InfoDasAulas {
    width: 27.1rem;
}

.InfoDasAulas h1 {
    font-family: "Montserrat", serif;
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 0;
}

.InfoDasAulas h2 {
    font-family: "Montserrat", serif;
    font-weight: 500;
    font-size: 1rem;
    margin-top: 0;
}

/* pagina para ultima chamada de cadastramento */

.UltimaChamadaEmail{
    background: linear-gradient(90deg, #0022FF, #001499);
    display: flex;
    justify-content: space-evenly;
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
    gap: 15rem;
}

.UltimaChamadaEmail img{
    width: 15rem;
}

.TituloUltimaChamada{
    width: 40rem;
}

.TituloUltimaChamada h1{
    font-family: "Montserrat", serif;
    font-weight: 700;
    font-size: 3rem;
    color: #FFFFFF;
}

.form2 form input{
    background-color: transparent;
    border: 2px solid #FFFFFF;
}

.form2 form input[type="email"] {
    color: #ffffff4e;
}

#btn2{
    width: 40rem;
    height: 4rem;
    border-radius: 0.4rem;
    background: #FFFFFF;
    color: #0022FF;
    border: none;
    font-family: "Montserrat", serif;
    font-size: 1.5rem;
    font-weight: 500;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.587);
    transition: 1s;
}

#btn2:hover{
    background: linear-gradient(90deg, #001499, #0022FF);
    color: #FFFFFF;
}

/* pagina do professor  */

.paginaProfessor{
    display: flex;
    justify-content: space-evenly;
    justify-content: center;
    gap: 10rem;
    margin-top: 5rem;
}

.imgProf2 img{
    width: 50rem;
}

.imgProf2Oculto img{
    width: 50rem;
    display: none;
}

.tituloDoProf h2{
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 2rem;
}

.tituloDoProf h1{
    font-family: "Montserrat", serif;
    font-weight: 700;
    font-size: 3rem;
}

.descricaoCompleta{
    width: 48rem;
}

.descricaoCompleta h1{
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 2rem;
}

/* rodape */

footer{
    height: 4rem;
    margin-top: 5rem;
    background-color: #D9D9D9;
    display: flex;
    justify-content: space-evenly;
    justify-content: center;
    align-items: center;
}

footer h1{
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 1.1rem;
}