{
    box-sizing: border-box;
    }
    body{
    font-family: 'Lobster', cursive;
    }
    /*estilo del encabezado o header */
    header {
    background-color: rgb(116, 15, 53);
    padding: 30px;
    text-align: center;
    font-size: 35px;
    color: rgb(247, 247, 247);
    }
    /* Cree dos columnas o cajas que floten una al lado de la otra */
    nav {

        font-family: 'Archivo Black', sans-serif;
        font-family: 'Bebas Neue', cursive

    float: left;
    width: 30%;
    background: rgb(204, 204, 204);
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: #f1f1f1;
}
/* limpiar float despues de la columna */
section::after {
content: "";
display: table;
clear: both;
}
/* Estilo del pie de pagina o footer */
footer {
background-color: rgb(224, 36, 193);
padding: 10px;


text-align: center;
color: white;
}