h1, h2, h3, h4, h5, h6 {
    font-family: var(--sans-serif);
}

h1 {
    font-size: var(--step-4);
    font-weight: var(--semi-bold-weight);
    color: var(--color-purple);
}

h2 {
    font-weight: var(--semi-bold-weight);
    font-size: var(--step-3);
    color: var(--color-navy-blue);
    font-style: italic;
}

h2 a {
        color: var(--color-navy-blue);

    }

h3 {
    font-size: var(--step-1);
    font-weight: var(--bold-weight);
    color: var(--color-green);
    
}

h3 a {
        color: var(--color-green);

    }

h3.accent-purple {
        color: var(--color);
    }

h4 {

    font-size: 1em;
    color: var(--color-brown);
    font-style: italic;
}

h5 {
    font-weight: var(--bold-weight);
    font-size: var(--step--1);
    color: var(--text-black);

}

h6 {
    font-weight: var(--semi-bold-weight);
    font-size: var(--step--1);
    font-style: italic;
}

blockquote {
    font-size: var(--step-0);
    color: var(--color-navy-blue);
}