html {
	-webkit-text-size-adjust:none;
}

html, body {
	width:100%;
	height:100%;
}

body {
	margin:0; 
	padding:0; 
	font-family:'Courier New', Courier, monospace; 
	color:#74410E; 
	background-color:#FFECBB;
	font-size:16px;
	line-height:19px;
}

a#me {color:#74410E; margin-top:1em; display:block;}

pre {
	margin:0;
	font-family:'Courier New', Courier, monospace; 
	font-style:normal;
}

#container {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}

#stage {
	 display:inline-block; 
}

#logo {
	padding:0px;
	position:fixed;
	top:50%;
	left:50%;
	background-color:#FFECBB;
	margin-top:-124px;
	margin-left:-135px;
	width:270px;
	height:247px;
	text-align:center;
}

.controls {
	position:fixed;
	bottom:0px;
	width:55px;
	height:55px;
	opacity:0.5;
	background-color:#74410E;
	text-align:center;
	display:none;
}

.controls span {
	color:#FFECBB;
	font-size:60px;
	line-height:60px;
}

#left {
	left:0px;
}

#right {
	right:0px;
}

#end-message {
	text-align:center;
	position:absolute;
	width:100%;
	top:55%;
	left:0px;
	background-color:#74410E;
	color:#FFECBB;
}

#social {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:38px;
	background-color: rgba(255,236,187,0.8);
	z-index:3;
	line-height:38px;
}

#social a {
	display:block;
	float:right;
	margin-right:10px;
	color:#74410E; 
}

#social #fb {
	line-height:normal;
	position:absolute;
	height:20px;
	top:10px;
	left:10px;
}