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

<style type='text/css'>
	
	html, body, .container{ height: 100%; margin: 0; padding: 25px; }
	
		body{
			min-width: 320px;
	overflow: auto;
	background:#555555;
	background-image:url(../images/bgtile.png);
	background-repeat: repeat;
	background-position: fixed
		}
		
	body{
font-family: 'VT323', Helvetica, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 30px;
	
	color: rgba(255, 66, 66, 0.60);
	}

	h1 { font-family: 'VT323', Helvetica, Arial, sans-serif;
		font-size: 30px;
	letter-spacing: 3px;
	line-height: 30px;
	
	color: rgba(255, 255, 255, 0.75);
	 text-shadow: 1px 1px rgba(98, 220, 240, 0.30), 2px 2px rgba(98, 220, 240, 0.25), 3px 3px rgba(98, 220, 240, 0.20);
		       -webkit-transition: all 0.12s ease-out;
		       -moz-transition: all 0.12s ease-out;
		       -o-transition: all 0.12s ease-out; }
	
	h1:hover {
		    position: relative; top: -3px; left: -3px; 
		    text-shadow: 1px 1px rgba(98, 220, 240, 0.10), 2px 2px rgba(255,255,255, 0.10), 3px 3px rgba(98, 220, 240, 0.15), 4px 4px rgba(98, 220, 240, 0.15), 5px 5px rgba(98, 220, 240, 0.20), 6px 6px rgba(0, 0, 0, 0.25);}
		
		#wrapper{
		solid #FF4242;
		margin: 20px;
		padding: 10px;
		width: 100%;
		font-size: 15px;
	letter-spacing: 2px;
	line-height: 30px;
	margin-bottom: 0px;
	width:1 00%;
	top:0;
	height: 30px;
	padding: 10x;
	text-align:center;}
	
	img {
	max-width:100%;
	height:auto;}

		#generator{
padding: 25px;
text-align:center;
 
color: rgba(255, 255, 255,.85); font-size: 70px;
font-family: 'Pathway Gothic One', sans-serif;
line-height: 90px;
letter-spacing:1px;
		       text-shadow: 1px 1px rgba(255, 255, 255, 0.40), 2px 2px rgba(255, 255, 255, 0.35), 3px 3px rgba(255, 255, 255, 0.30);
		
			   }
			

		#generator input{
			font-size:18px;
font-family: 'VT323', sans-serif;
		font-weight:normal;margin-top: 25px;
	
color: #26231A;
text-decoration: none;
text-transform:uppercase;
letter-spacing:1px;
font-weight: normal;
line-height: 1;

background: #222
url(images/alert-overlay.png) repeat-x;	
display: inline-block;
		padding: 5px 10px 5px;
		
-moz-border-radius: .5px;
-webkit-border-radius: .5px;
-moz-box-shadow: 0 1px .5px rgba(255, 66, 66, 0.5);
-webkit-box-shadow: 0 1px 1px rgba(255, 66, 66, 0.25);
border-bottom: 2px solid rgba(0,0,0,0.5);
border-radius: 0px;
background-color: rgba(255, 66, 66, 0.95);
position: relative;
cursor: pointer;
	
}
		}
		#footer{font-size: 10px;
	padding:80px; margin:80px;}

		{
	li-style-type: none;
}
#footer li {
	display:inline-block;
}
	#footer li a {
		opacity: .35;
		background:none;}
		#footer li a hover {
		opacity:.80;
		background:none;}
	@media only screen and (max-width: 319px) and (min-width: 240px){
		body, .container {
		overflow-x:auto;}
	#wrapper {
		height:40px;}
	#wrapper img {
		max-width:80%;
		height:auto;
		margin-right:46px;}
	

	
	</style>