*{ border:0; margin:0; padding:0;}

body{
	background:#212121 ;
	color:#fff;
	font-family:"Comic Sans MS", cursive;
    font-size:0.7em;/*16px=12pt =100% = 1em ancho de la letra mayuscula*/
	
	}

img{
	max-width:100%;/* es para contenido fexible*/
	}
	
	
ul{
	padding:0 2em;
	text-align: center;

	}
ul li {
	display:inline-block;
	
	padding:1em;
	font-size: 2em;
	vertical-align:top;	
	}
h1{
	text-align: center;
	font-size: 7em;
}

p{
	text-align: center;
	font-size: 3em;
}


.fade{
	opacity:1;
	filter:alpha(opacity=10);
	-ms-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;

	}
.fade:hover{
	opacity:0.7;
	filter:alpha(opacity=7);
	-ms-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
	}

.redonda{
	border-radius:15em;
	box-shadow:5px 5px 10px rgba(255,255,255, .3);
	
	}