.one {
  opacity: 0;
  animation: 7s both 5s fadeIn;
}
.two {
  opacity: 0;
  animation: 7s both 13s fadeIn;
}
.three {
  opacity: 0;
  animation: 7s both 19s fadeIn;
}
.four {
  opacity: 0;
  animation: 7s both 26s fadeIn;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

#canvas {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
}