:root {
  --light: #EEEEEE;
  --light2: #B4B4B4;
  --dark: #111111;
}

* {
  box-sizing: border-box;
  vertical-align: baseline;
  font: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  font-weight: 300;
}

h1 {
  color: var(--light);
}

body {
  font-family: monospace;
  font-size: 18px;

  padding: 1em;

  display: flex;
  flex-direction: column;
  gap: 1em;

  background-color: var(--dark);
  color: var(--light2);

}

/* links */
a {
  cursor: pointer;
  text-decoration: none;
}

a:hover {
  color: var(--light);
}