@media (prefers-color-scheme: light) {
  body {
    color: #222;
    background: #eee;
  }

  a {
    color: #809fff;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    color: #eee;
    background: #151515;
  }

  a {
    color: #809fff;
  }
}

nav {
   margin: auto;
}

ul {
  list-style-type: none;
  margin: auto;
  padding: 0;
}

p {
  margin-right: 150px;
  margin-left: 80px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 700px) {
  nav {
    width: 700px;
  }

  p {
    width: 700px;
  }

  ul {
    width: 700px
  }
}