/*FONTS*/
@font-face { 
	font-family: Murderer; 
	src: url('../fonts/youmurdererbb_reg.ttf'); 
} 
body{
	padding:0;
	margin:0;
}
#storyend h1{
	margin-top: 0;
}

/* home section */
#home {
  background: url("../images/home_bg.gif") fixed;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  height: 100vh;
  width:100vw;
}
#home p {
	font-family: Murderer;
	color: white;
}
/*a: Begin! + Try Again*/
#again{
	font-size: 100px;
	font-family: Murderer;
	color: white;
	text-decoration: none;
	position: absolute;
	padding-right: 7vw;
	bottom:0;
	right:0;

}
#again:hover{
	color: red;
	text-decoration: none;
}
a{
	font-size: 100px;
	font-family: Murderer;
	color: white;
	text-decoration: none;
	bottom:0;
	right:0;
}
a:hover{
	color: red;
	text-decoration: none;
}
span {
	font-size: 40px;
	font-family: Murderer;
	color: white;
}



/*pages*/
#two{
	background: url("../images/bedroom.jpg") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#three{
	background: url("../images/clearhall") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#four{
	background: url("../images/bedroom.jpg") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#five{
	background: url("../images/hellhall.jpg") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#six{
	background: url("../images/beddie.gif") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#seven{
	background: url("../images/beddie.gif") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#eight{
	background: url("../images/killed.jpg") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#nine{
	background: url("../images/down3.jpg") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#ten{
	background: url("../images/down2.jpg") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#eleven{
	background: url("../images/hide.jpg") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#twelve{
	background: url("../images/tackle.jpg") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#thirteen{
	background: url("../images/deadcloset.gif") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#fourteen{
	background: url("../images/lightsout.jpg") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;	
}
#fifteen{
	background: url("../images/free.jpg") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#sixteen{
	background: url("../images/otherbed.png") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#seventeen{
	background: url("../images/under.jpg") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}
#eighteen{
	background: url("../images/deadcloset.gif") fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 100vh;
	width:100vw;
}

/*other styles*/
#btn{
	padding-top: 10px;
	font-size: 40px;
	color:white;

}
#btn:hover{
	color:red;
	text-decoration: none;
}

#story{
	height: 60vh;
	width:100vw;
}
#story p{
	font-family: Murderer;
	color: white;
	text-align: center;
	font-size: 60px;
	padding-top: 10%;

}
#storyend{

	color: white;
	text-align: center;
	font-size: 60px;
	padding-left: 5vw;
	padding-right: 5vw;
}


#choices{

	align-content: center;
	font-size: 50px;
	height:40vh;
	text-align: center;
}
#over {
	font-family: Murderer;
	color: white;
	text-align: center;
	font-size: 150px;
	padding-top: 0;
}