body {

    font-family: sans-serif;
    max-width: 80ch;
    margin: 2rem auto;
    padding: 1rem;
    font-family: sans-serif;
    line-height: 1.3;

    /* Light mode */
    /*background: #fefefd;*/
    background: white;
    color: black;
}
a {
    color: blue;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    body {
        background: #111111;
        color: white;
        
    }
    a {
        color: #8AB4F8;
    }
}

/* Flexbox for the navigation line */
nav {
  display: flex;
  /*gap: 2em;*/
  font-size: 1.2rem;
  margin-bottom: 1em;
  justify-content: space-between;
}

h1 {
  margin-top: 1.0em;
  margin-bottom: 0.7em;
}

h2 {
  margin-top: 1.0em;
  margin-bottom: 0.6em;
}

h3 {
  margin-top: 0.8em;
  margin-bottom: 0.4em;
}

h4, h5, h6 {
  margin-top: 0.6em;
  margin-bottom: 0.3em;
}