:root {
    --azul-escuro: #1D4E6B;
    --azul: #005B8A;
    --azul-claro: #007BBB;
    --cinza-claro: #F7F7F7;
    --cinza: #DDDDDD;
    --cinza-escuro: #565D63;
    --cor-principal-claro: var(--azul-claro);
    --cor-principal-escuro: var(--azul-escuro);
    --cor-principal-texto: var(--azul);
    --cor-principal-claro-texto: var(--azul-claro);
    --cor-principal-escuro-texto: var(--azul-escuro);
    --cinza-background: var(--cinza-claro);
}

.title{
    padding-top: 2rem;
    text-align: center;
}

.title__text{
    text-align: center;
}

.container-cards{
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.gray-background{
    display: flex;
    min-height: calc(100vh - 74px);
}