html, body, div, p, a, ul, li, ol, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	list-style:none;
}

h1{
	color:#000;
	font-family:Arial;
	font-size:30px;
}

h2{
	color:#555;
	font-family:Verdana;
	font-size:23px;
}

h3{
	color:#000;
	font-family:Monospace;
	font-size:15px;
	text-indent:20px;
	margin:10px
}

h6{
	color:#BBB;
	font-family:Arial;
	font-size:10px;
	text-indent:40px;
	margin:10px 0 20px 0
}

#hometitle{
	text-align:center;
	margin:40px 20px;
}

#homelista{
	width:75%;
	margin:0 auto;
}

#homelista a{
	color:#000;
	font-family:Monospace;
	text-decoration:none;
	font-size:25px;
	transition:all 0.25s
}

#homelista a:hover{
	color:#F00;
}

/*-------------------------------------------*/

#dashboard{
	float:right;
	width:500px;
	
}

#gioco{
	max-width:700px;
	float:left;
}


.back{
	padding:10px;
	font-family:Monospace;
	color:#008;
	text-decoration:none;
	font-size:20px;
	transition:all 0.25s
}

.back:hover{
	color:#00F;
	text-decoration:underline;
}




@media only screen and (min-width: 150px) and (max-width: 600px){
	
	#gioco{
		max-width:100%;
		margin:20px 0;
		float:none;
	}
	
	#dashboard{
		float:none;
		width:100%;
		
	}
	
}