:root {
  color-scheme: dark light;
  display: flex;
  justify-content: center;
}

@media (prefers-color-scheme: dark) {
  :root {
    background-color: #000;
    color: #fff;
  }
}

body {
  font-family: helvetica, arial, sans-serif;
  font-size: 100%;
  margin: 2em;
  max-width: 500px;
}

h1 {
  color: #373fff;
}

img {
  margin-block-start: 1rem;
  background-color: #fff;
  display: block;
  width: 100%;
  height: auto;
}

a {
  color: currentColor;
}

textarea {
  width: 100%;
  height: 4rem;
  max-width: 500px;
}

.note {
  padding: 0.5rem;
  color: black;
  background-color: yellow;
}

.credits {
  font-size: 0.75rem;
}