@charset "UTF-8";
/* CSS Document */
html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
body{
	background-color: #000;
}
#perspective{
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	overflow: hidden;
	-webkit-perspective: 500;
	-moz-perspective:    500;
	perspective:         500;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style:    preserve-3d;
	transform-style:         preserve-3d;
}
#container{
	-webkit-transform: rotateX(45deg);
	-moz-transform:    rotateX(45deg);
	transform:         rotateX(45deg);
	margin: 0 auto;
	position: absolute;
	top: 50%; left: 50%;
	width: 600px;
	margin: -815px auto 0 -300px; 
}
#starwars{
	font-family:Verdana, Geneva, sans-serif;
	color: #ff5;
	font-weight: bold;	
	-webkit-animation: starwars 45s linear infinite;
	-moz-animation:    starwars 45s linear infinite;
	animation:         starwars 45s linear infinite;
}
#starwars p{
	font-size: 150%;
	text-align: justify;
}

@-webkit-keyframes starwars{
	0%{
		-webkit-transform: translateY(1000px) translateZ(1000px);
	}
	100%{
		-webkit-transform: translateY(-1000px) translateZ(-1000px);
	}
}

@-moz-keyframes starwars{
	0%{
		-moz-transform: translateY(1000px) translateZ(1000px);
	}
	100%{
		-moz-transform: translateY(-1000px) translateZ(-1000px);
	}
}

@keyframes starwars{
	0%{
		transform: translateY(1000px) translateZ(1000px);
	}
	100%{
		transform: translateY(-1000px) translateZ(-1000px);
	}
}


h2, h1 {
	text-align: center;
}

footer{
	display: block;
	position: fixed;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
	top: 0;
	width: 100%;
	background-color: #000;
	padding: 5px 0;
	color: #fff;
	border-top: solid 1px #222;
}
a{
	color: #C30;
	text-decoration: none;
}
a:hover{
	color: #F90;
	text-decoration: underline;
}