body {
  background:  rgb(253, 253, 253);
  color:       rgb(10,10,10)
}

a:link {
  color: #c00;
}

a:visited {
  color: #606;
}

a:hover {
  color: #606;
}

a:active {
  color:   #900;
  outline: none;
}

figcaption {
  color:       #aaa;
}

hr {
  color:     #ddd;
}

code {
  color:       #f8f8f2;
}

pre {
  color:         #f8f8f2;
}

@media (prefers-color-scheme: dark) {
  body {
    background:  rgb(128, 128, 128);
    color: rgb(253, 253, 253);
  }

  a:link {
    color: #c00;
  }

  a:visited {
    color: #606;
  }

  a:hover {
    color: #606;
  }

  a:active {
    color:   #900;
    outline: none;
  }

  figcaption {
    color:       #aaa;
  }

  hr {
    color:     #ddd;
  }

  code {
    color:       #f8f8f2;
  }

  pre {
    color:         #f8f8f2;
  }
}