body {
	margin:0;
	padding:0;
	
}

.comp {
	position:fixed;
	margin:0;
	padding:0;
}

#bg {
	background:linear-gradient(#2869ce,#5e9fe2,#bae2fb,#ffffff);
	width:100%;
	height:100%;
}

#clouds {
  left:0px;
  bottom:128px;
  width:2048px;
  height:512px;
}
#clouds2 {
  left:0px;
  bottom:128px;
  width:2048px;
  height:512px;
}

#clouds3 {
  left:0px;
  bottom:128px;
  width:2048px;
  height:512px;
}

#clouds4 {
  left:0px;
  bottom:128px;
  width:2048px;
  height:512px;
}

#water {
  bottom:0;
  left:0;
  width:100%;
  height:128px;
}

#noise {
  top:0;
  width:256px;
  height:256px;
	display:none;
}

#rim {
  bottom:96px;
  width:100%;
  height:64px;
  left:0;
}

#thoughts {
  top:50%;
  left:0;
  margin-top:32px;
  width:100%;
  height:128px;
  text-align:center;
  font-family:'Roboto';
  text-shadow:rgba(0,0,0,1) 0px 0px 32px;
  color:white;
  font-size:48px;
  opacity:0;
}

#splash {
  bottom:50px;
  width:100%;
  left:0;
}

#nomouse {
  bottom:0px;
  width:100%;
  height:78px;
  left:0;
  cursor:none;
}

#sun {
  bottom:128px;
  width:512px;
  height:512px;
  right:0;
}

#lens {
  bottom:0px;
  width:1024px;
  height:768px;
  right:0;
}

#plane {
  bottom:480px;
  width:100%;
  height:64px;
  left:0;
}

#logo {
  top:70px;
  width:680px;
  height:200px;
  left:0;
}

#progress {
	background:white;
	box-shadow:#888 0px 0px 32px;
	height:100%;
	width:0%;
	margin:0;
	padding:0px;
}

.hidden {
	disnplay:none;
}

#bar {
	position:fixed;
	width:80%;
	left:10%;
	top:50%;
	height:32px;
	border: 2px solid white;
	box-shadow:#888 0px 0px 32px, inset #888 0px 0px 32px;
	margin:0;
	padding:5px;
	opacity:0;
}

#text {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:50%;
	color:white;
	font-size:24px;
	text-shadow:#000 0px 0px 4px;
	margin:0;
	padding:40px;
	display:none;
}

#links {
	position:fixed;
	left:0;
	top:0;
	margin:5px;
	
}

.link {
	border:1px solid white;
	border-radius:10px;
	font-family:'Roboto';
	font-weight:100;
	color:white;
	text-shadow:rgba(0,0,0,1) 0px 0px 16px;
	box-shadow:rgba(0,0,0,.25) 0px 0px 16px,inset rgba(0,0,0,.25) 0px 0px 16px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	opacity:0;
	margin:5px;
	padding:0;
	background:rgba(255,255,255,1);
	vertical-align:top;
}

.link:hover {
	box-shadow:rgba(255,255,255,.25) 0px 0px 16px,inset rgba(255,255,255,.25) 0px 0px 16px;
}

.icon {
	margin:0;
	padding:0;
	width:60px;
	height:60px;
}

.box {
	width:60px;
	height:60px;
	font-size:40px;
}

.wide {
	height:50px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	top:10px;
	font-size:32px;
	text-shadow:rgba(0,0,0,.5) 0px 0px 16px;
}

#cover {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
	margin:0;
	padding:0;
	background:linear-gradient(#2869ce,#5e9fe2,#bae2fb,#ffffff);
}

#webshot {
	display:none;
	width:0;
	height:0;
}

#tumblr {
	display:none;
}