.transition-fade {
    transition: 0.8s;
    transform: translatex(0);
    opacity: 1;
  }
  
  html.is-animating .transition-fade {
    transition: 2s;
    opacity: 1;
    transform: translatey(-200vh);
  }

  html.is-changing .transition-fade{
    transition: 0.8s;
    opacity: 0;
  }

  html.is-leaving .transition-fade{
      transition: 2s;
      opacity: 1;
      transform: translatex(-20px);

  }

  html.is-renderin .transition-fade{
    opacity: 1;
    /* transform: translatex(100vh); */
  }