p,
li,
h1,
h2,
h3,
h4 {
    overflow-wrap: break-word;
    hyphens: auto;
}

h1 {
    font-family: "mestiza", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 4rem;
    line-height: 4.5rem;
    letter-spacing: -0.02em;
    margin: 0 0 4rem;
    opacity: 1;
}

h2 {
    font-family: "mestiza", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    line-height: 112%;
    letter-spacing: -0.02em;
    margin: 0 0 2rem;
    opacity: 1;
}

p {
    font-family: "mestiza", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 112%;
    letter-spacing: -0.02em;
    margin: 0 0 1.25rem;
    opacity: 1;
}

p.aka,
.small-print {
    font-family: "input-mono", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8rem;
}

#attribution {
    font-family: "input-mono", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 112%;
    letter-spacing: 0em;
    margin: 2rem 0;
}

.list p {
    font-family: "mestiza", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 1.25rem;
    margin: 0 0 1.25rem;
}

.list ul {
    width: 100%;
    list-style: none;
    font-family: "input-mono", monospace;
    font-weight: 400;
    font-style: normal;
}

.list .meta-info p {
    font-family: "input-mono", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: 0.8rem;
}

@media (max-width: 800px) {
    h1 {
        font-size: 2rem;
        line-height: 2.25rem;
        letter-spacing: -0.02em;
        margin: 0 0 4rem;
    }

    h2 {
        font-size: 2rem;
        line-height: 112%;
        letter-spacing: -0.02em;
        margin: 0 0 2rem;
    }

    p {
        font-size: 1.25rem;
        line-height: 112%;
        letter-spacing: -0.02em;
        margin: 0 0 1.25rem;
    }

    p.aka {
        display: none;
    }

    #attribution {
        font-size: 0.8rem;
        line-height: 112%;
        letter-spacing: 0em;
        margin: 2rem 0;
    }

    .list p {
        font-size: 0.8rem;
        margin: 0 0 1.25rem;
    }

    .list ul {
        width: 100%;
        list-style: none;
        font-family: "input-mono", monospace;
        font-weight: 100;
        font-style: normal;
    }

    .list .meta-info p {
        font-size: 0.8rem;
    }
}

/* FONT REF.

        MESTIZA

        font-family: "mestiza", sans-serif;
        font-weight: 400;
        font-style: normal;

        font-family: "mestiza", sans-serif;
        font-weight: 400;
        font-style: italic;

        font-family: "mestiza", sans-serif;
        font-weight: 700;
        font-style: normal;

        P22 FREELY

        font-family: p22-freely, sans-serif;
        font-weight: 400;
        font-style: normal;

        INPUT MONO

        font-family: input-mono, monospace;
        font-weight: 100;
        font-style: normal;

        font-family: input-mono, monospace;
        font-weight: 200;
        font-style: normal;

        font-family: "input-mono", monospace;
        font-weight: 300;
        font-style: normal;

        font-family: "input-mono", monospace;
        font-weight: 400;
        font-style: normal;

         */