@import url(https://fonts.googleapis.com/css?family=Lato:600);

.body
{
    background: #000000;
}
.rotating-text {
  font-family: Lato, sans-serif;

  font-weight: 600;
  font-size: 46px;

  color: white;
    height: 98px;
    line-height: 98px;
    
    

}


.rotating-text p {
    
  width: 980px;
  margin: 0 auto;
 text-align: center;
      height: 98px;
    line-height: 98px;
}
.rotating-text p .word {
  position: absolute;
 display: flex;
  opacity: 0;
     text-align: center;
    margin: 0 auto;
    width: 980px;
    height: 98px;
    line-height: 98px;
}
.rotating-text p .word .letter {
  transform-origin: center center 25px;
}
.rotating-text p .word .letter.out {
  transform: rotateX(90deg);
  transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2);
}
.rotating-text p .word .letter.in {
  transition: 0.38s ease;
}
.rotating-text p .word .letter.behind {
  transform: rotateX(-90deg);
}



.emerald {

    color: -webkit-linear-gradient(284deg, #00BAA2 15%, #00BAA2 100%);
  color: linear-gradient(166deg, #00BAA2 15%, #00BAA2 85%);
}