#textmotion {
  color: #333;
  font-size: 20px;
  font-weight: 500;
  padding-top: 10px;
  position: relative;
  width: 100%;
  bottom: 45%;
  display: block;
}
#flip {
  height: 50px;
  overflow: hidden;
  padding: 4px;
}
#flip div div {
  color: #74BE21;
  padding: 4px 12px;
  height: 50px;
  margin-bottom: 40px;
  display: inline-block;
}
#flip div:nth-child(1) {
  animation: animate 20s linear infinite;
}
#flip div:nth-child(1) div {
  color: #3f51b5;
}
#flip div:nth-child(2) div {
  color: #3f51b5;
}
#flip div:nth-child(3) div {
  color: #3f51b5;
}
#flip div:nth-child(4) div {
  color: #3f51b5;
}
@keyframes animate {
  0% {
    margin-top: -270px;
  }
  5% {
    margin-top: -180px;
  }
  33% {
    margin-top: -180px;
  }
  38% {
    margin-top: -90px;
  }
  66% {
    margin-top: -90px;
  }
  71% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -270px;
  }
}
/*---------------------------------------------------*/