html, body {
  display: grid;
}

html {
  height: 100%;
}

body {
  display: grid;
  grid-gap: 1em;
  place-content: center;
  background: #000e29;
  color: hsl(var(--hue), 75%, 75%);
}

header {
  text-align: center;
}

h1 {
  font: 2.5em/1 oxanium, sans-serif;
}

em {
  color: tomato;
  font: italic 1em/1.5 gluten, cursive;
}

style {
  display: block;
  font: 1.2em/1.8 ubuntu mono;
}

[class*=rect] {
  border: solid 2px #ababab;
  padding: 0.1em;
  border-radius: 0.5em;
  background: #212121;
}