
body, ul, li, p{
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 0.9rem;
    font-family: Arial, sans-serif;
}
a{
    text-decoration: none;
    color: #f7f2f2e7
}
h1{
    text-align: center;
    margin-top: 40px
}
IMG{
    max-width: 100%;
    display: block;
}
.centralizado{
    text-align:center;
}
.container1 {
    width: 60%; /* Defina a largura da área de conteúdo conforme necessário */
    margin: 0 auto; /* Centraliza o conteúdo na página */
    text-align: justify; /* Justifica o texto */
}
.header{
    background: #1d1e20;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 10px;
    padding: 20px;
}
        .botoes button {
           
            width: 200px; /* Defina o tamanho desejado para os botões aqui */
            height: 50px;
            font-size: 12px;
        }
.menu{
    display: flex;
}
.menu li{
    margin-left: 20px;
}
.menu li a{
    display: block;
    padding: 10px;
}
.botoes{
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto;
}
.botoes div {
 flex: 1 1 00px;
 margin: 20px;
}
.meu-botao {
    background-color:#000000; /* Cor de fundo do botão */
    color: #f7f4f4; /* Cor do texto do botão */
    border: none; /* Sem borda ao redor do botão */
    padding: 5px 10px; /* Espaçamento interno do botão */
    text-align: center; /* Alinhamento do texto no centro do botão */
    text-decoration: none; /* Sem decoração de texto (sublinhado) */
    display: inline-block; /* Permite que o botão se comporte como um elemento de bloco, mas mantenha seu tamanho de acordo com o conteúdo */
    font-size: 12px; /* Tamanho da fonte do texto do botão */
    margin: 25px; /* Espaçamento externo ao redor do botão */
    cursor: pointer; /* Altera o cursor para indicar que o botão é clicável */
    border-radius: 10px; /* Borda arredondada do botão */
}

/* Efeito de hover quando o mouse passa sobre o botão */
.meu-botao:hover {
    background-color: #7352d5eb /* Altera a cor de fundo quando o mouse passa sobre o botão */
}
cssflexbox
