html.is-changing .transition-fade {
  transition-property: transform, opacity;
  transition-duration: 200ms;
  transition-delay: 0, 100ms;
  transition-timing-function: ease-in-out, ease-out;
  transform: scale3d(1, 1, 1);
}

html.is-animating .transition-fade {
  transform: scale3d(0.85, 0.85, 1);
  opacity: 0;
}

html.is-leaving .transition-fade {
  transform: scale3d(1.15, 1.15, 1);
  opacity: 0;
}

/************ PARALLAX BACKGROUND ************/

html.is-changing .parallax-layer1 {
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  transform: var(--parallax-background-tx) translate3d(0, 0, 0);
}

html.is-animating .parallax-layer1 {
  transform: var(--parallax-background-tx) translate3d(0, 0, 0.8px);
}

html.is-leaving .parallax-layer1 {
  transform: var(--parallax-background-tx) translate3d(0, 0, -0.8px);
}