ul {
	height: 100px;
	Left: 50;
	position: relative;
	top: 24;
	width: 80%;
	z-index: 0;
}
ul li {
	color: transparent;
	font-size: 200%;
	position: absolute;
	text-align: right;

}

/* delay between each text */

ul li:nth-child(1) {
  -moz-animation: blurFadeInOut 1s ease-in backwards;
  -ms-animation: blurFadeInOut 1s ease-in backwards;
  -webkit-animation: blurFadeInOut 1s ease-in backwards;
}

ul li:nth-child(1) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  animation-delay: 1s;
}
/* delay for the last slide */
ul li:nth-child(1) span {
  -webkit-animation: blurFadeIn 2s ease-in 2s backwards;
  -moz-animation: blurFadeIn 1s ease-in 2s backwards;
  -ms-animation: blurFadeIn 2s ease-in 2s backwards;
  animation: blurFadeIn 2s ease-in 2s backwards;
  color: transparent;
  text-shadow: 0px 0px 1px #fff;
}
ul li:nth-child(1) span:nth-child(2) {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -ms-animation-delay: 3s;
  animation-delay: 3s;
}
ul li:nth-child(1) span:nth-child(3) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -ms-animation-delay: 4s;
  animation-delay: 4s;
}

/* default config */

@-moz-keyframes appear {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes appear {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes appear {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes blurFadeIn {
  0% { opacity: 0; text-shadow: 0px 0px 40px #fff; -moz-transform: scale(1.3); }
  100% { opacity: 1; text-shadow: 0px 0px 1px #fff; -moz-transform: scale(1); }
}
@-webkit-keyframes blurFadeIn {
  0% { opacity: 0; text-shadow: 0px 0px 40px #fff; -webkit-transform: scale(1.3); }
  50% { opacity: 0.5; text-shadow: 0px 0px 10px #fff; -webkit-transform: scale(1.1); }
  100% { opacity: 1; text-shadow: 0px 0px 1px #fff; -webkit-transform: scale(1); }
}
@keyframes blurFadeIn {
  0% { opacity: 0; text-shadow: 0px 0px 40px #fff; transform: scale(1.3); }
  50% { opacity: 0.5; text-shadow: 0px 0px 10px #fff; transform: scale(1.1); }
  100% { opacity: 1; text-shadow: 0px 0px 1px #fff; transform: scale(1); }
}
@-moz-keyframes blurFadeInOut {
  0% { opacity: 0; text-shadow: 0px 0px 40px #fff; -moz-transform: scale(1.3); }
  20%, 75% { opacity: 1; text-shadow: 0px 0px 1px #fff; -moz-transform: scale(1); }
  100% { opacity: 0; text-shadow: 0px 0px 50px #fff; -moz-transform: scale(0); }
}
@-webkit-keyframes blurFadeInOut {
  0% { opacity: 0; text-shadow: 0px 0px 40px #fff; -webkit-transform: scale(1.3); }
  20%, 75% { opacity: 1; text-shadow: 0px 0px 1px #fff; -webkit-transform: scale(1); }
  100% { opacity: 0; text-shadow: 0px 0px 50px #fff; -webkit-transform: scale(0); }
}
@keyframes blurFadeInOut {
  0% { opacity: 0; text-shadow: 0px 0px 40px #fff; transform: scale(1.3); }
  20%, 75% { opacity: 1; text-shadow: 0px 0px 1px #fff; transform: scale(1); }
  100% { opacity: 0; text-shadow: 0px 0px 50px #fff; transform: scale(0); }
}
@-moz-keyframes fadeInBack {
  0% { opacity: 0; -moz-transform: scale(0); }
  50% { opacity: 0.4; -moz-transform: scale(2); }
  100% { opacity: 0.2; -moz-transform: scale(5); }
}
@-webkit-keyframes fadeInBack {
  0% { opacity: 0; -webkit-transform: scale(0); }
  50% { opacity: 0.4; -webkit-transform: scale(2); }
  100% { opacity: 0.2; -webkit-transform: scale(5); }
}
@keyframes fadeInBack {
  0% { opacity: 0; transform: scale(0); }
  50% { opacity: 0.4; transform: scale(2); }
  100% { opacity: 0.2; transform: scale(5); }
}
@-moz-keyframes fadeInRotate {
  0% { opacity: 0; -moz-transform: scale(0) rotate(360deg); }
  100% { opacity: 1; -moz-transform: scale(1) rotate(0deg); }
}
@-webkit-keyframes fadeInRotate {
  0% { opacity: 0; -webkit-transform: scale(0) rotate(360deg); }
  100% { opacity: 1; -webkit-transform: scale(1) rotate(0deg); }
}
@keyframes fadeInRotate {
  0% { opacity: 0; transform: scale(0) rotate(360deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}