body {
  margin:40px auto;
  max-width:800px;
  line-height:1.6;
  font-size:18px;
  font-family: Sans-Serif;
  color:#444;
  padding: 1em;
  padding: 0 10px;
}

h1,h2,h3 {
  line-height:1.2;
}

h3 a:link {
  text-decoration: none;
}

h3 a:visited {
  text-decoration: none;
}

h3 a:hover {
  text-decoration: none;
}

h3 a:active {
  text-decoration: none;
}

@media (prefers-color-scheme: dark) {
  body {
    color:#ebecf7;
    background-color:#171b25;
  }
  h3 a:visited {
    color:#a15cb3;
  }
  h3 a {
    color:#5661bb;
  }
  a:visited {
    color:#ac71bb;
  }
  a {
    color:#a7b1fc;
  }
}

@media (prefers-color-scheme: light) {
  body {
    color:#444;
  }
}