/* why *are* you reading this? */

/* setup font */
@font-face {
    font-display: swap;
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/josefin-sans-v34-latin-regular.woff2') format('woff2');
}
body, pre {
    font-family: 'Josefin Sans', sans-serif;
}

/* oh my god I fucking hate HTML */
pre img {
    height: 1.35em;
    width: auto;
    vertical-align: middle;
    margin: 0 4px;
}
li img {
    height: 1.35em;
    width: auto;
    display: inline-block;
    vertical-align: -0.25em;
    margin-right: 4px;
}
img {
    width: 1em;
    height: 1em;
    object-fit: contain;
}

/* styling lists */
ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
li {
    padding: 0;
}
li::before {
    content: "- ";
}

/* paragraphs before list should have no margins */
p + ul {
    margin-top: 0;
}
p {
    margin-bottom: 0;
}