@charset "utf-8";
/* CSS Document */

body {
	background-color: #A49887
}


h2 {
	color: #1D0900;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	text-align: center;
}

h3 {
	color: #5C1C00;
	text-align: center;
}

#BigScaryFarms {
	display: none;
	position: relative;
	float: right;
}

#ScarymobileAdventure {
	display: none;
	position: relative;
	height: 700px;
	width: 100%;
}

#ScaryManor {
	position: absolute;
	bottom: 50px;
	left: 0px;
}

#Barn {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#SkyBackground {
	background-image: url("Images/Sky-Background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	height: 560px;
	top: 0px;
	width: 100%;
}

#RoadBackground {
	background-image: url("Images/Clipart-Road-Side.png");
	background-repeat: repeat-x;
	background-size: 500px 200px;
	position: absolute;
	bottom: 0px;
	height: 200px;
	width: 100%;
	z-index: 8;
}

.building {
	z-index: 5;
}

#Scarymobile {
	position: absolute;
	z-index: 20;
	top: 40%;
	left: 0px;
}

.textbox {
	margin: 30px;
	padding: 20px;
	width: 300px;
	border-style: solid;
	border-width: 5px;
	border-color: #2D2D2D;
	background: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0px;
	left: 0px;
}