h1{

	text-align : center;
	font-family : "Sans Serif";
	font-size : 50px;
	position : relative;

}

img
{
	border: none;
}

h3{

	position : fixed;
	top : -50%;
	left : 25%;
}

#container{
	
	display : block;
	color : white;
	margin : 80% 80% 80% 80%;
	size : 80% 80% 80% 80%;
	text-align : center;

}

body{
	background : #B0E0E6;
	color : coral;
	text-align : center;
	font-family : Sans Serif;
	width:100%;
	position : fixed;
}

#wrapper {
	position:relative;
	margin : auto;
	width : 100%;
	height : 100%;
}

#title{

	top : 5%;
	left : 28%;
}

#q1{

	position : fixed;
	left : 16%;
	top : 33%;
}

#arrow{

	position : fixed;
	left : 16%;
	top : 33%;
}

#home{

	display : block;
	height : 35px;
	width : 20%;
	background-color : peachpuff;
	border : 2px solid;
	border-color : coral;
	font-size : 21px;
	color : coral;
	line-height : 35px;
	text-align : center;
	position : fixed;
	top : 90%;
	left : 5%;
	z-index : 10;
	text-decoration: none;
}

#home:hover{
	text-shadow : 2px 2px skyblue;
	font-size : 23px;
	text-decoration : none;
}

#continue{

	display : block;
	height : 35px;
	width : 20%;
	background-color : peachpuff;
	font-family : sans serif;
	border : 2px solid;
	border-color : coral;
	font-size : 21px;
	color : coral;
	line-height : 35px;
	text-align : center;
	position : fixed;
	top : 90%;
	left : 75%;
	z-index : 10;
	text-decoration: none;
}

#continue:hover{
	text-shadow : 2px 2px skyblue;
	font-size : 23px;
	text-decoration : none;
}

#road{

	position : fixed;
	top : 70%;
	left : 0%;
	z-index : 4;
}

#road_two{

	position : fixed;
	top : 70%;
	left : 100%;
	z-index : 4;
}

#bush_one{

	position : fixed;
	top : 85%;
	left : 0%;
	z-index : 5;
}

#bush_two{

	position : fixed;
	top : 60%;
	left : 0%;
	z-index : 3;
}

#bush_three{

	position : fixed;
	top : 50%;
	left : 0%;
	z-index : 2;
}

#cloud_one{

	position : fixed;
	top : -100%;
	left : 30%;
}

#swag{

	position : fixed;
	top : 24%;
	left : 1%;
	z-index : 4;
	cursor: pointer;
}

#car{

	position : fixed;
	top : 62%;
	left : 150%;
	z-index : 8;
}

#asbo{

	position : fixed;
	top : 25%;
	left : 17%;
	z-index : 4;
	cursor: pointer;
}

#drugs{

	position : fixed;
	top : 24%;
	left : 66%;
	z-index : 4;
	cursor: pointer;
}

#gun{

	position : fixed;
	top : 24%;
	left : 82%;
	z-index : 4;
	cursor: pointer;
}

#street_sign{

	position : fixed;
	top : 45%;
	left : 60%;
	z-index : 8;
}

#big_sign{

	position : fixed;
	top : 15%;
	left : 15%;
	z-index : 6;
}

#signimg{

	width: 950px;
}

#snail{

	position : fixed;
	top : 65%;
	left : -10%;
	z-index : 4;
}

#snail_girl{

	position : fixed;
	top : 65%;
	left : -10%;
	z-index : 4;
}

.cloud
{
	cursor: pointer;
}

#weather{

	position : fixed;
	top : 51.5%;
	left : 10%;
	z-index : 8;
	cursor: pointer;
}

#sun {

	position : fixed;
	top : 70%;
	left : 45%
}	

#one {

	position : fixed;
	top : 35%;
	left : 5%;
}

#two {

	position : fixed;
	top : 35%;
	left : 16%;
}

#three {

	position : fixed;
	top : 35%;
	left : 27%;
}

#four {

	position : fixed;
	top : 35%;
	left : 38%;
}

#five {

	position : fixed;
	top : 35%;
	left : 49%;
}

#six {

	position : fixed;
	top : 35%;
	left : 60%;
}

#seven {

	position : fixed;
	top : 35%;
	left : 71%;
}

#eight {

	position : fixed;
	top : 35%;
	left : 82%;
}

figure img{
	width: 120px;
}

figcaption{
	color: red;
	text-decoration: none;
	font-size: 25px;
	font-family: sans-serif;
}

#pleasantly_surprised {

	position : fixed;
	top : 8%;
	left : 28%;
	z-index : 10;
	width: 120px;
}

#not_surprised {

	position : fixed;
	top : 8%;
	left : 45%;
	z-index : 10;
	width: 120px;
}

#unpleasantly_surprised {

	position : fixed;
	top : 8%;
	left : 60%;
	z-index : 10;
	width: 120px;
}