ul.fallingtext {
	font-family: 'Orbitron', sans-serif; /* font style. Default uses Google fonts */
	text-shadow: 2px 2px #C0F5A9, 3px 3px #C0F5A9, 4px 4px #C0F5A9, 5px 5px #C0F5A9, 6px 6px #C0F5A9;
	font-size: 30px; /* font size of text */
	color: #fff;
	letter-spacing: 10px;
	font-weight: 800;
	text-transform: uppercase;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.fallingtext > li {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	-moz-transition: all 0.3s ease-in; /* change 0.3s to reflect desired duration of effect on entire sentence (ie: fade in/out) */
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
ul.fallingtext > li:nth-of-type(even) {
	color: goldenrod;
	text-shadow: 2px 2px #FDE0A6, 3px 3px #FDE0A6, 4px 4px #FDE0A6, 5px 5px #FDE0A6, 6px 6px #FDE0A6;
}
ul.fallingtext > li span[class*="char"] {
	display: inline-block;
}
ul.fallingtext > li.dropdown span[class*="char"] {
	opacity: 1;
	-moz-transform: translateY(1000px) rotateZ(380deg); /* drop down and rotate */
	-webkit-transform: translateY(1000px) rotateZ(380deg);
	transform: translateY(1000px) rotateZ(380deg);
	-moz-transition: all 10s ease-in; /* change 0.3s to reflect desired duration of each word/letter dropping down */
	-webkit-transition: all 10s ease-in;
	-o-transition: all 10s ease-in;
	-ms-transition: all 10s ease-in;
	transition: all 10s ease-in;
}

.falling_text {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	width: 100%;
}
.container {
	position: relative;
	z-index: 9;
}