body {
  margin: 0;
  background: #000;
  color: #fff;
  font-family: monospace;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow: hidden;
}

canvas {
  vertical-align: middle;
}

#crosshair {
  opacity: 0.3;
}

#crosshair > span {
  background: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#crosshair > span:nth-child(1) {
  width: 8px;
  height: 2px;
}

#crosshair > span:nth-child(2) {
  width: 2px;
  height: 8px;
}

#github {
  position: absolute;
  top: 0;
  right: 0;
}

#github .octo-arm {
  transform-origin: 130px 106px;
}

#github:hover .octo-arm {
  animation: octocat-wave 560ms ease-in-out;
}

#mount {
  width: 100vw;
  height: 100vh;
}

@keyframes octocat-wave {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-25deg);
  }
  40% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(-25deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}