#titles
{
	position: absolute;
	width: 18em;
	height: 50em;
	bottom: 0;
	left: 50%;
	margin-left: -9em;
	font-size: 350%;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	transform-origin: 55% 100%;
	transform: perspective(270px) rotateX(25deg);
	color:white;
}




#titles:after
{
	position: absolute;
	content: ' ';
	left: 0;
	right: 0;
	top: 0;
	bottom: 50%;
	background-image: linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
	pointer-events: none;
}

/* Then all we need do is scroll the content using CSS animation: */


#titlecontent
{
	position: absolute;
	top: 100%;
	animation: scroll 60s linear 1s infinite;
}

@keyframes scroll {
	0% { top: 100%; }
	100% { top: -170%; }
}