.transition-fade {
transition: 1.2s;
opacity: 1;
transition-delay:;

}

html.is-animating .transition-fade {

opacity:.99;
}

.solid-fade {
  transition: 1s;
  opacity: 0;
  transition-delay: .2s;
  width:100%;
  height:100vh;
  background-color:#000000;
  position:fixed;
  z-index:900;
  pointer-events: none;
  }
  
  html.is-animating .solid-fade {
    width:100%;
    height:100vh;
    background-color:#000000;
    position:fixed;
    z-index:900;
    pointer-events: none;
  opacity:1;
  }

  .solid-wipe {
    transition: 1.2s;
    opacity: 1;
    transition-timing-function: cubic-bezier(0.83, 0, 0.25, .99);
    width:100%;
    height:100vh;
    background-color:#000000;
    position:fixed;
    z-index:900;
    pointer-events: none;
    margin-top:-100vh;
    }
    
    html.is-animating .solid-wipe {
    margin-top:0;
    }

.linemover{
transition: .7s;
margin-left:0;
}

html.is-animating .linemover {
margin-left:110%;
  
}

.Project-title-Out{
margin-top:0px;
transition: .7s;
animation-timing-function:ease;
}


html.is-animating .Project-title-Out {
transition-delay: .2s;
margin-top:-90px;

}

.CTA-Out{
opacity: 1;
transition-delay:.5s;
}

html.is-animating .CTA-Out {
opacity: 0;
  
}

.description-Out{
transition: .5s;
opacity: 1;
transition-delay:;
}

html.is-animating .description-Out {
opacity: 0;
}

.logo-Out{
  transition: .5s;

}

html.is-animating .logo-Out {
  margin-top:-140px;
  }
  
.menu-Out{
  transition: .5s;
}

html.is-animating .menu-Out {
  margin-top:-140px;
  }

  #fp-nav{
   opacity:1;
transition: .5s;
 }

 html.is-animating #fp-nav{
  opacity:0;
   }

.sol-republic-page{

  }

html.is-animating .sol-republic-page{

}

.project-cover-onenter{
  transition: 1.4s;
  transition-timing-function: cubic-bezier(0.83, 0, 0.25, .99);
  margin-top:2vh;
   }

   html.is-animating .project-cover-onenter{
    margin-top:200vh;
   }

.project-name{
  transition: 1.8s;
  transition-timing-function: cubic-bezier(0.69, 0, 0.12, .99);
}
html.is-animating .project-name{
  transition: 1.4s;
  transition-timing-function: cubic-bezier(0.83, 0, 0.25, .99);
}

.section{
  transition: 1.4s;
  transition-timing-function: cubic-bezier(0.83, 0, 0.25, .99);
}

html.is-animating .section{

}