html, body {
	background: #222;
	font-family: helvetica neue, helvetica, arial, sans-serif;
	color: #777;
	}

html {
	font-size: 62.5%;
	}
	
body {
	padding: 20px;
	}	
	
a, a:hover {
	color: #777;
	/*color:#ae00ff;*/
	text-decoration:none;
}


a:hover {
	text-decoration: underline;
}


h1, h2, p, ul, li {
	padding:0px; margin: 0px;
	}
	
ul, li {
	list-style-type: none;
	}	
h1#malthus {
	font-size: 1112px;
	position:  fixed;
	z-index:100;
}

h1#logo {
	font-size: 36px;
	margin: 100px -30px;	
	padding: 50px;
	position: fixed;
	z-index: 100;
	color: white;
	background: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-text-fill-color: transparent;
    -moz-background-clip: text;
	}

div#text p{
	width: 300px;
	position: absolute;
	left: 360px;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.8em;
	display: none;
}
	
#nav {
	float: right;
	display:  none;
	}	
	
#nav ul li{
	margin-left: 20px;
	float: left;
	}	

	
#content {
	clear: both;
	padding-top: 20px;
	}	

 #content img {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition: all 60s ease-in;
    -moz-transition: all 60s ease-in;
    -o-transition: all 60s ease-in;
    float:left;
  }		
	
 #content img:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transition: all 60s ease-in;
    -moz-transition: all 60s ease-in;
    -o-transition: all 60s ease-in;
  }