html {
  height: 100%;
  overflow: hidden;
}
body {
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
.canvas {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  left: 0;
  background-color: black;
  position: absolute;
  width: 100%;
  height: 100%;
}
.slant {
  position: absolute;
  padding: 0;
  margin: 0;
  line-height: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0;
}
.status div,
.hud,
.speed div {
  font-weight: bold;
  font-family: monospace;
  color: white;
  text-align: left;
}
.hud,
.status div {
  font-size: 10pt;
  padding: 4px 16px;
}
.status div {
  float: left;
}
.status {
  padding: 0;
  margin: 0;
  float: left;
}
.hud {
  position: absolute;
}
.speed {
  font-size: 14pt;
  left: 0;
  position: absolute;
  top: 2em;
  width: 10%;
  border: 1px solid white;
  padding: 0 2px;
}
.speed div {
  left: 2px;
  top: 0;
}