
body
{
	background-color:#2a3a3f;
	padding:0;
	font-family: 'Questrial', arial, sans-serif;
	color: #f2eddc;
	margin: 0;
	font-size: 25px;
	line-height: 35px;
}

iframe
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 500px;
	display: block;
}

a
{
	text-decoration: none;
	color: #ff9eff;
}

a:hover
{
	color: #fa0;
}


#bg_image
{
	background-image: url("images2/splash2.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	margin: 0;
	padding: 0;
}

#spacer_20px
{
	margin-top: 20px;
}

#spacer_50px
{
	margin-top: 50px;
}

#spacer_100px
{
	margin-top: 100px;
}

#title_presents
{
	font-size: 30px;
	color: #ff9eff;
	letter-spacing: 2px;
	text-shadow: 0.05em 0.05em 0.3em black;
	text-align: center;
	padding-top: 150px;
	margin-bottom: 10px;
	text-transform: uppercase;
}


#title_main
{
	font-size: 60px;
	color: #ff9eff;
	letter-spacing: 3px;
	text-shadow: 0 0 5px black,
		0 0 10px black,
		0 0 15px black;
	text-transform: uppercase;
	text-align: center;
}

#awards
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	display: block;
	text-align: center;
}

#awards img
{
	transition: filter 0.5s ease;
	
	filter: drop-shadow(1px 1px 10px rgba(0,0,0,1));
}

#awards img:hover
{
	filter: drop-shadow(0px 0px 20px #fb0);
}






#buysection
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	display: block;
	text-align: center;
}

#buytitle
{
	font-size: 45px;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 20px;
}

#buybutton
{
	width: 300px;
	border-style:solid;
	border-width:3px;	
	border-radius:12px;
	font-size: 30px;
	letter-spacing: 4px;	
	display: inline-block;
	padding: 10px 20px;	
	text-align: center;
	
	border-color:#ff9eff;
	color: #ff9eff;
	font-style: italic;
	
	margin-left: 10px;
	margin-right: 10px;
}


#buybutton:hover
{
	color: #000;
	font-style: italic;
	border-color:#fa0;
	background: #fa0;
}


#descriptionsection
{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	display: block;
	margin-top: 50px;
}

#descriptionheader
{
	font-size: 35px;
	font-weight: bold;
	letter-spacing: 1px;
}

#descriptionsection h3
{
	letter-spacing: 3px;
	font-style: italic;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #9aa6a1;
}

#descriptionbox
{
	background-color: #425e66;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 15px;
	margin-bottom: 20px;
}


#imagegallery
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	
	
	
}

#imagegallery img
{
	overflow: hidden;
	border-radius: 15px;
	
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	
	transition: filter 0.5s ease;
	
	filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, .5));
}

#imagegallery img:hover
{
	filter: drop-shadow(0px 0px 20px rgba(255, 160, 0, .7));
}


#linklist
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	width: 400px;
}

#linklist a
{
	background: #ff9eff;
	border-radius: 7px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #2a3a3f;
	letter-spacing: 2px;
	
	margin-bottom: 10px;
}

#linklist a:hover
{
	background: #fa0;
	color: #000;
}


#centertext
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#watcher
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}



#subpage
	{
		width: 700px;
		margin-left: auto;
		margin-right: auto;
		font-family: "Roboto Condensed", arial, sans-serif;
	}
	
	#subpage h3
	{
		font-style: italic;
		color: #798b8f;
		letter-spacing: 2px;
		font-family: "Questrial", arial, sans-serif;
	}
	
	hr
	{
		height: 8px;
		border: none;
		background-color: #3f585f;
		width: 90%;
	}
	
	
	
	#subpage_subtitle
	{
		font-size: 30px;
		color: #2a3a3f;
		letter-spacing: 2px;
		text-align: center;
		
		text-transform: uppercase;
		background-color: #ff9eff;
		
		
	}
	
	#subtitle_title
	{
		font-size: 60px;
		color: #2a3a3f;
		letter-spacing: 2px;
		text-align: center;
		
		text-transform: uppercase;
		background-color: #ff9eff;
	}
	
	textarea
	{
		width:100%;
		word-wrap:break-word;
		padding:20px;
		overflow:hidden;
		field-sizing: content;
	}
	
	#tiny
	{
		font-size: 70%;
	}
	
	#backbutton
	{
		text-align: center;
		margin-top: 20px;
		font-style: italic;
	}




/*@media  (orientation: portrait)*/
@media only screen and (max-device-width: 800px) and (orientation: portrait)
{
	#buybutton
	{
		width: 600px;
		margin-bottom: 20px;
		font-size: 50px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#awards img
	{
		width: 450px;
		margin-bottom: -30px;
	}
	
	#bg_image
	{
		background-size: 300% auto;
	}
	
	#title_presents
	{
		font-size: 50px;
	}
	
	#title_main
	{
		font-size: 110px;
		line-height: 110px;
	}
	
	body
	{
		font-size: 45px;
		line-height: 55px;
	}
	
	
	#descriptionheader
	{
		font-size: 55px;
		line-height: 65px;
	}
	
	#linklist
	{
		width: 650px;
	}
	
	#descriptionbox
	{
		padding-top: 30px;
		padding-bottom: 40px;
	}
	
	#linklist a
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#watcher img
	{
		width: 250px;
	}
	
	#imagegallery img
	{
		width: 600px;
		margin-bottom: 50px;
	}
	
	
	
	#subpage
		{
			width: 100%;
			margin-left: 20px;
			font-size: 50px;
			line-height: 65px;
		}
		
		#subpage h3
		{
			font-size: 60px;
			line-height: 65px;
		}
		
		textarea
		{
			font-size: 105%;
		}
		
		video
		{
			width: 90%;
		}
		
		#subpage_subtitle
		{
			font-size: 50px;
		}
		
		#subtitle_title
		{
			font-size: 80px;
			line-height: 85px;
		}
		
		#backbutton
		{
			font-size: 50px;
		}
}