.yellow {
    background-color: #ffff7f;
}
.red {
    background-color: #ffc37f;
}
.body-serif {
    margin-top: 10%;
    padding-top: 1.0em;
    line-height: 1.4em;
    font-size: medium;
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 0.02em;
    /* font-family: "Open Sans",Helvetica,Arial,sans-serif; */
}
.message-mono {
     font-size: 16px;
     font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     line-height: 1.5;
     color: #333;
 }
.indent-4 {
    text-indent: 4em;
}
.indent-7 {
    text-indent: 7em;
}
.indent-8 {
    text-indent: 8em;
}

/* Courier Prime (self-hosted) */
@font-face{
    font-family: "Courier Prime";
    src: url("/fonts/courier-prime/CourierPrime-Regular.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: "Courier Prime";
    src: url("fonts/courier-prime/CourierPrime-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face{
    font-family: "Courier Prime";
    src: url("/fonts/courier-prime/CourierPrime-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: "Courier Prime";
    src: url("/fonts/courier-prime/CourierPrime-BoldItalic.woff2") format("woff2");  font-weight: 700;
    font-style: italic;
    font-display: swap;
}