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


* { margin: 0; padding: 0; }

html { overflow-y: scroll; }

body {
	height: 100%;
	color: white;
	background: black;
	font-family: 'Lato', sans-serif;
	font-size: 23px;
	font-weight: 300;
}

a {
	text-decoration: none;
	color: #fff;
}

a:hover {
	color: #007fdf;
	cursor: pointer;
}

.logo {
	width: 175px;
	height: 30px;
	position: fixed;
	top: 45%;
	left: 50%;
	margin-top: -15px;
	margin-left: -90px;
	text-align: center;
	z-index: 400;
	}

.logo img {
	width: 100%;
	height: auto;
}

#background {
	background: url(../img/bg.png) repeat 5% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 100;
	opacity: 0.2;
}

#midground {
	background: url(../img/midg.png) repeat 20% 20%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 200;
	opacity: 0.2;
}

#foreground {
	background: url(../img/foreg.png) repeat 90% 110%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 300;
	opacity: 0.2;
}

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

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

---------------------------------*/
@-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
---------------------------------*/