/*
selector {propiedad:valor;}
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');

/*  body */ 


/* header */ 
header { background: #DDA287; text-align: center;}

.mifoto {border-radius: 50%; padding-block-start: 1.5rem;}
h1 {font-family: 'Lato', sans-serif; font-weight: 700 ;font-size: 1.8rem; padding-block-start: 0.5rem; color: white;}
header h3 {color:#5D535E; font-family:'Merriweather', serif; font-weight:400; font-size: 0.9rem; padding-block-end: 1rem; color: white;}
nav ul {padding: 0%; background-color: white;padding-block-end: 1rem; padding-top: 2rem  ;font-family:'Merriweather', serif; font-weight:400; font-size: 0.9rem; text-align: center; list-style: none;}
nav ul li {margin: 2%; padding: 2%;text-align: center; background:#7d767e;}
nav ul li a{padding-right: 3rem; padding-left: 3rem; text-decoration: none; color: white;}
nav ul li:hover {background:rgb(179, 178, 178) ;}




/* section */ 


.columna-1 {background: #DDA287; color: white; font-family:'Lato', sans-serif; font-weight: 700; font-size: 1rem; text-align: center; padding-block-start:0.5rem;
    padding-block-end: 0.5rem;} 
    li {padding: 2%; text-align: center; list-style: none;}
ul{padding: 2%; text-align: center; list-style: none;}

.primeraño {background: #f3d8cc; color: #201d20; padding-block-start: 1rem;padding-block-end: 0.5rem;font-family:'Merriweather', serif; font-weight:700; font-size: 0.9rem;}
.segundoaño {background: #f3cfbf; color: #201d20; padding-block-start: 1rem; padding-block-end: 0.5rem;font-family:'Merriweather', serif; font-weight:700; font-size: 0.9rem;}
.terceraño {background:#f7c6b1; color: #201d20; padding-block-start: 1rem; padding-block-end: 0.5rem;font-family:'Merriweather', serif; font-weight:700; font-size: 0.9rem;}
.cuartoaño {background:#f8baa0; color: #201d20; padding-block-start: 1rem; padding-block-end: 0.5rem; font-family:'Merriweather', serif; font-weight:700; font-size: 0.9rem;}
.materias {color:  #3b353b;font-family:'Merriweather', serif; font-weight:400; font-size: 0.8rem;}

.columna-2 {background: #DDA287; color: white; font-family:'Lato', sans-serif; font-weight: 700; font-size: 1rem; text-align: center; padding-block-start:0.5rem;
padding-block-end: 0.5rem;} 
.cuarto {color:  #DDA287; padding-block-start: 1rem; padding-block-end: 0.5rem;font-family:'Merriweather', serif; font-weight:700; font-size: 0.9rem; }
.materiascuarto {color:  #3b353b;font-family:'Merriweather', serif; font-weight:400; font-size: 0.8rem; padding-block-end: 1rem;}


.columna-3 {background: #e7bba7; color: white; font-family:'Lato', sans-serif; font-weight: 700; font-size: 0.8rem; text-align: center; padding-block-start:0.5rem;
    padding-block-end: 0.5rem;}
.compañeras {font-family:'Merriweather', serif; font-weight:400; font-size: 0.8rem; text-decoration: none; text-align: center; color: #5D535E ;}
.compañeras:hover {color:  #DDA287 ;}
.integrantes {text-align: center;}




/* footer */
h3 { font-family:'Lato', sans-serif; font-weight: 700; font-size: 0.7rem; color: white;}
footer {background:rgb(155, 155, 155); text-align: center; padding-block-start: 2rem;}
.datos-academicos {color: white; font-family:'Lato', sans-serif; font-weight: 700; font-size: 0.8rem;  text-align: center;}
footer p { font-family:'Merriweather', serif; font-weight:400; font-size: 0.6rem;line-height: 1.5rem; color: white;}
.tema {padding-block-end: 1rem;}
.piedepagina {font-size: 0.7rem;padding: 2rem; background:rgb(189, 189, 189);  font-family:'Merriweather', serif; font-weight:400;}


.link {text-decoration: none; color:white; margin-top: 0% ;}
.link:hover {color: #5D535E;}


/* version grande*/ 

@media (min-width:576px) {
    
    /* header */ 
header { background: #DDA287; text-align: center;}

nav ul {padding-block-end: 1rem; font-family:'Merriweather', serif; font-weight:400; font-size: 1.2rem; text-align: center; list-style: none; margin: 0%;}
nav ul li { list-style: none; display: inline-block; padding-block-end: 1rem; padding-block-start: 1rem; margin-left: 0.1rem; margin-right: 0.1rem;
    padding-right: 4.2rem; padding-left: 4.2rem;}
nav ul li:hover {background:rgb(179, 178, 178) ;}
.mifoto {border-radius: 50%; padding-block-start: 1rem;}
h1 {font-family: 'Lato', sans-serif; font-weight: 700 ;font-size: 2rem; padding-block-start: 0.5rem; color: white;}
header h3 {color:#5D535E; font-family:'Merriweather', serif; font-weight:400; font-size: 1rem; padding-block-end: 1rem; color: white;}

/* main */


.columna-1 {background: #DDA287; color: white; font-family:'Lato', sans-serif; font-weight: 700; font-size: 1.2rem; text-align: center; padding-block-start:0.7rem;
    padding-block-end: 0.7rem;} 
ul{padding: 1%; padding-left: 3rem; padding-right: 3rem; text-align: center; list-style: none;}

.primeraño {background: #f3d8cc; color: #201d20; padding-block-start: 1.2rem;padding-block-end: 0.5rem;font-family:'Merriweather', serif; font-weight:700; font-size: 1rem;}
.segundoaño {background: #f3cfbf; color: #201d20; padding-block-start: 1.2rem; padding-block-end: 0.5rem;font-family:'Merriweather', serif; font-weight:700; font-size: 1rem;}
.terceraño {background:#f7c6b1; color: #201d20; padding-block-start: 1.2rem; padding-block-end: 0.5rem;font-family:'Merriweather', serif; font-weight:700; font-size: 1rem;}
.cuartoaño {background:#f8baa0; color: #201d20; padding-block-start: 1.2rem; padding-block-end: 0.5rem; font-family:'Merriweather', serif; font-weight:700; font-size: 1rem;}
.materias {color:  #3b353b;font-family:'Merriweather', serif; font-weight:400; font-size: 0.9rem;}

.columna-2 {background: #DDA287; color: white; font-family:'Lato', sans-serif; font-weight: 700; font-size: 1.2rem; text-align: center; padding-block-start:0.7rem;
    padding-block-end: 0.7rem;} 
    .cuarto {color:  #DDA287;font-family:'Merriweather', serif; font-weight:700; font-size: 1rem; padding-left: 3rem; padding-right: 3rem;}
    .materiascuarto {color:  #3b353b;font-family:'Merriweather', serif; font-weight:400; font-size: 0.9rem;padding-left: 3rem; padding-right: 3rem;}

 .columna-3 {background: #e7bba7; color: white; font-family:'Lato', sans-serif; font-weight: 700; font-size: 0.9rem; text-align: center; padding-block-start:0.7rem;
        padding-block-end: 0.7rem;}
    .compañeras {font-family:'Merriweather', serif; font-weight:400; font-size: 0.9rem; text-decoration: none; text-align: center; color: #5D535E ;}


    /* Division de columnas*/
main section {display: flex;justify-content: space-around;}
main section article  {width: 48%;}
li {padding: 0%; text-align: center; list-style: none; }
ul{padding: 0%; text-align: center; list-style: none;}

.piedepagina{font-size: 0.7rem;}

}