body
{
    background-color: var(--white);
    padding: 4rem 5rem;
    max-width: 48rem;
}

h1
{
    font-family: 'mrdodo';
    color: var(--dark200);
    font-weight: 400;
    font-size: 5rem;
    letter-spacing: -0.1rem;
    padding: 0;
    background: none;
    text-transform: uppercase;
    margin: 0;
}

h2
{
    font-family: 'mrdodo';
    color: var(--dark200);
    font-weight: 300;
    font-size: 1.25rem;
    letter-spacing: -0.05rem;
    padding: 0;
    background: none;
    line-height: 1;
    margin: 2rem 0rem 0 0;
    white-space: unset;
}

a
{
    font-family: 'mrdodo';
    letter-spacing: -0.02rem;
    font-weight: 300;
    color: var(--primary);
}

a:hover
{
    color: var(--accentGreenTxt);
}

@media (max-width: 640px)
{
    body
    {
        background-color: var(--white);
        padding: 2rem 2rem;
    }

    h1
    {
        font-size: 3.5rem;
    }

    h2
    {
        font-size: 1.25rem;
    }
}