* {
  box-sizing: border-box;
  font-family: monospace;
  text-transform: lowercase;
}

h2 {
  margin: 20px 0 10px 5px;
}

button {
  border: 2px solid black;
  background: white;
  padding: 10px;
  margin: 5px;
  cursor: pointer;
  font-size: 16px;
}

button:hover {
  border: 2px dashed black;
}

.fail {
  border: 2px solid #cc1f1f;
}

.fail:hover {
  border: 2px dashed #cc1f1f;
}

@media (prefers-color-scheme: Dark) {
  body,
  button {
    background-color: black;
  }

  button,
  button:hover {
    border-color: white;
  }

  h2,
  button {
    color: white;
  }
}