:root
{
    --main-color: #003e5a;
    --main-color-light: #f1f5f6;
    --grey-light: #eee;
    --grey: #ddd;
    --grey-dark: #888;
}

:root
{
    --h2-size: 36px;
}

.material-symbols-outlined.active
{
    color: #367536;
}

.material-symbols-outlined.inactive
{
    color: #d8354d;
}

@media (max-width: 1100px) {
    :root
    {
        --h2-size: 28px;
        --h3-header-size: 32px;
    }
}