/*             deFEEST
 *     \                       |             _ )                         2013     
 *    _ \    \    \   -_)   \  | _` |   \    _ \  _| _ \ |  |\ \  \ / -_)  _|
 *  _/  _\_| _|_| _|\___|  \__/\__,_|_| _|  ___/_| \___/\_,_| \_/\_/\___|_|  
 *				bagger
 */
* { padding: 0; margin: 0; }

body, html {
        width: 100%;
        height: 100%;
        font-weight: 700;
        color: #24cafe;
        background-color: #000;
        overflow: hidden;
        text-align: center;
        font-family: Impact, Charcoal, sans-serif;
	background: url(../img/rocks.jpg) no-repeat;
        background-size: 100%;
}

#lean, #back, #lampies, #meuk, #weird {
	background-color: black;
	background-size: auto 100%;
	width : 100%; 
	height: 100%;
	left: 0;
	top: 0;
	position: absolute; 
}

#lampies {
	background: url(../img/lampies.jpg) no-repeat;
}

#meuk {
	background: url(../img/meuk.jpg) no-repeat;
}

#back {
	opacity: 1;
    	-webkit-transition: opacity 1.5s ease-in-out;
    	-moz-transition: opacity 1.5s ease-in-out;
    	transition: opacity 1.5s ease-in-out;
}

#back.yo {
	opacity: 0;
}

#back.wat {
	opacity: 0.7;
}

#back.up {
	opacity: 0.2;
}

#lean {
	display: none;
	background: url(../img/lol.jpg) no-repeat;
        background-size: 100%;
}

#loading a {
	text-decoration: none;
	color: #24cafe;
}

#deFEEST {
	opacity: 0;
    	-webkit-transition: opacity 1.5s ease-in-out;
    	-moz-transition: opacity 1.5s ease-in-out;
    	transition: opacity 1.5s ease-in-out;
}

#deFEEST.show {
	opacity: 1;
}