:root {
  --fg: #fff;
  --bg: #111;
  --bg2: #333;
  --bg3: #555;
  --bd: #999;
  --bd2: #aaa;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: var(--bg);
  color: var(--fg);
}

html {
  font-size: 16px;
}
body {
  padding: 1rem;
  max-width: 1440px;
  margin: 0 auto;
}

h1 {
  font-size: 3rem;
}
h2 {
  font-size: 2rem;
  margin-top: 1rem;
}
h3, h4, h5, h6 {
  font-size: 1.5rem;
}
h1, h2, h3, h4, h5, h6, p {
  margin-bottom: 1rem;
}

button, input:not([type="image"], [type="hidden"]) {
  border: 1px solid var(--bd);
  background-color: var(--bg2);
  color: var(--fg);
}

button:focus, input:not([type="image"], [type="hidden"]):focus {
  outline: none;
  border-color: var(--bd2);
  background-color: var(--bg3);
}

code {
  white-space: pre;
}