body {
  font-family: Consolas,monaco,monospace;
  white-space: pre-wrap;
  color: #4CC9F0;
  background-color: black;
}

.key {
  font-weight: bold;
}

.highlight {
  color: #F72585;
}

button {
  font-family: Consolas,monaco,monospace;
  color: black;
  font-size: 1em;
  background-color: #4CC9F0;
  border: 1px solid #4CC9F0;
  position: fixed;
  top: 50px;
  right: 50px;
}

canvas {
  position: fixed;
  z-index: -10;
  top: 0px;
  left: 0px;
}

.space-sm {
  display: none;
}

@media (max-width: 600px) {
  button {
    top: unset;
    bottom: 50px;
  }

  .space-sm {
    display: unset;
  }

  .space-lg {
    display: none;
  }
}

ul {
  display: flex;
  flex-direction: column;
}