style.css

@import url('https://fonts.googleapis.com/css?family=Montserrat:700');

body {
  background: url(bg-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #fff;
  text-align: center;
  width: 100vw;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  overflow: hidden;
}

#fly-in {
  font-size: 4em;
  margin: 40vh auto;
  height: 20vh;
  text-transform: uppercase;
}

#fly-in span {
  display: block;
  font-size: .4em;
  opacity: .8;
}

#fly-in div {
  position: fixed;
  margin: 2vh 0;
  left: 10vw;
  width: 80vw;
  animation: switch 32s linear infinite;
  opacity: 0;
}

@keyframes switch {
  0% { opacity: 0; filter: blur(20px); transform: scale(12); }
  3% { opacity: 1; filter: blur(0); transform: scale(1); }
  10% { opacity: 1; filter: blur(0); }
  13% { opacity: 0; filter: blur(10px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}

#fly-in div:nth-child(2) { animation-delay: 4s; }
#fly-in div:nth-child(3) { animation-delay: 8s; }
#fly-in div:nth-child(4) { animation-delay: 12s; }
#fly-in div:nth-child(5) { animation-delay: 16s; }
#fly-in div:nth-child(6) { animation-delay: 20s; }
#fly-in div:nth-child(7) { animation-delay: 24s; }
#fly-in div:nth-child(8) { animation-delay: 28s; }