s

style.css

@@ -0,0 +1,130 @@
+*{margin: 0;
+    padding: 0;
+}
+
+
+.cabecalho{
+    background-color: rgb(255, 255, 255);
+    color: rgb(248, 243, 248));
+    display: flex;
+    justify-content: space-around;
+    padding: 24px 0;
+}
+
+.cabecalho-titulo{
+    color: #ff00b3;
+    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(245, 128, 198);
+}
+
+a:hover {
+    color: #ff00b3;
+}
+
+a:active{
+    color: rgb(247, 0, 193);
+
+}
+
+.escola-imagem{
+    width: 25%;
+    height: 300px;
+    border-radius: 82px;
+}
+
+.escola{
+    background-image:linear-gradient( #fdfdfd, #f7c9e4) ;
+    color: rgb(253, 6, 109);
+    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(253, 6, 109);
+    background-image:linear-gradient( #f7c9e4, #ffffff) ;
+}
+.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:  #ffffff; /*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É*/