/*Eliminamos los margenes y paddings que agrega el
navegador por defecto*/

* {
padding: 0;
margin: 0;
}
/*Agregamos margenes inferiores a los parrafos*/
p {
margin-bottom: 20px;
}

header {
background: rgba(0,0,0,0.5);
width: 100%;
position: fixed;
z-index: 100;
}

nav {

float: left; /* Desplazamos el nav hacia la izquierda */
}
nav ul {
list-style: none;
overflow: hidden; /* Limpiamos errores de float */
}
nav ul li {
float: left;
font-family: Arial, sans-serif;
font-size: 16px;
}
nav ul li a {
display: block; /* Convertimos los elementos a en
elementos bloque para manipular el padding */
padding: 20px;
color:#FF0000;
text-decoration: none;
}
nav ul li:hover {
background: #8B0000;
}

.contenido {
padding-top: 80px;
}

.wrapper {
width: 80%;
margin: auto;
overflow:hidden;
}

          				h1 {color: blue;text-align: center;font-size: 40px;}
					h2 {color: green;text-align: left;font-size: 24px;}
					h3 {color: red;text-align: left;font-size: 24px;}
					h4 {color: orange;text-align: left;font-size: 20px;}
					h5 {color: Brown;text-align: left;font-size: 18px;}
					h6 {color: purple;text-align: left;font-size: 16px;}