Make AoC more readable

aoc-custom-styles.css

/* Sans-serif for most content. */
body {
    font-family:  -apple-system, sans-serif;
    font-size: 1.4rem;
    line-height: 1.5;
}
input ~ span:before,
.leaderboard-entry,
code,
pre,
.privboard-row {
    font-family: "Source Code Pro Medium", monospace;
}

/* colors */
body {
    background: #000;
}


/* Emphasis = bold, instead of glowy. */
body * {
    text-shadow: none !important;
}
em {
    font-weight: bold;
}

/* Center content. */
main > article,
main > p,
pre.calendar,
pre.stats,
form,
.leaderboard-entry,
header {
    width: 40em !important;
    margin-left: auto;
    margin-right: auto;
}

/* Align the two "titles" (while also aligning the navbars.) */
header h1 {
    width: 8em;
    text-align: right;
}

/* Fade out less important content. */
main > article + p,
main > article:not(:last-of-type) {
    opacity: 0.8;
}