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


body {
   background-color: #000000;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}


h1{
		font-size: 70px;
		line-height:5px;
		margin-bottom:10px;
}

a{
	color: black;
	text-decoration: none;
} 

#wrapper{
	margin: 0 auto;
	width: 1300px; 
	position: relative;
}

#five{
 top: 0;
    left: 0;
	background-image: url("../images/LockeandKey.jpg");
	background-color: #000000 ;
	background-size: 660px 400px;	
	background-repeat: no-repeat;
	
	margin-top:0px;
	position:absolute;
	width: 660px;
	height:400px;
	opacity:0;
}

#Paranoid{
 top: 0;
    left: 0;
	background-image: url("../images/Talamasca.jpg");
	background-color: #000000 ;
	background-size: 420px 600px;	
	background-repeat: no-repeat;
	margin-left: 880px;
	margin-top:0px;
	position:absolute;
	width: 420px;
	height:600px;
	opacity:0;
}


#invis{
 top: 0;
    left: 0;
	background-image: url("../images/Wednesday.jpg");
	background-color: #000000 ;
	background-size: 480px 660px;	
	background-repeat: no-repeat;
	margin-left: 400px;
	margin-top:0px;
	position:absolute;
	width: 480px;
	height:620px;
	opacity:0;
}

#gotham{
 top: 0;
    left: 0;
	background-image: url("../images/strike.jpg");
	background-color: #000000 ;
	background-size: 400px 600px;	
	background-repeat: no-repeat;
	margin-left: 0%;
	margin-top:400px;
	position:absolute;
	width: 400px;
	height:600px;
	opacity:0;
}

#mwfte{
 top: 0;
    left: 0;
	background-image: url("../images/RiotWomen3.jpg");
	background-color: #000000 ;
	background-size: 400px 250px;	
	background-repeat: no-repeat;
	margin-left: 0%;
	margin-top:750px;
	position:absolute;
	width: 400px;
	height:250px;
	opacity:0;
}

#max{
 top: 0;
    left: 0;
	background-image: url("../images/Maxxx.jpeg");
	background-color: #000000 ;
	background-size: 150px 200px;	
	background-repeat: no-repeat;
	margin-left: 400px;
	margin-top:800px;
	position:absolute;
	width: 150px;
	height:200px;
	opacity:0;
}





#ani{
 top: 0;
    left: 0;
	background-image: url("../images/Culprits.JPG");
	background-color: #000000 ;
	background-size: 420px 600px;	
	background-repeat: no-repeat;
	margin-left: 400px;
	margin-top:400px;
	position:absolute;
	width: 400px;
	height:600px;
	opacity:0;
}

#ani2{
 top: 0;
    left: 0;
	background-image: url("../images/Virdee.JPG");
	background-color: #000000 ;
	background-size: 520px 700px;	
	background-repeat: no-repeat;
	margin-left: 800px;
	margin-top:600px;
	position:absolute;
	width: 500px;
	height:400px;
	opacity:0;
}

#lucifer{
 top: 0;
    left: 0;
	background-image: url("../images/the-mysterious-benedict-society.jpg");
	background-color: #000000 ;
	background-size: 350px 200px;	
	background-repeat: no-repeat;
	margin-left: 550px;
	margin-top:800px;
	position:absolute;
	width: 350px;
	height:200px;
	opacity:0;
}

#textBox0{
	background-color: #ffffff ;
	margin-left: 370px;
	font-family: 'Courier Prime', monospace;
	margin-top:30px;
	transform: scaleY(1.6); 
	position:absolute;	
	opacity:0;
	padding-left: 5px;
	padding-right: 5px;
	width: 600px;
}


#textBox1{
	background-color: #ffffff ;
	margin-left: 670px;
	font-family: 'Courier Prime', monospace;
	font-size:20px;
	margin-top:260px;
	transform: scaleY(1.6); 
	position:absolute;	
	opacity:0;
	padding-left: 5px;
	padding-right: 5px;
	width: 600px;
	padding-left:10px;
}

#textBox2{
	background-color: #ffffff ;
	margin-left: 0px;
	font-family: 'Courier Prime', monospace;
	margin-top:360px;
	width: 610px;
	position:absolute;	
	opacity:0;
	padding-left:10px;
	padding-right:10px;
}

#textBox3{
	background-color: #ffffff ;
	margin-left: 670px;
	font-family: 'Courier Prime', monospace;
	margin-top:570px;
	width: 610px;
	position:absolute;	
	padding-left:10px;
	padding-right:10px;
	opacity:0;
	
}

#textBox4{
	background-color: #ffffff ;
	margin-left: 40px;
	font-family: 'Courier Prime', monospace;
	margin-top:800px;
	width: 810px;
	position:absolute;	
	opacity:0;
	padding-left:10px;
	padding-right:10px;
}
#textBox5{
	background-color: #ffffff ;
	margin-left: 450px;
	font-family: 'Courier Prime', monospace;
	margin-top:960px;
	width: 710px;
	position:absolute;	
	opacity:0;
	padding-left:10px;
	padding-right:10px;
}

#textBox6{
	background-color: #ffffff ;
	margin-left: 270px;
	font-family: 'Courier Prime', monospace;
	, sans-serif;
	font-size: 30px;
	margin-top:10px;
	width: 510px;
	position:absolute;	
	opacity:0;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}


.leftText{
width: 65%;
float:left;
font-size:12px;
}

.rightText{
	width: 30%;float:left;
	padding-left: 5%;
	font-family: Arial Rounded MT Bold, sans-serif;
	font-size:12px;
	
}



#doctorWho {
    top: 0;
    left: 0;
	
  }