a{
    text-decoration: none;
    color: #ffffff
    }
h3{
    text-align: center;
    margin-top: 10px
}
.justificar-texto {
  text-align: justify;
}
IMG{
    max-width: 100%;
    display: block;
}
.header{
    background: #000000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 10px;
    padding: 10px;
}
.menu{
    display: flex;
}
.menu li{
    margin-left: 5px;
}
.menu li a{
    display: block;
    padding: 5px;

}
.figura {
    margin-right: 30px; /* Você pode ajustar o valor conforme necessário */
    margin-bottom: 15px;
}
.flex{
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto;
}
.flex div {
 flex: 1 1 150px;
 margin: 10px;
}
footer {
    text-align: center; /* Define o alinhamento do texto como centralizado */
    width: 100%; /* Define a largura do rodapé como 100% da largura da página */
}
cssflexbox