:root {
  --yoru: #0f0f0f;
  --iwa: #262626;
  --yuki: #f0f0f0;
  --ume: #8f8aac;
  --shinkai: #8a98ac;
  --ajisai: #a39ec4;
  --sakura: #c49ec4;
}

* {
  color: var(--yuki); 
  background-color: var(--yoru); 
  font-family: "Maple Mono ExtraLight", monospace;
}

main {
  margin: 1.5em;
  font-size: 120%;
  display: flex;
  flex-direction: column;
  max-width: 30em;
}

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

a:hover,
a:active {
  background-color: var(--ajisai);
  color: var(--yoru);
  border-radius: 3px;
}

a:visited {
  color: var(--sakura);
}

a:visited:hover, 
a:visited:active {
  background-color: var(--sakura);
  color: var(--yoru);
}

a::selection {
  color: var(--yuki);
}

code {
  background-color: var(--iwa);
  border-radius: 3px;
  display: inline-block;
}

ul {
  list-style-type: "— ";
}

::selection {
  background-color: var(--ume);
}

#hi {
  font-size: 7em;
  margin: 0;
}