body {
	background: #f5f5f0;
}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }  	
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

#typo{
	position:relative;
	width:300px;
	margin: 12px auto 9px;
	font-size:0.8em;
}

#typo div{
	-webkit-perspective:500px;
	   -moz-perspective:500px;

	-webkit-perspective-origin:50% 0;
	   -moz-perspective-origin:50% 0;
}

#typo div p{
	margin: 0;
	padding: 5px;

	-webkit-animation:rot .6s ease-in-out 1s backwards;
	   -moz-animation:rot .8s ease-in-out 1s backwards;

	-webkit-transform-origin:50% 0;
	   -moz-transform-origin:50% 0;
	
	font-family: 'Helvetica Neue',Helvetica, sans-serif;
	font-weight:bold;
	width:300px;
	margin-bottom:2px;
	background:#7D0000;

	background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,0,0,.2)),color-stop(transparent),0.5),to(#7D0000));
	background:-webkit-linear-gradient(rgba(255,0,0,.2),transparent),#7D0000;
	background:   -moz-linear-gradient(rgba(255,0,0,.2),transparent),#7D0000;
	border-top:1px solid rgba(255,0,0,.7);
	color:rgba(255,255,255,.75);
	text-align:center;
	text-shadow:0 1px 0 rgba(255,0,0,.7), 0 1px 2px rgba(255,0,0,.5);

	-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);
	   -moz-box-shadow:0 0 3px rgba(0,0,0,.4);
			box-shadow:0 2px 2px rgba(0,0,0,.5);
}

#typo div p img {
	position:relative;
	height:250px;
	width:250px;	
}

#typo div p.replay{
	-webkit-animation-play-state:running;
	   -moz-animation-play-state:running;
}

#typo div:first-child p{
	font-size:30px;
	letter-spacing:-2px;

	-webkit-animation-delay:.6s;
	   -moz-animation-delay:.6s;
}

#typo div:nth-child(2) p{
	font-size:90px;
	letter-spacing:-2px;

	-webkit-animation-delay:1s;
	   -moz-animation-delay:1s;
}

#typo div:nth-child(3) p{
	font-size:45px;
	letter-spacing:-2px;

	-webkit-animation-delay:1.4s;
	   -moz-animation-delay:1.4s;
}

#typo div:nth-child(4) p{
	font-size:35px;
	letter-spacing:-2px;

	-webkit-animation-delay:1.8s;
	   -moz-animation-delay:1.8s;
}

#typo div:nth-child(5) p{
	font-size:90px;
	letter-spacing:-2px;

	-webkit-animation-delay:2.2s;
	   -moz-animation-delay:2.2s;
} 

#typo div:nth-child(6) p{
	font-size:40px;
	letter-spacing:-2px;

	-webkit-animation-delay:2.6s;
	   -moz-animation-delay:2.6s;
} 

#typo div:nth-child(7) p{
	font-size:45px;
	letter-spacing:-2px;

	-webkit-animation-delay:3s;
	   -moz-animation-delay:3s;
} 

@-webkit-keyframes rot{
	from{-webkit-transform:rotateX(-90deg);}
	40%{-webkit-transform:rotateX(45deg);}
	60%{-webkit-transform:rotateX(-23deg);}
	to{-webkit-transform:rotateX(0);}
} 

@-moz-keyframes rot{ 
	from{-moz-transform:rotateX(-90deg);}
	50%{-moz-transform:rotateX(45deg);}
	70%{-moz-transform:rotateX(-23deg);}
	to{-moz-transform:rotateX(0deg);} 
}