body {
  margin: 0;
  overflow: hidden;
  background: #000;
  font-family: monospace;
  user-select: none;
}

#game {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#scoreStuff {
  position: fixed;
  top: 20px;
  left: 20px;
  color: #fff;
  font-size: 24px;
  z-index: 2;
}

#controlsStuff {
  position: fixed;
  bottom: 20px;
  left: 20px;
  color: #fff;
  font-size: 16px;
  z-index: 2;
}

canvas#game {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

@keyframes rainbow {
  0% {
    text-shadow: 1px 1px 0 red,
      -2px -2px 5px red;
  }
  16% {
    text-shadow: 1px 1px 0 #ff0,
      -2px -2px 5px #ff0;
  }
  33% {
    text-shadow: 1px 1px 0 #0f0,
      -2px -2px 5px #00f;
  }
  50% {
    text-shadow: 1px 1px #0ff,
      -2px -2px 5px #0ff;
  }
  66% {
    text-shadow: 1px 1px 0 #00f,
      -2px -2px 5px #00f;
  }
  83% {
    text-shadow: 1px 1px 0 #f0f,
      -2px -2px 5px #f0f;
  }
  100% {
    text-shadow: 1px 1px 0 red,
      -2px -2px 5px red;
  }
}

#ui2d {
  color: white;
  font-family: 'Times New Roman', Times, serif;
  text-shadow: 1px 1px 1px red;
}

.neon {
  color: #444;
  text-shadow: 1px 1px 0px red,
    -2px -2px 5px red;
}