html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
#canvas {
  display: block;
  width: 100%;
  height: 80%;
  background-color: black;
}
#waveform {
  width: 100%;
  height: 20%;
  background-color: rgba(0, 0, 0, 0.5);
}
pre {
  display: inline;
  margin: 0;
  z-index: 9;
  position: fixed;
  color: white;
  text-shadow: 0px 1px 5px black;
  background-color: rgba(0, 0, 0, 0.7);
}
#instructions {
  bottom: 0;
}
#points {
  font-size: 5em;
}
#overlay {
  font-family: sans-serif;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  z-index: 100;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 40px;
}