style.css

*{margin: 0;
    padding: 0;
}


.cabecalho{
    background-color: rgb(255, 165, 165);
    color: rgb(248, 243, 248));
    display: flex;
    justify-content: space-around;
    padding: 24px 0;
}

.cabecalho-titulo{
    color: #585658;
    font-style: italic;
    font-variation-settings:
}

.cabecalho-imagem{
    width: 8%;
    border-radius: 22px;
}

.cabecalho-lista-item{
    display: inline-block;
    margin: 0 16px;
    font-size: 24px;
}

.cabecalho-lista-item a{
    text-decoration: none;
    color:rgb(71, 71, 71);
}

a:hover {
    color: #222122;
}

a:active{
    color: rgb(0, 0, 0);

}

.escola-imagem{
    width: 25%;
    height: 300px;
    border-radius: 82px;
}

.escola{
    background-image:linear-gradient( #ffa4a4, #ff0095) ;
    color: rgb(0, 30, 112);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 0;
}

.escola-div-conteudo{
    width: 45%;
}

.escola-titulo{
    padding:24px 0;
}

p{
    padding:0 40px;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.estudante{
    color: rgb(0, 185, 170);
    background-image:linear-gradient( #ff0095, #f09292) ;
}
.estudante-titulo{
    padding: 24px 0; /*Altera o espaçamento interno,o primeiro valor bordas verticais (superior e inferior) e o 
    segundo valor bordas horizontais(esquerda e direita)*/
    margin: 0 120px; /* alinhar o espaçamento */
    font-size: 25px;/*tamanho da fonte*/
}

p{
    padding: 0 120px; /* alinhar o espaçamento */
    font-size: 20px;/*tamanho da fonte*/  
 }

 .estudantes-todos{
    display: grid; /* especificar o espaçamento do grid(organizar por colunas) */
    grid-template-columns: 25% 25% 25% 25%; 
    padding: 0 60px; /*Altera o espaçamento interno,o primeiro valor bordas verticais (superior e inferior) e o 
    segundo valor bordas horizontais(esquerda e direita)*/
    
}

.estudante-div{
    text-align: center;/*texto centralizado*/  
    padding: 12px 0; /*Altera o espaçamento interno,o primeiro valor bordas verticais (superior e inferior) e o 
    segundo valor bordas horizontais(esquerda e direita)*/
}

.estudante-imagem{
    width: 120px;  /*largura*/
}

.estudante-nome{
    font-size: 14px;/*tamanho da fonte*/    
}

.estudante-icone{
    width: 24px;  /*largura*/
    padding: 4px 8px;/*Altera o espaçamento interno,o primeiro valor bordas verticais (superior e inferior) e o 
    segundo valor bordas horizontais(esquerda e direita)*/
}
/*FIM SEÇÃO ESTUDANTE*/

/*SEÇÃO RODAPÉ*/
.rodape{
    background-color:  #ffadad; /*define um gradiente linear como a imagem de fundo)*/ 
}

.copyright{
    text-align: center;/*texto centralizado*/
    height: 100px;/*altura*/
    line-height: 100px;/*altura da linha*/
    font-size: 12px;/*tamanho da fonte*/
}
/*FIM SEÇÃO RODAPÉ*/