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

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


h1{font-family: 'chivo', serif; font-size: 2.3em; font-family: 900;}
h3{font-family: 'chivo', serif; font-size: 2em; font-family: 700; margin: 1em;}


body {font-family: chivo;}

header {color: #000000; background: #E1FF2C; padding: 1rem; justify-content: space-between; text-align: center}

nav {background: #E1FF2C; padding: 1rem;}
nav ul li {display: inline-block;}
nav ul li a {color: #000000; text-decoration: none; padding: 1em ;}


main section article { padding: 1rem;}
main section aside { background: #ffffff; padding: 1rem;}

.alumnos {display: flex; background: #F7F9FA; justify-content: center; flex-wrap: wrap; align-items: center; flex-direction: column; }
.alumnos article {margin: 3rem 0 3rem 0; text-align: center; padding: 0 2.5rem 2rem 2.5rem; flex-wrap: wrap;  }
.alumnos article img { border-radius: 7rem; margin: 0 0 0.5rem 0;}
.alumnos article p a {font-weight: 900;}
.alumnos article p  {display: flex; flex-direction: column; }



.columna-2{ background: #F9C0D1; padding: 2rem; width: 100%; font-size: 1rem; color: #000000; text-align: center}
.columna-3{ background: #F9C0D1;  padding: 2rem; color: #000000; width: 100%; font-size: 1rem; text-align: center}



.plan {background: #F7F9FA; text-align: center; align-items: center; font-size: 0.9rem}
.plan-clomuna{background: #F7F9FA; width: 100%; margin: 1rem 0 1rem 0; text-align: center; padding: 0 2.5rem 2rem 2.5rem; flex-wrap: wrap; font-family: chivo;}

.plan-texto{ font-size: 1.5em;}

footer {background: #E65116; padding: 1rem;}
footer p{ font-size: 0.8rem; color:#000000; }

@media screen and (min-width:48rem) {
    
    header {color: #000000; background: #E1FF2C; padding: 1rem; display: flex; justify-content: space-between;}

    nav {background: #E1FF2C; padding: 1rem;}
    nav ul li {display: inline-block;}
    nav ul li a {color: #000000; text-decoration: none; padding: 1em ;}
    
    .alumnos {display: flex; background: #F7F9FA; justify-content: center; flex-wrap: wrap; align-items: center; flex-direction: column; }
    .alumnos article {display: flex; margin: 3rem 0 3rem 0; text-align: center; padding: 0 2.5rem 2rem 2.5rem; flex-wrap: wrap;  }
    .alumnos article img { border-radius: 7rem; margin: 0 0 0.5rem 0;}
        .alumnos article p a {font-weight: 900;}
.alumnos article p  {display: flex; flex-direction: column; }
    
    .datos-universidad-catedra {display: flex; justify-content: space-between; text-align: left}

    .columna-2{ background: #F9C0D1; padding: 2rem; width: 100%; font-size: 1rem; color: #000000; text-align: center; font-size: 0.9rem}
    .columna-3{ background: #F9C0D1;  padding: 2rem; color: #000000; width: 100%; font-size: 1rem; text-align: center; font-size: 0.9rem}
    
    
    .plan {display: flex; background: #F7F9FA; justify-content: center; align-items: center; flex-direction: column; font-size: 0.9rem}
    .plan-clomuna{background: #F7F9FA; width: 50%; margin: 1rem 0 1rem 0; text-align: center; padding: 0 2.5rem 2rem 2.5rem; flex-wrap: wrap; font-family: chivo;}

    
    
    }