:root {
  --sky-progress: 0;
  --sky-back-width: 31%;
  --sky-back-left: 10%;
  --sky-back-top: -8%;
  --sky-distant-width: 23%;
  --sky-distant-left: 71%;
  --sky-distant-top: -5%;
  --sky-front-width: 24%;
  --sky-front-left: 36%;
  --sky-front-top: 4%;
  --sky-back-opacity: .8;
  --sky-distant-opacity: .65;
  --sky-front-opacity: .96;
  --sky-scroll-back: 2rem;
  --sky-scroll-front: -3rem;
  --sky-scroll-rise: -1rem;
  --sky-idle-back: 1.8rem;
  --sky-idle-front: -1.1rem;
  --sky-drift-time: 24000ms;
  --sky-front-time: 28000ms;
  --sky-drift-ease: ease-in-out;
  --sky-fallback-time: 100ms;
  --sky-layer-back: 0;
  --sky-layer-type: 1;
  --sky-layer-front: 2;
}
@media (max-width: 720px) {
  :root {
    --sky-back-width: 34%;
    --sky-back-left: 7%;
    --sky-back-top: -4%;
    --sky-front-width: 25%;
    --sky-front-top: 5%;
    --sky-distant-left: 73%;
    --sky-scroll-back: .75rem;
    --sky-scroll-front: -1rem;
    --sky-scroll-rise: -.5rem;
    --sky-idle-back: .6rem;
    --sky-idle-front: -.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --sky-drift-time: 0ms; --sky-scroll-back: 0rem; --sky-scroll-front: 0rem; --sky-scroll-rise: 0rem; }
}