<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<style>
body { font-size: 16px; }
blockquote { margin: 1em 0; }
figcaption {
  font-style: italic;
  margin-left: 1em;
}
a {
    font-style: italic;
    color: #0000FF;
}
a:visited {
    font-style: initial;
    color: #0000FF;
}

@media (prefers-color-scheme: dark) {
    html {
        background-color: #181818;
        color: #f7f7f7;
    }

    a{
        color:#438cff;
    }
    a:visited {
        color:#438cff;
    }
}

</style>
<script>
    const propagandae = [
        "the endless pursuit of effiency ruins all things human",
    ];
    document.addEventListener(
        "DOMContentLoaded",
        (_) =>
            (document.getElementById("propaganda").innerHTML =
                propagandae[Math.floor(Math.random() * propagandae.length)]),
    );
</script>