:root {
    --azul: #00418F;
    --azulclaro: cyan;
    --branco: #fff;
    --cinza: #CAE3FF;
    --sombra: rgba(0, 0, 0, 0.25);
    --amarelo: #FFEE00;
    --preto: #000;
    --tamanhofonterodape: 12px;
}

.h-30 {
    height: 7.5rem;
}

.left-4 {
    left: 1.2rem;
}

.active {
    background-color: var(--amarelo);
    color: var(--azul);
    border-radius: 5px 5px 0px 0px;
}

.dark .active {
    background-color: var(--cinza);
    color: var(--preto);
}

.w-30 {
    width: 45%;
}

.text-30 {
    font-size: 2.5rem;
    line-height: 2rem;
}

.cor {
    path {
        fill: #fce57e;
    }
}