*{
box-sizing: border-box;
}
body{
font-family: 'Lobster', cursive;
}
/*estilo del encabezado o header */
header {
background-color: #17202A;
padding: 30px;
text-align: center;
font-size: 35px;
color: white;
}
/* Cree dos columnas o cajas que floten una al lado de la otra */
nav {
float: left;
width: 30%;background: #05E4E4;
padding: 20px;
}
/* Estilo de la lista dentro del menu */
nav ul {
list-style-type: none;
padding: 0;
}
article {
float: left;
padding: 20px;
width: 70%;
background-color: #707B7C;
}
/* limpiar float despues de la columna */
section::after {
content: "";
display: table;
clear: both;
}
/* Estilo del pie de pagina o footer */
footer {
background-color: #777;
padding: 10px;
text-align: center;
color: white;
}