@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');

* {margin: 0; padding: 0;font-family: 'Roboto Condensed',sans-serif;}

header {background: black;color: white;margin:0rem;padding: 2rem;height: 4rem;}
header nav {background: black;}
header nav a {text-decoration: none;color:white;margin:2rem 0 5 0;}
header h1 {text-align: center;}

.navegador {padding: 1rem; display:flex-box; text-align: center;height: 3rem;background:orange;}

section {background: pink;color:white;}

article {display:flex;}
.articulo1 {width:50%; background: yellow;height:30rem;margin:2rem;text-align: center;}
.articulo2 {width:50%; background: yellow;height:30rem;margin:2rem;text-align: center;}

aside {display: flex;background: black;justify-content: center;}
aside p {color:white; text-align: center;}
.articulo3 {width:50%; background: grey;height:15rem;margin:2rem;text-align: center;}
.articulo4 {width:50%; background: grey;height:15rem;margin:2rem;text-align: center;}

footer {background: whitek;color: black;margin:0rem;padding: 2rem;height: 4rem;text-align: center;}