body {
    font-family: ms gothic;
}

.content {
    padding: 1em;
}

:root {
  --accent: #7d5beb;
  --accent-muted: #2b2050;
  --link: #8b68ff;
}

/* Style rules for dark mode */
@media (prefers-color-scheme: dark) {
  body {
    background-color: black;
    color: white;
  }

  :root {
  --accent: #bfabff;
  --accent-muted: #e4dcff;
  --link: #bfabff;
}

}/* Style rules for light mode */
@media (prefers-color-scheme: light) {

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

h1 {
    color: var(--accent);
    text-align: center;
}

h2 {
    color: var(--accent-muted);
}

a {
    color: var(--link);
}