body {
  font-family: system-ui;
  background-color: #1e1e2e;
  color: #b4befe;
  margin-left: auto;
  margin-right: auto;
  max-width: 75ch;
}

div {
  padding: 1rem;
}

h1 {
  color: #f5c2e7;
}

a {
  color: #89b4fa;
}

@media (prefers-color-scheme: light) {
  body {
    background-color: #f4b8e4;
    color: #4c4f69;
  }

  h1 {
    color: #dd7878;
  }

  a {
    color: #8839ef;
  }
}