body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: black; /* verde */
    color: white;
    text-align: center;
    padding: 20px;
}

main {
    padding: 20px;
}

.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.notice, .pdf {
    width: calc(50% - 20px);
    margin: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.notice {
    background-color: #2196F3; /* azul */
}

.pdf {
    background-color: #FF9800; /* laranja */
}
.provas-container {
    background-color: #f0f0f0; /* uma tonalidade bem clara de cor de fundo */
    padding: 20px;
    border-radius: 8px; /* opcional: para arredondar as bordas do contêiner */
    margin-top: 20px; /* opcional: para adicionar espaço acima do contêiner */
    text-align: center; /* centraliza o conteúdo horizontalmente */
}
.provas-heading {
    background-color: #333; /* cinza escuro */
    color: #fff; /* texto em branco para contrastar */
    padding: 10px; /* ajuste conforme necessário */
    border-radius: 5px; /* ajuste conforme necessário */
    display: inline-block; /* para que o fundo cinza abranja apenas a largura do texto */
}


h2 {
    color: white;
}

.pdf a {
    color: darkblue;
    text-decoration: none;
}

.pdf a:hover {
    text-decoration: underline;
}
.bullet-list {
    list-style-type: disc; /* Estilo de marcadores */
    padding-left: 20px; /* Recuo esquerdo */
}

.bullet-list li {
    margin-bottom: 10px; /* Espaçamento entre os itens */
}


/* Media queries para dispositivos móveis */

@media screen and (max-width: 768px) {
    .header-background {
        width: 80%; /* Reduzir a largura da faixa para telas menores */
    }
    
    .container {
        flex-direction: column; /* Alterar a direção do flexbox para coluna */
    }

    .left-container, .right-container {
        width: 100%; /* Definir a largura para ocupar toda a largura da tela */
    }
}