@media (prefers-color-scheme: dark) {
  #joelkraehemann-github
  {
     background: #333; color: white;
  }
  body
  {
      background: #000;
  }
  header
  {
      color: #fff;
      background: #333;
  }
  main
  {
      color: #fff;
      background: #333;
  }
}

@media (prefers-color-scheme: light) {
  #joelkraehemann-github
  {
     background: #eee; color: black;
  }
  body
  {
      background: #ebebeb;
  }
  header
  {
      color: #000;
      background: #fff;
  }
  main
  {
      color: #000;
      background: #fff;
  }
}

a, a:visited
{
  text-decoration: none;
  /* tango:sky blue 2 */
  color: #3465a4;
}
a:hover
{
  text-decoration: underline;
  /* tango:sky blue 1 */
  color: #729fcf;
}