html{
	font-size: 0.86em;	
	background: url(fondo.jpg) no-repeat center bottom;
	min-height: 100%;
	background-size: 100% 100%;
}

body{
	font: normal 1.4em/2em Verdana;
	margin: 0;
	padding: 0;
}

a{
	color: #900;
	text-decoration: none;
	font-family: Consolas, "Courier New", Courier, monospace;
	padding: 4px 2px;
}

a:hover{
	background: #CCC;
}

header{ 
	font-size: 1em;
	background: #06F;
	border-bottom: 4px solid #069;
	padding: 1.2em 5%;
	color: white;
	position: relative;
	z-index: 3;
	text-shadow: 1px 1px 2px black;
	text-transform: uppercase;
}

h1{
	font: bold 3em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
}
main{
	width: 80%;
	padding: 5%;
	margin: auto;
	margin-top: 1.8em;
	background: rgba(255,255,255,0.85);
	min-height: 50vh;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
}

main p{
	margin: 0;
}

@media screen and ( max-width: 400px ){
	html{
		font-size: 0.55em;
	}
}

h1 span{
	font-family: "Courier New", Courier, monospace;
	font-size: 1.3em
}