@font-face {
  font-family: AvenirNext;
  src: url(AvenirNext.otf);
}

body {
  margin: 0;
}

canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}

.loading {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
}

.loading span {
  color: white;
  font-family: "AvenirNext", Arial, Helvetica, sans-serif;
  font-size: 40px;
  letter-spacing: 0.3em;
  animation: flash 1300ms ease-in infinite alternate;
}

@keyframes flash {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.1;
  }
}