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

* {margin:0;padding: 0;}


/* ESTILOS GENERALES */

.contenedor {max-width: 80rem; margin: auto;}
body{background-color: azure;}

/* Mayor a 768px, que es tablet */
@media(min-width:48rem)

/* Mayor a 1280px Desktop */
@media(min-width:65rem)


/* ESTILO HEADER */


.header {padding-bottom: 0.5rem; padding-top: 0.5rem; text-align: center; background-color: #F6DCE0}
header h1 {text-decoration: none; font-size: 2rem; text-align: center ; background-color:#F6DCE0 ; font-family: roboto ; letter-spacing:normal }
header h2 { color:black ;text-decoration: none; font-size: 2rem; text-align: center ; background-color: #F6DCE0 ; font-family: roboto ; letter-spacing: 5 }
header h3 { text-decoration: none; font-size: 2rem; text-align: center ; background-color: #F6DCE0 ; font-family:fantasy, black }
header h3 a { text-decoration: none; font-size: 1.5rem; text-align: center ; background-color: #F6DCE0 ; font-family: oswald , black}

a link visited { text-decoration: none; font-size: 1.5rem; text-align: center ; background-color: #F6DCE0 ; font-family: oswald , black}


.ejercicio {padding-bottom: 0.5rem; padding-top: 0.5rem; text-align: center; background-color: azure; font-family: oswald ; font-size: 1 rem ; }


/*  NAV */

nav {text-align: center; background-color:  #F6DCE0; padding: 1rem 0rem 1rem 0rem}
nav ul li {list-style-type: none; display: inline-block}

nav ul li a {text-decoration: none; font-size: 1.2rem; color: black; padding:1rem 4rem 1rem 4rem; font-family: oswald ; font-weight: 300; transition: 0.3s ease}
nav ul li a:hover {background-color: #F6DCE0}

/*  MAIN */

img {   display: block ;justify-content: center; margin: auto ; padding-top: 1rem;    margin-bottom: 12px;    border-radius: 50%;    max-width: 15%; align-content: center}
h1 {font-size: 1.5rem; text-align: center ; font-family: roboto ; letter-spacing: 2 px;padding-bottom: 1rem; padding-top:2rem }
h2 {font-size: 1.5rem; text-align: center ; font-family: roboto ; letter-spacing: 2 px; background-color: azure; padding-bottom: 0.5rem; padding-top: 2rem}
h3 {font-size: 3rem; text-align: center ; font-family: roboto; letter-spacing: 2 px }

/* ASIDE */ 


p {margin-bottom: 0.5rem ; font-family: sans-serif; text-align: center}
aside {width: 100%; height: 30rem; background-color: azure; display: flex; justify-content: center;} 
aside article{width: 48%; background:white; height: 25rem;margin: 2rem;background-color: azure}
section {text-align: center ; background-color: azure}
article {margin-bottom: 2rem; display: inline-block; vertical-align: top; text-align: left; margin: 0rem 2rem 0rem 2rem}


/* FOOTER */ 

footer {padding-bottom: 0.5rem; padding-top: 0.5rem; text-align: center; background-color: #F6DCE0 ; font-size: 0.8rem}
footer ul{    padding-left: 35%;    padding-right: 35%;	display: flex;	flex-direction: row;	
flex-wrap: wrap; justify-content: space-around;	align-items: center;	align-content: stretch;list-style-type: none;    margin: 0;    margin-top: 0.5rem;}