:root {
    color-scheme: light dark;
}
body {
    margin-top: 8em;
    background-color: light-dark(#f5f4ef, #1a1a1a);
    color: light-dark(#1a1a1a, #f5f4ef);
    margin-bottom: 6em;
}

h1 {
    font-size: 1.1em;
}

a, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration-color: #9a9a9a;
}

h2, h3, h4, h5 {
    margin-top: 4em;
    font-weight: normal;
    font-size: 1em;
    color: light-dark(#8a8a8a, #9a9a9a);
}

ul {
    padding-left: 1em;
}

li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.title {
    text-align: left;
}

#content {
    max-width: 42em;
}