body {
background-image: url("../images/wowimg.jpg");
background-color: gray;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

#wrapper { 
	background-image: url("../images/Empty_Quest_Log.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 550px 650px;
width:650px;
height: 800px;
margin: 10px auto;
padding-bottom: 20px;
margin-bottom: 20px;




}

h1{
text-align:center;
font-size: 82px;
color: #ffff33;
padding: 0px;
margin: 0px;
text-shadow: 4px 3px  #804000;
}

.start {
background: #2ECC71;
    color: #FFFFFF;
    cursor: pointer;
    letter-spacing: 1px;
    padding: 10px 0;
border-radius: 50px;
position: relative;
border: 3px solid black;
color: #fff;
width:50%;
display: block;
margin: 20px auto;
top: 30px;
left: 8px;

}

.start:active {
border-color: #17954c;
color: #17954c;
}

.start:hover {
background: #24b662;
}

.next {
background: #FCAD26;
    color: #FFFFFF;
    cursor: pointer;
    letter-spacing: 1px;
    padding: 10px 0;
border-radius: 50px;
border: 3px solid black;
color: #fff;
margin-top:20px;
display:block;
width:90%;
font-weight: 700;
}

.next:active {
border-color: #F58500;
color: #222;
}

.next:hover {
background: #F29E0D;
}

.reset {
border: none;
background: none;
cursor: pointer;
padding: 10px 40px;
display: inline-block;
margin: 15px 30px;
text-transform: uppercase;
letter-spacing: 1px;
outline: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border-radius: 40px;
background: none repeat scroll 0 0 #CB4E4E;
box-shadow: 0 6px #AB3C3C;
color: #FFFFFF;
}

.reset:hover {
box-shadow: 0 4px #ab3c3c;
top: 2px;
}

.reset:active {
box-shadow: 0 0 #ab3c3c;
top: 6px;
}


#questions {
	color: black;
	word-wrap: break-word;
	width: 70%;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	letter-spacing: 2px;
	display: block;
	top: 100px;
		
}

.mark {
	height: 200px;
	width: 200px;
}