*{margin: 0; padding: 0;box-sizing:border-box}

/* Estilos Generales */
.contenedor{ max-width: 80rem; margin:auto;}
body{font-family:sans-serif ; background: #ffffff;}
h1{ color: #ff48c7; background: #94ff9c; font-size: 5rem; text-align: center;font-family:sans-serif; }



/* Estilos nav */
nav{ text-align: center;}
nav ul li{ list-style-type: none; display: inline-block; background: #ff48c7; margin: 1% 0% 0% 0%; padding: 0.5rem;}
nav ul li a{ color: #000000; text-decoration:none;text-align: center; padding: 0% ; display: inline-block; font-size: 1rem; }
nav ul li a:hover{ text-decoration:underline;}

/* Estilos article */

section {display: flex; flex-wrap:wrap; justify-content:space-between;background:#8cb6fa; padding: 1%;}
section article {width:48%;margin:2% 1% 0% 1%;padding:9rem;}
section article { text-align: center;color: #0e0f0f; text-decoration: none;font-size:2rem; background: #f07121;}



/* Estilos aside */
aside {display: flex; flex-wrap:wrap; justify-content:space-between;background:#cfc1d0;padding: 1%;}
.articuloa {width:63%; margin:2% 1% 0% 1%;padding:5rem;}
.articulob {width:33%; margin:2% 1% 0% 1%;padding:5rem;}
aside article { text-align:center;color: #000000; text-decoration: none;font-size: 2rem; background: #f07121;}


/* Estilos footer */

footer{  color: black; text-decoration: none;text-align:left; background: #58c76e;padding: 1%;}