*{ margin: 0; padding: 0; }

/***********/
/* General */
/***********/

body{background:url(img/backjuli.jpg);background-repeat:repeat; font-family: quicksand  } 


header {background-image: url(img/headerjuli.jpg); background-repeat: no-repeat; background-size: contain; display: block; background-position: top; width: 100%}


h2{font-weight: 400;padding: 1rem 1rem 3rem 1rem; font-size: 20}


footer {text-align: center; background-color:#0D5546; padding: 40; color: white; font-size: 13}

a {text-decoration: none; color:#000;}

article {display: inline-block; vertical-align: top; padding-bottom: 20;}

section article {width: 100%; display: inline-block; text-align: center}

section article h5 {text-align: center; color:#000; padding-top: 12; padding-bottom: 12 }

section article h3 {text-align: center; font-size: 18; padding: 1rem; background-color:#B2C3AB ; color: white; margin-top: 30} 


.datos {color: black; display: flex; width:100%; font-size: 25; text-align: center; justify-content: space-around; }

header article {width: 49%; text-align: center; font-size: 25}

.materias {width: 100%}

header h1{display: inline-block; align-content: center}

/************/
/*Navegacion*/
/************/

header nav {background: #093F32;text-align: center; color:white; font-size: 20}

header nav ul li{ display: inline-block; padding: 1rem ;text-align: center;list-style-type: none; width: 17%;}

li:hover{color: #E7AB48}
a:hover{color:#E7AB48}

a {color: white}





/************/
/* Imagenes */
/************/

.perfil {width: auto; margin:auto; display:block; display: flex; position: relative; padding: 10rem 0rem 0rem 0rem; margin-bottom: -50}