html {
  /* just for while things load */
  background-color: beige;
  /* original image source:
   * https://www.publicdomainpictures.net/en/view-image.php?image=174188&picture=papel-de-parede-floral-do-vintage
   * image has been dithered and made smaller
   * */
  background-image: url("/assets/images/dither_it_floral-wallpaper-vintage.png");
  background-repeat: repeat;
  background-attachment: fixed;
}

body {
  margin: 35px auto;
  line-height: 1.6;
  max-width: 600px;
  font-family: system-ui, sans-serif;
  color: black;
  background-color: white;
  padding: 35px 45px;
}

nav a { margin-right: 15px; }

a { color: blue; }

code, pre { color: #9b0000; }

pre {
  padding: 15px 18px;
  white-space: pre;
  overflow: auto;
  color: black;
  background-color: #eee;
}

@media only screen and (max-width: 700px) {
  body {
    margin: 4px;
    padding: 25px;
  }
}

@media (prefers-color-scheme: dark) {
  html {
    /* make things less jarring than a white background while loading the
     * image */
    background-color: black;
    /* original image source:
     * https://archive.org/details/2_20201030_20201030_1812
     * small part of image has been cut
     * */
    background-image: url("/assets/images/city-lights-1970s.png");
    background-size: cover;
  }

  body {
    color: #cccccc;
    background-color: #121212;
  }

  a { color: #c8c771; }

  pre, code {
    color: #e790ff;
    background-color: #231626;
  }
}