/* ==========================================================================
   LAYER 0: Canvas Background
   ========================================================================== */

canvas {
  display: block;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  image-rendering: auto;
  opacity: 0;
  transition: opacity 1000ms ease;
}

@supports (height: 100dvh) {
  canvas {
    height: 100dvh;
  }
}

canvas.shader-ready { 
  opacity: 1; 
}