:root {
  --background: #282923;
  --foreground: #f8f8f2;

  --link: #00dcf2;

  --separation: 1.2em;

  --content-width: 100%;
}

@media (min-width: 450px) {
  :root {
    --content-width: 450px;
  }
}

/* Resets */
form, pre, body {
  margin: 0;
}
/* End Resets */

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

select, input {
  background: inherit;
  color: inherit;
  border: 0;
  font-family: inherit;
  font-size: inherit;
}

input[type="text"], input[type="password"] {
  /* Allow inputs to shrink down to 30px */
  min-width: 30px;
  padding: 0.3em 0.5em;
}