/*-------------------------
	Simple reset
--------------------------*/


/*-------------------------
	General Styles
--------------------------*/

}


/*----------------------------
		Headers
-----------------------------*/


#fin{
	font:70px 'Anton',Arial,Helvetica;
	text-align:center;
	padding-top:300px;
	text-transform:uppercase;
	display:none;
}

#fontPreload{
	font-family:'Anton';
	visibility:hidden;
	position:absolute;
}


/*----------------------------
	  Canvas Animations
-----------------------------*/


canvas{
	position:fixed;
	width:717px;
	height:526px;
	
	top:50%;
	left:50%;
	
	margin:-263px 0 0 -358px;
	opacity:0;
	
	/* Configure the animation for Firefox */
	-moz-animation-duration:6s;
	-moz-animation-name:spin;
	-moz-animation-timing-function:linear;
	
	/* Configure it for Chrome and Safari */
	-webkit-animation-duration:6s;
	-webkit-animation-name:spin;
	-webkit-animation-timing-function:linear;
	
	/* Configure it for IE11 */
	animation-duration:6s;
	animation-name:spin;
	animation-timing-function:linear;
}

@-moz-keyframes spin{
	0%{
		opacity:0.2;
		-moz-transform:scale(0.2) rotate(0deg);
	}
	
	15%{
		opacity:1;
		margin:-263px 0 0 -358px;
		-moz-transform:scale(1) rotate(1090deg);
	}
	
	90%{
		opacity:1;
		top:50%;
		-moz-transform:scale(1) rotate(1090deg);
	}
	
	100%{
		top:500%;
		opacity:1;
		-moz-transform:scale(1) rotate(1090deg);
	}
}

@-webkit-keyframes spin{
	0%{
		opacity:0.2;
		-webkit-transform:scale(0.2) rotate(0deg);
	}
	15%{
		opacity:1;
		margin:-263px 0 0 -358px;
		-webkit-transform:scale(1) rotate(1090deg);
	}
	90%{
		opacity:1;
		top:50%;
		-webkit-transform:scale(1) rotate(1090deg);
	}
	
	100%{
		top:500%;
		opacity:1;
		-webkit-transform:scale(1) rotate(1090deg);
	}
}

@keyframes spin{
	0%{
		opacity:0.2;
		transform:scale(0.2) rotate (0deg);
	}
	15%{
		opacity:1;
		margin:-263px 0 0 -358px;
		transform:scale(1) rotate(1090deg);
	}
	90%{
		opacity:1;
		top:50%;
		transform:scale(1) rotate (1090deg);
	}
	100%{
		top:500%;
		opacity:1;
		transform:scale(1) rotate(1090deg);
	}
}
