html {
    position: relative;
    max-height: 1000px;
    height: 100%;
	max-width:2500px;
	
}

body {

	min-height:500px;
	max-height:1000px;
	min-width:1000px;
	padding-top:5px;
			  overflow-x: hidden;
			  overflow-y:scroll;

			  background-color:black;
 
}
 
}

@font-face {
 font-family: 'alagard'; src:url (../fonts/alagard.ttf);
}

h1 {
  color: white;
  font-size:17px;
  font-family: 'Courier New', monospace;
  text-align: center;
}
h2 {
    font-size: 34px;
    	  font-family:'alagard';
		  color:white;
}
h3 {
	color: white;
     font-size: 28px;
     	  font-family:'alagard';

}
h4 {
	color:white;
	font-family:'alagard';
	font-size: 16px;
	
}
h5 {
	color:white;
	  font-family: comic sans ms;
	font-size: 10px;
	
}

p {
  font-size: 14px;
  color:MediumSeaGreen;
  	  font-family:'alagard';
}

li {font-family: comic sans ms;
  font-size: 11px;
  color:black;
}

td
{color:#fc21d8;
	background-color:black;
	font-family: comic sans ms;
		font-size: 12px;
		border-width:1px;
		border-style:solid;
		border-color:magenta
}

/* Scrollbar styles */
::-webkit-scrollbar {
width: 10px;
height: 12px;
background: black;
}
::-webkit-scrollbar-track {

  background-color:red;
border-radius: 0px;
width: 0px;
border: 1px dotted red;
}
::-webkit-scrollbar-thumb {
 background-color: black;);
border: 1px dotted black;
border-radius: 0px;
}

.grow { 
	transition: all .05s ease-in-out; 
}

.grow:hover { 
 	transform: scale(1.2); 
 }

