/*
####################################################
 Text Elements - Appear Animation 
####################################################
*/

.AppearFirst {
  transition: opacity 250ms ease-in, -webkit-transform 400ms ease-in;
  transition: opacity 250ms ease-in, transform 400ms ease-in;
  transition: opacity 250ms ease-in, transform 400ms ease-in,
    -webkit-transform 400ms ease-in;
  opacity: 0;
}

.AppearSecond {
  transition: opacity 250ms ease-in, -webkit-transform 400 ease-in;
  transition: opacity 250ms ease-in, transform 400ms ease-in;
  transition: opacity 250ms ease-in, transform 400ms ease-in,
    -webkit-transform 400ms ease-in;
  opacity: 0;
}

.AppearFirst.appear,
.AppearSecond.appear {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  animation: AnimatinTextSpacing 700ms;
  animation-fill-mode: forwards;
}

@keyframes AnimatinTextSpacing {
  0% {
    line-height: 200%;
  }
  100% {
    line-height: 130%;
  }
}