/* D1 connection: moving cloud colour inside a stationary 24px dot lattice.
   The central wash keeps the wordmark and navigation area calm. */
#backgroundCanvas {
  -webkit-mask-image:
    radial-gradient(ellipse at 50% 48%, #000 30%, transparent 90%),
    radial-gradient(circle at center, #000 1.8px, #000 2.2px, #000d 3px);
  mask-image:
    radial-gradient(ellipse at 50% 48%, #000 30%, transparent 90%),
    radial-gradient(circle at center, #000 1.8px, #000 2.2px, #000d 3px);
  -webkit-mask-size: 100% 100%, 24px 24px;
  mask-size: 100% 100%, 24px 24px;
  -webkit-mask-repeat: no-repeat, repeat;
  mask-repeat: no-repeat, repeat;
}

@media (max-width: 600px) {
  #backgroundCanvas {
    -webkit-mask-size: 100% 100%, 20px 20px;
    mask-size: 100% 100%, 20px 20px;
  }
}