.display {
	border-width:3px;
	border-style:double;
	border-color:black;
	 border-radius: 2px;
            width:940px;
            height:100px;
			margin: auto;
            padding-top:10px;
            padding-right:20px;	
		  overflow-y: hidden;
		  overflow-x: hidden;
		z-index:-1; 
	}
		
		.display_page {
			border-width:3px;
			border-style:double;
			border-color:black;
			 border-radius: 2px;
		            width:1000px;
		            height:778px;
					margin: auto;
		            padding-top:8px;
		            padding-right:20px;	
					background-color:black;
				  overflow-y: hidden;
				  overflow-x: hidden;
				z-index:1; }
				
				
				.display_portal {
					border-width:3px;
					border-style:double;
					border-color:black;
					 border-radius: 2px;
				            width:800px;
				            height:760px;
							margin: auto;
				            padding-top:30px;
				            padding-right:20px;	
							background-image: url('../images/sparkleblack.gif');
						  overflow-y: hidden;
						  overflow-x: hidden;
						z-index:1; }
		
		.title {
			width:1000px;
			height:60px;
			position: relative;
			right: 10px;
			bottom:10px;
				z-index: 4;

				}
				.archway {
					width:600px;
					height:50px;
					position: relative;
					left:3px;
					bottom:620px;
					z-index:6;
					
			
		
					}
					.archway_illustration {
						width:600px;
						height:50px;
						position: relative;
						right:30px;
						bottom:580px;
						z-index:6;
					
			
		
						}
					.archway_skull {
						width:600px;
						height:50px;
						position: relative;
						right:230px;
						top:710px;
						z-index:-1;
					
			
		
						}
						.archway_skullgarden {
							width:600px;
							height:50px;
							position: relative;
							right:230px;
							top:670px;
							z-index:1;
					
			
		
							}
					.barrier{
						width:1000px;
						height:50px;
						position: relative;
						right:6px;
						top:160px;
						z-index:1;
		
						}
						
						.barrier_skulls{
							width:1000px;
							height:50px;
							position: relative;
							right:6px;
							top:200px;
							z-index:4;
		
							}
						.the_latest{
							width:800px;
							height:50px;
							position: relative;
							right:0px;
							top:98px;
							z-index:4;
	
							}
							.the_latest2{
								width:800px;
								height:50px;
								position: relative;
								right:0px;
								top:1400px;
								z-index:4;
	
								}
							
							.skull_left {
							width:50px;
							height:50px;
							position: relative;
							top:380px;
							right:530px;
								z-index: 3;

								}
								
								.skull_right {
								width:50px;
								height:50px;
								position: relative;
								top:340px;
								left:380px;
									z-index: 3;

									}
									.cow_skull {
									width:50px;
									height:50px;
									position: relative;
									top:450px;
									right:415px;
										z-index: 2;

										}
										.skull_left2 {
										width:50px;
										height:50px;
										position: relative;
										top:930px;
										right:530px;
											z-index: 3;

											}
											
											.skull_right2 {
											width:50px;
											height:50px;
											position: relative;
											top:850px;
											left:380px;
												z-index: 3;

												}
												
												
					
					.yapping_vince {
						width:50px;
						height:50px;
						position: relative;
						right:70px;
						bottom: 360px;
					
		
						}
					
				
						
						.coming_soon{
							width:600px;
							height:400px;
							position: relative;
							left:20px;
							bottom:440px;
							z-index:4;
					
		
							}
							
							.pedestal{
								width:50px;
								height:50px;
								position: relative;
								left:160px;
								bottom:750px;
								z-index: 6;
		
								}
								
								.guestbook{
									width:100px;
									height:100px;
									position: relative;
									left:206px;
									bottom:900px;
							
											z-index:4;}
											
											
											.other_about{
											
													
												width:350px;
												height:500px;
												left:0px;
												bottom:430px;
								
												position: relative;
													z-index: 3;

													}
													
													.other_void{
											
													
														width:350px;
														height:500px;
														left:260px;
														bottom:940px;
								
														position: relative;
															z-index: 3;

															}
									
									
									
							
							.art_frame {
								width:600px;
								height:400px;
								position: relative;
								right:140px;
								top: 45px;
								z-index:3;
					
		
								}
								.art{
									width:600px;
									height:400px;
									position: relative;
									right:140px;
									bottom: 265px;
									z-index:0;
					
		
									}
							
							 
							
							.title_illustration{
								width:150px;
								height:90px;
								position: relative;
								display: flex;
								right: 250px;
								bottom:10px;
									z-index: 3;

									}
					.menu {
						width:100px;
						height:500px;
						position: relative;
						top:220px;
						right:402px;
							z-index: 3;

							}
							
							.window_vendor{
								width:180px;
								height:300px;
								position: relative;
								bottom:960px;
								left:370px;
									z-index: 0;

									}
							
							.illustration_button{
								position:relative;
							}
							
							#lit_illustration
							{display:none;}
							
							#illustration_button:hover #unlit_illustration {display:none;
							}
							
							#illustration_button:hover #lit_illustration {display:block;}
							
							.skull_painting_button{
								position:relative;
							}
							
							#lit_skull_painting
							{display:none;}
							
							#skull_painting_button:hover #unlit_skull_painting{display:none;
							}
							
							#skull_painting_button:hover #lit_skull_painting {display:block;}
						
						
							.animation_button{
								position:relative;
							}
							
							#lit_animation
							{display:none;}
							
							#animation_button:hover #unlit_animation{display:none;
							}
							
							#animation_button:hover #lit_animation{display:block;}
							
							.contact_button{
								position:relative;
							}
							
							#lit_contact
							{display:none;}
							
							#contact_button:hover #unlit_contact{display:none;
							}
							
							#contact_button:hover #lit_contact{display:block;}
							
							.other_button{
								position:relative;
							}
							
							#lit_other
							{display:none;}
							
							#other_button:hover #unlit_other{display:none;
							}
							
							#other_button:hover #lit_other {display:block;}
							
							.back_button{
								position:relative;
							}
							
							#lit_back
							{display:none;}
							
							#back_button:hover #unlit_back{display:none;
							}
							
							#back_button:hover #lit_back {display:block;}
							
							
							.vinces_void_button{
								position:relative;
							}
							
							#lit_void
							{display:none;}
							
							#vinces_void_button:hover #unlit_void{display:none;
							}
							
							#vinces_void_button:hover #lit_void{display:block;}
							
							
							.about_button{
								position:relative;
							}
							
							#lit_about
							{display:none;}
							
							#about_button:hover #unlit_about{display:none;
							}
							
							#about_button:hover #lit_about{display:block;}
							
							.progress_pictures_button{
								position:relative;
							}
							
							#lit_progress
							{display:none;}
							
							#progress_pictures_button:hover #unlit_progress{display:none;
							}
							
							#progress_pictures_button:hover #lit_progress{display:block;}
							
							.figure_drawing_button{
								position:relative;
							}
							
							#lit_figure
							{display:none;}
							
							#figure_drawing_button:hover #unlit_figure{display:none;
							}
							
							#figure_drawing_button:hover #lit_figure{display:block;}
							
							
							
							.guestbook_button{
								position:relative;
								
							}
							
							#open_book
							{display:none;}
							
							#guestbook_button:hover #closed_book{display:none;
							}
							
							#guestbook_button:hover #open_book {display:block;}
							
							
							.skullgate{
								position:relative;
								
							}
							
							#open_skullgate
							{display:none;}
							
							#skullgate:hover #closed_skullgate{display:none;
							}
							
							#skullgate:hover #open_skullgate {display:block;}
							
							.skullartgates{	width:100px;
								height:100px;
								right:260px;
								top:500px;
								position: relative;
									z-index: 4;
								
							}
							
							.skullartgates_message{	width:100px;
								
								left:170px;
								bottom:250px;
											position: relative;
											z-index:-1;
							
								
							}
							
							.skullgateborder
							{	width:100px;
															height:100px;
															right:550px;
															top:170px;
															position: relative;
																z-index: -2;
								
														}
														
														.skullgatesback
														{	width:100px;
																						height:100px;
																						right:40px;
																						top:400px;
																						position: relative;
																							z-index: 4;
								
																					}
																					
																					.skullgateswarning{	width:100px;
																						height:200px;
																						width:230px;
																						left:10px;
																						bottom:210px;
																						
																						position: relative;
																							z-index: 4;
								
																					}
							
							
							.scroll{
								
								width:100px;
								height:70px;
								left:16px;
								bottom:720px;
								position: relative;
									z-index: 3;

									}
									
									.scroll_text{
								
										width:360px;
										height:70px;
										position: relative;
										bottom:200px;
										left:40px;
											z-index: 4;
											text-align:center;
									

											}
							
							
							#opened_scroll
							{display:none;}
							
							#scroll:hover #closed_scroll{display:none;
							}
							
							#scroll:hover #opened_scroll {display:block;}
							
							
							
						
							.yapper{
								width:210px;
								height:50px;
								left:377px;
								bottom:415px;
								
								position: relative;
									z-index: -1;

									}
							
					
							.center{
								width:210px;
								height:50px;
								right:38px;
								bottom:180px;
								
								position: relative;
									z-index: 7;

									}
									
									.center_illustration{
										width:210px;
										height:50px;
										right:140px;
										bottom:500px;
								
										position: relative;
											z-index: 1;

											}
											.text_illustration{
												width:100px;
												height:330px;
												left:370px;
												bottom:440px;
												background-color:black;
												position: relative;
													z-index: 1;

													}
									
									.center_skulls{
										width:210px;
										height:50px;
										right:200px;
										bottom:470px;
								
										position: relative;
											z-index: 1;

											}
											
											.text_skulls{
												width:100px;
												height:390px;
												left:570px;
												bottom:460px;
												background-color:black;
												position: relative;
													z-index: 1;

													}
						
											.center_text{
												width:210px;
												height:50px;
												left:180px;
												bottom:0px;
												color:green;
												position: relative;
													z-index: 1;

													}
									
											.crown{
												width:210px;
												height:50px;
												right:150px;
												bottom:540px;
								
												position: relative;
													z-index: 7;

													}
													
					
													.center_contact{
														width:50px;
														height:50px;
														right:300px;
														top:90px;
								
														position: relative;
															z-index: 7;

															}
															
															.center_back{
																width:50px;
																height:50px;
																right:90px;
																top:500px;
								
																position: relative;
																	z-index: 7;

																	}
									
									.about_about{
										width:500px;
										height:450px;
									
										bottom:770px;
										right:116px;
										padding-left:10px;
										padding-right:10px;
										
										
										position: relative;
											z-index: 3;

											}
											.about_border{
													position: relative;
												bottom:0px;
												
												z-index:2;

													}
													.about_info{
														width:424px;
														height:320px;
														border-width:1px;
														border-style:solid;
														border-color:red;
														bottom:1220px;
														right:90px;
														padding-left:10px;
														padding-right:10px;
										
										
														position: relative;
															z-index: 3;

															}
															
															
															.flesh {
																width:880px;
																height:900px;
						
																left:0px;
																top:60px;
																padding-left:10px;
																padding-right:10px;
										
										 background-image: url('flesh.jpg');
																position: relative;
																	z-index: 0;

																	}
												
									.illustration_about{
										border-width:1px;
										border-style:solid;
										border-color:red;
													background:#151515;
										width:600px;
										height:80px;
										left:18px;
										bottom:0px;
											  margin-bottom:-40px;
											    margin-top:-10px;
								
										position: relative;
											z-index: 3;

											}
											
											.illustration_latest_art{
												border-width:1px;
												border-style:solid;
												border-color:red;
															background:#151515;
												width:200px;
												height:55px;
												right:240px;
												bottom:350px;
												 rotate: 15deg;
													  margin-bottom:-40px;
													    margin-top:-10px;
								
												position: relative;
													z-index: 3;

													}
									
									
									.infobox{
										border-width:1px;
										border-style:solid;
										border-color:red;
										width:670px;
										height:400px;
										background:#151515;
										position: relative;
										top:10px;
										left:20px;
											z-index: 3;

											}
											
										
				.border {
					width:50px;
					height:50px;
					position: relative;
					right:480px;
					bottom:20px;
					z-index:0;
				}
				
				.vines {
					width:50px;
					height:50px;
					position: relative;
					right:274px;
					bottom:304px;
					z-index: 0;
				}
				
				.fireplace {
					width:50px;
					height:50px;
					position: relative;
					right:324px;
					bottom:1035px;
					z-index: 4;
				}
				
				.smol_vince{
					width:50px;
					height:50px;
					position: relative;
					right:450px;
					bottom:660px;
					z-index: 6;
				}