*{
	margin: 0;
	padding: 0;
}

body { 
	font-family: Franklin Gothic Demi Cond, Arial, Verdana, sans-serif;
	color: #46433D;
	text-transform: uppercase;
	margin-bottom: 2%;
	background-color: #F9F8F4;
}

div.livelli{
	height: 70%;
	width: 50%;
	margin: 5% auto;
}
h1{
    text-align: center;
	margin-top: 5%;
	font-size: 200%;
}

  .facile{
	font-family: Franklin Gothic Demi Cond, Arial, Verdana, sans-serif;
	background-color: #EBD367;
	text-align: center;
	text-transform: uppercase;
	padding: 5%;
	color: #46433D;
	font-size: 150%;
    font-weight: bold;
    margin: 20%;
    text-decoration: none;
}
		

.medio{
	font-family: Franklin Gothic Demi Cond, Arial, Verdana, sans-serif;
	background-color: #718CD0;
	text-align: center;
	text-transform: uppercase;
	padding: 5%;
	color: #46433D;
	font-size: 150%;
    font-weight: bold;
    margin: 20%; 
    text-decoration: none;
   
}

.difficile {
	font-family: Franklin Gothic Demi Cond, Arial, Verdana, sans-serif;
	background-color: #B46652;
	text-align: center;
	text-transform: uppercase;
	padding: 5%;
	color: #46433D;
	font-size: 150%;
    font-weight: bold;
    margin: 20%;
}


a{
    text-decoration: none;
	color: #46433D;
}