:root {
  font-size: clamp(14px, 1.6vw, 24px);
  --color: #b5a593;
  --background: #192323;
  --link-color: #f90;
  --link-hover-color: #fa0;
}

body {
  background: var(--background);
  color: var(--color);
  font-family: monospace;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  text-align: center;

  & > * {
    padding: 3rem 0;
    & > * {
      margin: 0 auto;
      max-width: 1200px;
      width: 90vw;
    }
  }
}

main {
  background-color: #0b100f;
  & p:not(:last-of-type) {
    margin-bottom: 2rem;
  }
}

a {
  color: var(--link-color);
  text-decoration: none;

  &:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
  }
}