/* Clouds after Bálint Ferenczy's "Cloud Generator" (noise-warped shapes with
     layered shadows) arranged in depth like spite's "Clouds using CSS 3D
     Transforms": far clouds are smaller, fainter and slower. */
  .clouds {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
  }
  #cloud-sky {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .cloud {
    position: absolute;
    inset: 0;
  }
  .cloud span {
    position: absolute;
    background: #fff;
    border-radius: 50%;
  }