/* Light mode */
@media (prefers-color-scheme:light) {
  body {
    background-color: #AAAAAA;
    color: black;
  }

  h1, h2, h3 {
    color: black;
  }

  header {
    background-color: white;
  }

  main {
    color: black;
  }

  .menu {
    color: black;
  }

  .menu * {
    color: black;
  }

  li a {
    color: black;
  }

  li a:hover {
    color: #CC99FF;
    text-decoration: underline;
  }

  li a:visited {

    /*color: blue;*/
  }

  .content {
    background-color: white;
  }

  main p {
    color: black;
  }

  main a, footer a {
    color: black;
  }

  main a:hover, footer a:hover {
    color: black;
  }

  section {
    background-color: white;
  }

  footer {
    background-color: white;
    color: black;
  }

}