@font-face {
    font-family: "Hack";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("/fonts/hack-regular.woff2") format("woff2");
}
@font-face {
    font-family: "Hack";
    font-style: italic;
    font-weight: normal;
    font-display: swap;
    src: url("/fonts/hack-italic.woff2") format("woff2");
}
@font-face {
    font-family: "Hack";
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url("/fonts/hack-bold.woff2") format("woff2");
}
@font-face {
    font-family: "Hack";
    font-style: italic;
    font-weight: bold;
    font-display: swap;
    src: url("/fonts/hack-bolditalic.woff2") format("woff2");
}

@font-face {
    font-family: "Sharp PC3K-2x";
    font-style: normal;
    font-display: swap;
    src: url("/fonts/sharp-pc3k-2x.woff") format("woff");
}

@font-face {
    font-family: "Sharp PC3K";
    font-style: normal;
    font-display: swap;
    src: url("/fonts/sharp-pc3k.woff") format("woff");
}

:root {
    font-family: "Hack", monospace;
    font-size: 1em;
    line-height: 1.25;

    background-color: #eeeeee;
    color: #181818;
}

p {
    margin-top: .7em;
    margin-bottom: .7em;
}
i {
    color: #888888;
}
h1, h2, h3, h4, h5 {
    margin-top: .8em;
    margin-bottom: .8em;
}

a {
    text-decoration: underline;
    cursor: pointer;
    color: #0090e0;
    transition: color .1s;
}
a:hover {
    color: #005ae0;
}

summary::before {
    font-family: monospace;
    content: "\25ba";
    margin-right: 0.5em;
    color: #888888;
}
details[open] summary::before {
    transform: rotate(90deg);
}