style.css

    body{
        font-family: 'Dancing Script', cursive;
}

.cabecalho{
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 24px 0;

}

    .cabecalho-imagem{
        width: 20%;
    }

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

*{
    margin: 0;
    padding: 0;
}


/*seção escola começa a qui */

.escola-imagem{
    width: 10%;
}

.escola{
    background-image: linear-gradient(#000000,#ff0000);
    color:white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 0;
}


.escola-conteudo{
    width: 35%;
}

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

.estudante{
    padding: 240px 0;
}
.estudante-icone{
    width: 100px;
    padding: 4px 8px;
}

.estudande-div{
 text-align: center;
 padding: 16px 0;
}

.estudante-imagem{
    width: 200px;
}

.estudante-titulo{

text-align: center;

padding: 50px 0;

}

.estudante-todos{

display: grid;

grid-template-columns: 25% 25% 25% 25%;

}

/* aqui e a estilizacao do rodape  */

.rodape{
background-color: black;

text-align: center;

}

.rodape-imagem{

height: 50px;

padding: 12px 0;

}