/*--------------------------------------------------
--------------------MAIN CONTENT--------------------
--------------------------------------------------*/

body{
	background:rgb(0, 0, 0);
	font-family: "Syne Mono";
}


h1 {
	font-size: 4em;
}

h3{
	font-size: .6em;
}


span {
	display: block;
	font-size: .5em;
}

p {
	font-size: 1.2em;
}

a {
	text-decoration: none;
	color: whitesmoke;
}
a:hover {
	color: firebrick;
}

/*--------------------------------------------------
------------------PARALLAX CONTENT------------------
--------------------------------------------------*/

.parallax-layer{
	position: absolute;
	height: 700px;
	background-repeat: no-repeat;
}

#titleScreen {
	position: absolute;
	left: 34%;
	top: 250px;
	text-align: center;
	z-index: 2;
}

#Scene{
	position: fixed;
	width: 100%;
	height: 700px;
	margin-top: -350px;
	top: 50%;
}

#bg1{
	background: url(../images/cloud1.png);
	width: 5000px;
}

#bg2{
	background: url(../images/cloud2.png) left bottom;
	width: 4368px;
	z-index: 1;
}

#scream {
	background: url(../images/scream.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 250px;
	height: 145px;
	z-index: 0;
	top: 450px;
}

#werewolf{
	position:absolute;
	background-image:url(../images/werewolf.png);
	width:250px;
	height:300px;
	top:450px;
}

/*--------------------------------------------------
---------------------POEM DIVS----------------------
--------------------------------------------------*/

.poem {
	position: absolute;
	width: 300px;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	z-index: 2;
}

#line1 {
	top: 300px;
	left: 42%;
}

#line2, #line6 {
	top: 100px;
	left: 10%;
}

#line3 {
	top: 50px;
	left: 70%;
}

#line4 {
	top: 300px;
	left: 10%;
}

#line5 {
	top: 300px;
	left: 70%;
}

/*--------------------------------------------------
---------------------END SCENE----------------------
--------------------------------------------------*/

#blackscreen {
	position: absolute;
	width: 100%;
	height: 800px;
	background: black;
	left: -10px;
	z-index: 2;
}

#theend, #projectStatement {
	position: absolute;
	left: 37%;
	top: 50px;
	text-align: center;
	font-size: 3em;
	z-index: 3;
	color: whitesmoke;
}

#menu {
	color: whitesmoke;
	text-align: center;
	font-size: .5em;
}

#menu p {
	display: inline;
}



#authorStatement:hover {
	cursor: pointer;
	color: firebrick;
}

#projectStatement {
	position: absolute;
	display: none;
	width: 50%;
	font-size: .9em;
	line-height: 1.5em;
	text-align: left;
	top: 300px;
	left: 24%;
}