html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-font-smoothing: antialiased !important;
	font-size: 100%;
	background: url(../images/creampaper.png);
}
#library {
	display: none;
}
canvas {
	-webkit-transform: translateZ(0);
}
h1 {
	text-align: center;
	margin: 0 auto 0 auto;
	letter-spacing: -.06em;
	-webkit-transition-duration: 1s;
	zoom: 1;
	text-shadow: 0px 1px 1px #666666;
	color: #ab2710;
	font-family: 'Fjalla One', sans-serif;
}
.odiv, .tdiv {
	z-index: 9999;
	position: absolute;
	width: 100%;
	height: 100%;
}
.odiv {
	padding: 5% 0 0 0;
	text-align: center;
	background: #106300;
	background: url(../images/creampaper.png);
}
.odiv img {
	margin: 0;
	max-width: 100%;
	height: auto;
	-webkit-transition-duration: 1s;
}
.tdiv {
	display: none;
	width: 100%;
	height: 100%;
}
.bot {
	position:absolute;
	bottom:0;
	left:0;
	z-index: 999999;
	width: 100%;
	height: 100px;
	background: #000 url(../images/night.png) repeat-x bottom left;
}
#pound {
	cursor: pointer;
}
 @media (min-width: 980px) {
 h1 {
font-size: 300%;
}
}
@media (max-height: 768px) {
#pound img {
 margin: 0 auto 0 auto;
 max-width: 50%;
 height: auto;
 -webkit-transition-duration: 1s;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#pound img {
 margin: 0 auto 0 auto;
 max-width: 50%;
 height: auto;
 -webkit-transition-duration: 1s;
}
}