body {
  background: #000;
  overflow: hidden;
}

canvas {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

#c1 {
  opacity: 0;
}

#c2 {
  background: #000;
}

#c3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; /* Ensure it overlays the other canvases */
}

.fade-out {
  animation: fadeOut 2s;
  opacity: 0;
}

.fade-in {
  animation: fadeIn 2s;
  opacity: 1;
}

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}