@import url('https://fonts.googleapis.com/css?family=Roboto');

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

/* Estilos generales */
.contenedor{max-width: 80rem; margin: auto;width:auto}
.plan { text-align: center; justify-content: space-around; background: #ffffff; margin: auto; padding: 1rem;line-height: 2rem }

body{background: #d6dfe5; font-family: 'Roboto', sans-serif;margin:auto}

h1{color:#ffffff;background:black; flex-wrap: wrap; padding: 1rem; color: white}
h3{padding:1rem; display:inline-block}

footer {font-size: 80%; text-align: left}

img{height: auto; ; width: 80rem;align-content: center;padding-top: 2rem;background: white}

/* Header */
.topheader {background:black; color: white; display: flex;margin:auto;align-content: left}


/* Estilos de nav */
nav{text-align: center; margin: auto}
nav ul li{list-style-type: none;display: inline-block;}
nav ul li a{color:white;text-decoration:none; display: inline-block;text-align: center;padding: 0.5rem 1rem}
nav ul li a:hover{color:black;text-decoration:none; display: inline-block;text-align: center;background: white;}

/* Estructura */
article {text-align: left; justify-content: space-around; background: #ffffff; margin: auto; padding: 1rem}
article li a {color:black;text-decoration:none; display: inline-block;text-align: center;background: white;padding: 1rem} 



.avatar {display: flex; align-items: flex-start; justify-content: space-between;}
.menu {background: grey}