:root {
  -webkit-text-size-adjust: 100%;
}

* {
  font-family: "Apple SD Gothic Neo Regular", sans-serif;
}

body {
  max-width: 1024px;

  margin: auto;
  padding: 1.5rem;
}

@media (prefers-color-scheme: light) {
  body {
    background-color: linen;
    color: darkslategrey;
  }

  a:link {
    color: dodgerblue;
  }

  a:visited {
    color: mediumorchid;
  }

  a:hover {
    color: deeppink;
  }

  a:active {
    color: red;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: black;
    color: ivory;
  }

  a:link {
    color: dodgerblue;
  }

  a:visited {
    color: mediumorchid;
  }

  a:hover {
    color: hotpink;
  }

  a:active {
    color: orangered;
  }
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 1.2rem;
}

p, a, code {
  font-size: 1rem;
}