html { overflow-y: scroll; }
body { 
	font: 62.5% Georgia, serif;
	background: url(images/background.png) repeat 5% 5%;
}

#about {
	top: 0; left: 0;
	padding: 20px;
	position: absolute;
	z-index: 999;
	background: white;
	-moz-opacity:0.5;
	opacity: 0.5;
	width: 250px;
}

#midground {
	background: url(images/midground.png) repeat 20% 20%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 997;
	animation: animatedMidground 40s ease-in-out infinite;
}
#foreground {
	background: url(images/foreground.png) repeat 90% 110%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 998;
	animation: animatedForeground 40s ease-in-out infinite;
}

@keyframes animatedMidground {
	0% { background-position: 0 0; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0 0; }	
}
@keyframes animatedForeground {
	0% { background-position: 100% 100%; }
	50% { background-position: 0 50%; }
	100% { background-position: 100% 100%; }
}