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



*{ margin: 0rem; padding: 0rem;}

/* Estilos generales */
body{ font-family: Montserrat, sans-serif; background: #ffffff; color:#7aa2c7;}




h1{ font-family:Montserrat, sans-serif ;  font-weight: 400; color: #ffffff; background:#7aa2c7; font-size: 2rem; text-align: center; margin-top: 2rem; padding: 1rem; width: 100%; max-width: 117rem; max-height: 80rem;clear: both; display: block; }

h2{ font-family:Montserrat, sans-serif; font-weight: 400; color: #f5c481; font-size: 1.3rem; text-align: center; margin: 0rem 0rem 0rem 0rem; padding: 0rem;  }

h3{ font-family:Montserrat, sans-serif; font-weight: 400; color:#7aa2c7; font-size: 1.6rem; text-align: center; margin: 2rem 0rem 0rem 0rem; padding: 0rem;  }
article p { font-family:Montserrat, sans-serif; font-weight: 400; color:#7aa2c7; font-size: 1rem; text-align: center; margin: 2rem 0rem 0rem 0rem; padding: 0rem;  }

.materias {display:flex;flex-direction: row;flex-wrap: wrap;justify-content:space-around;margin-top: 2rem;}

h5{ font-family:Montserrat, sans-serif; font-weight: 400; color:#ffffff; font-size: 1.4rem; text-align: center; margin: 5rem 0rem 0rem 0rem; padding: 0rem; background:#7aa2c7; }




section article img {border-radius: 12rem; text-align: center;}

section article {
    text-align: center;
    padding: 0rem 0rem 0rem 0rem;}



footer {  font-size: 12px; background:#7aa2c7; color: #ffffff; bottom: 0px; width: 100%;margin-top: 5rem; padding: 1rem; font-size: 12px; font-family: Montserrat, sans-serif; max-height: 80rem; text-align: center; max-width: 117rem; clear: both; display: block;}


/* Estilos de nav */
nav{ text-align: center;}
nav ul li{ font-size: 18px; list-style-type: none; display: inline-block;   margin: 2rem 0rem ; }
nav ul li a{ color: #7aa2c7; text-decoration: none; padding: 1rem 2rem 1rem 2rem ; display: inline-block;}
nav ul li a:hover{ background:#7aa2c7 ; color: #ffffff; }


h4 {font-family:Montserrat, sans-serif ; font-weight:400;  color:#7aa2c7; ; font-size: 1.4rem; text-align: center; margin: 1rem 0rem; padding: 1rem;}