@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

body {
	height: 100%;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 80px;
	font-weight: 300;
	-webkit-animation: 10s linear 0s normal none infinite loop;
	-webkit-animation: 10s linear 0s normal none infinite loop; /* Safari 4+ */
  	-moz-animation: 10s linear 0s normal none infinite loop; /* Fx 5+ */
  	-o-animation: 10s linear 0s normal none infinite loop; /* Opera 12+ */
  	animation: 10s linear 0s normal none infinite loop; /* IE 10+ */
}

body.cubes {
	background: #333 url('cubes.png') repeat 0 0;
}

.logo {
	width: 100%;
	height: auto;
	position: fixed;
	top: 40%;
	text-align: center;
	}

.logo img {
	width: 200px;
	height: 200px;
}


/*-------------------------------

  /$$$$$$            /$$                           /$$     /$$                              
 /$$__  $$          |__/                          | $$    |__/                              
| $$  \ $$ /$$$$$$$  /$$ /$$$$$$/$$$$   /$$$$$$  /$$$$$$   /$$  /$$$$$$  /$$$$$$$   /$$$$$$$
| $$$$$$$$| $$__  $$| $$| $$_  $$_  $$ |____  $$|_  $$_/  | $$ /$$__  $$| $$__  $$ /$$_____/
| $$__  $$| $$  \ $$| $$| $$ \ $$ \ $$  /$$$$$$$  | $$    | $$| $$  \ $$| $$  \ $$|  $$$$$$ 
| $$  | $$| $$  | $$| $$| $$ | $$ | $$ /$$__  $$  | $$ /$$| $$| $$  | $$| $$  | $$ \____  $$
| $$  | $$| $$  | $$| $$| $$ | $$ | $$|  $$$$$$$  |  $$$$/| $$|  $$$$$$/| $$  | $$ /$$$$$$$/
|__/  |__/|__/  |__/|__/|__/ |__/ |__/ \_______/   \___/  |__/ \______/ |__/  |__/|_______/ 

---------------------------------*/
@-webkit-keyframes loop {
		from {background-position:0 0;}
		to {background-position: 500px 0;}
	}
	
	@-moz-keyframes loop {
		from {background-position:0 0;}
		to {background-position: 500px 0;}
	}
	
	@-ms-keyframes loop {
		from {background-position:0 0;}
		to {background-position: 500px 0;}
	}
	
	@-o-keyframes loop {
		from {background-position:0 0;}
		to {background-position: 500px 0;}
	}
	
	@keyframes loop {
		from {background-position:0 0;}
		to {background-position: 500px 0;}
	}

.delay {
-webkit-animation-duration: 1s;
    -moz-animation-delay: 2s;
    -o-animation-iteration-count: infinite;
}

.delayTwo {
-webkit-animation-duration: 2s;
    -moz-animation-delay: 2s;
    -o-animation-iteration-count: infinite;
}

.delayThree{
-webkit-animation-duration: 3s;
    -moz-animation-delay: 2s;
    -o-animation-iteration-count: infinite;
}

.delayFour{
-webkit-animation-duration: 3s;
    -moz-animation-delay: 2s;
    -o-animation-iteration-count: infinite;
}

.delayFive{
-webkit-animation-duration: 5s;
    -moz-animation-delay: 2s;
    -o-animation-iteration-count: infinite;
}
/*-------------------------------
    IV. End of Animations
---------------------------------*/