/* overrides */
:root {
    --primary: var(--gray);
    --body-font: 'League Spartan', sans-serif;
    --heading-font: 'League Spartan', sans-serif;
}

body {
    font-family: var(--body-font);
    /* font-family: 'Courier New', Courier, monospace; */
    font-size: 18px;

    /* text-rendering: optimizeLegibility; */
    line-height: 1.25;
}

.container {
    max-width: 50rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font);
    font-weight: 600;
    margin-bottom: 0.2rem;
    text-shadow: 1px 1px 0 var(--white), 2px 2px 0 var(--gray);
}

h1 {
    padding-top: 2rem;
}

h2 {
    padding-top: 0.5rem;
}

a {
    color: var(--gray-darker);
    text-decoration: underline;
    font-weight: normal;
}

a:hover {
    color: var(--black);
    background-color: var(--yellow);
}

p {
    margin-bottom: 1rem;
    color: var(--gray-darker)
}

li {
    color: var(--gray-darker)
}

.image-list {
    text-align: center;
}

.image-list img {
    max-width: 32%;
}