:root {
    --cor-escura: #122e46;
    --cor-clara: #196ea5;
    --cor-do-texto: #2f2f2f;
}

* {
    color: var(--cor-do-texto);
    font-family: 'Open Sans', sans-serif;
}

.invisivel {
    display: none;
}

.btn-cor-especial {
    background-color: var(--cor-clara);
    border: var(--cor-clara);
}

.btn-cor-especial:hover {
    background-color: #11a3dc;
}

.texto--fundo-escuro {
    color: white;
}

.tabela table {
    width: fit-content;
    margin: .5rem auto;
    text-align: center;
}

.tabela table th {
    background-color: var(--cor-clara);
    color: white;
    padding: .2rem 1rem;
}

.tabela table td {
    padding: .2rem 1rem;
}

@media screen and (max-width: 768px) {
    .tabela {
        padding: 0;
    }
    
    .tabela table th {
        padding: .1rem .5rem;
    }
    
    .tabela table td {
        padding: .1rem .5rem;
    }
}