@charset "utf-8";
/* CSS Document */

body {
	background-color: #000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

img {
	border: none;
}

.title {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -325px;
	margin-left: -400px;
	font-family: Impact;
	font-size: 70px;
	color: sienna;
	opacity: 1.0;
	filter: contrast(1.25);
	animation: title ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes title {
 	0% {opacity: 0.0;
		width: 0px;
		top: 50%;
   		left: 50%;
		margin-top: -325px;
		margin-left: -2000px}
	
    100% {opacity: 1.0;
		 width: 800px;
		 top: 50%;
   		 left: 50%;
   		 margin-top: -325px;
   		 margin-left: -400px}
}

.gathering {
	z-index:1;
	opacity: 0.85;
	filter: contrast(1.1);
	width: 800px;
	position: absolute;
	top: 50%;
   	left: 50%;
	margin-top: -226px;
	margin-left: -400px;
	animation: gathering ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes gathering {
 	0% {opacity: 0.0;
		width: 0px;
		top: 50%;
   		left: 50%;
		margin-top: 500px;
		margin-left: -0px}
	
    100% {opacity: 0.85;
		 width: 800px;
		 top: 50%;
   		 left: 50%;
   		 margin-top: -226px;
   		 margin-left: -400px}
}