  	body { background-color:#333; color:#fff; font-family:Arial,sans-serif; margin:0px;padding:0px;width:100%;}
  	.title-container { width 100%; background-color:#000;height:150px;}
  	.title { font-size:7em; font-weight:bold; }
  	.title a { text-decoration:none; color:#fff; }
  	.content-container.homepage {
	  	display: block;
		margin: 0 auto;
		width:50%;
	}
	ul {font-size:4em;list-style-type:none;}
	.description { font-size:0.6em; }
	.content-container.homepage li a {
		display:block;
		padding:8px;
		text-decoration:none;
		color:#fff;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	
	.content-container.homepage li a:hover {
		background-color:#000;
	}
	.disclaimer {
		font-size:0.6em;white-space: pre ; display: block; unicode-bidi: embed;
	}
	.fixed-width { font-family:"courier new", monospace	}
	.content-container.content ul {font-size:3em; }
	.content-container.content a { text-decoration:none;
		color:#fff;
	}
	.content-container.content a.normal-link { text-decoration:underline;color:#ccc;}
	.content-container.contact{ font-size:3em; text-decoration:underline;color:#ccc; }
	.content-container.contact a { text-decoration:underline;color:#ccc; }
	.content-container.content ul.sublist {font-size:1em;}

    #container { 
    	background-color:yellow;
        width:160px;
    	height:160px;
    	position:relative;
	}

	#tunnel, #starfield, #starburst, #loader, #coin   	{
		position:absolute; 
		top:0px; 
		left:0px; 
	}
	#coin 	   {
		pointer-events:none; 
		display:none;
		z-index:3;
	}

	.xtunnel, .xstarfield, .xstarburst, .xloader   	{
		position:absolute; 
		top:0px; 
		left:0px; 
		width:100%; 
		height:100%;
	}

	#tunnel-container {
		float:left; 
		position:absolute; 
		top:0px; 
		left:0px; 
		width:150px; 
		height:150px; 
		background-color:green; 
		color:#111;    
		z-index:2;
	}

	#page-block { 
		background-color:rgba(100,100,100,0.8);
        width:0px;
    	height:0px;
    	position:fixed; top:0px; left:0px;
    	z-index:1;
    	display:none;
	}
	
@media screen and (max-width:800px)
{
	.title { font-size:5em; }
	ul {font-size:2em;}
	.content-container.content ul {font-size:1.3em; }
	.content-container.contact{ font-size:1.3em;  }
	.title-container { height:100px;}
}
@media screen and (max-width:640px)
{
	.title-container { height:75px;}
	.title { font-size:3em; }
	.tunnel-container {display:none;}
}
	.title {
		margin-left:150px;
	}
