body{

    #PORTAL {
background-color: blue;
text-align: center;
font-family: ARIAL;
font-size: 30PX;
font-weight: bold;
color: white;
padding: 7PX;

    }

    .conteiner_quadros{
        display: flex;
        justify-content: center;
        align-items: center;
        gap:10px;
 text-align: center;

.quadro1{
    width: 10%; /* Ocupa metade da largura */
  padding: 20px;
  
}

.quadro2{
    width: 10%; /* Ocupa metade da largura */
  padding: 20px;
}
    }

.quadro3{
    width: 10%; /* Ocupa metade da largura */
  padding: 20px;
}

.quadro4{
    width: 10%; /* Ocupa metade da largura */
  padding: 20px;
}

.quadro5{
    width: 10%; /* Ocupa metade da largura */
  padding: 20px;
}
}