@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
*{
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}
body{ 
    background: white ;height: 100vh;display: grid;grid-template-columns: repeat(4,0.25fr);grid-template-rows: 0.2fr 2fr 0.2fr;
    grid-template-areas: "header header header header" "main main main main" "footer footer footer footer";
}
header{
    background-color: black;
    margin:10px;display:flex;
    flex-direction: column;
    justify-content: center;
    text-align:center;
    grid-area: header;
    }
header img{
    width:30%;
    max-width: 100%;
    margin:10px;
    ;}
header nav ul {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;}
header nav ul li{
    margin:10px;
    background-color: pink;
    list-style: none;
    border-radius: .5em;
    font-family: 'Poppins'
}
header nav ul li a{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size:20px ;
    display: block;
    padding: .5em;
    text-align: center;
    border-radius: 0.5em
}
main{grid-area: main;}
.equipo{text-align: center;}
.equipo h2{color: black;font-family: 'Lora';margin: 10px;font-size: 40px;border-bottom: 5px double pink;margin-top: 50px;}
.estudianteUno{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.estudianteUno li{
    margin:10px;
    background-color: pink;
    list-style: none;
    border-radius: .5em;
    width:12.2rem;
    font-family: 'Poppins'
}

.estudianteUno li a{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size:15px ;
    display: block;
    padding: .5em;
    text-align: center;
}

.estudianteDos{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.estudianteDos li{
    margin:10px;
    background-color: pink;
    list-style: none;
    border-radius: .5em;
    width:12.2rem;
    font-family: 'Poppins'
}

.estudianteDos li a{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size:15px ;
    display: block;
    padding: .5em;
    text-align: center;
}

.estudianteTres{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.estudianteTres li{
    margin:10px;
    background-color: pink;
    list-style: none;
    border-radius: .5em;
    width: 12.2rem;
    font-family: 'Poppins'
}

.estudianteTres li a{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size:15px ;
    display: block;
    padding: .5em;
    text-align: center;
}
.comitente{text-align: center;}
.comitente h2{color: black;font-family: 'Lora';margin: 10px;font-size: 40px;border-bottom: 5px double pink;margin-top: 50px;}
.acumar{display:flex;color: black;flex-direction: column;}
.acumar h3{margin: 10px;font-size: 20px;font-weight: bold;font-family: 'Poppins'}
.acumar img{width: 70%;}
.acumar p{text-align: center;justify-content: center; font-size: 15px;
; margin: 10px;border-radius: 0.5em;padding:.5em;font-family: 'Poppins'}

.academicos{text-align: center;}
.academicos h2{color: black;font-family: 'Lora';margin: 10px;font-size: 40px;border-bottom: 5px double pink;margin-top: 50px;}
.datosAcademicos{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.uba{display: flex;flex-direction: column;background-color: grey;text-align: center;justify-content: center;margin: 10px;border-radius: .5em;width:20rem;}
.imagenUba img{width: 30%;margin: 10px;}
.uba h3 a{text-decoration: none;
    color: black;
    font-weight: bold;
    font-size:20px ;
    display: block;
    padding: .5em;
    text-align: center;
    font-family: 'Poppins';
}
.uba ul li{font-size: 15px;font-weight: bold;margin: 10px;font-family: 'Poppins'; list-style: none;}

.fadu{display: flex;flex-direction: column;background-color: grey;text-align: center;justify-content: center;margin: 10px;border-radius: .5em;width:20rem}
.imagenFadu img{width: 60%;margin: 10px;}
.fadu h3 a{text-decoration: none;
    color: black;
    font-weight: bold;
    font-size:20px ;
    display: block;
    padding: .5em;
    text-align: center;
    font-family: 'Poppins';
}
.fadu ul li{font-size: 15px;font-weight: bold;margin: 10px;font-family: 'Poppins'; list-style: none;}

.dgpc{display: flex;flex-direction: column;background-color: grey;text-align: center;justify-content: center;margin: 10px;border-radius: .5em;width:20rem}
.imagenDgpc img{width: 40%;margin: 10px;}
.dgpc h3 a{text-decoration: none;
    color: black;
    font-weight: bold;
    font-size:20px ;
    display: block;
    padding: .5em;
    text-align: center;
    font-family: 'Poppins';
}
.dgpc ul li{font-size: 15px;font-weight: bold;margin: 10px;font-family: 'Poppins'; list-style: none;}
footer{background-color: pink;margin-top: 10px;grid-area: footer;margin: 10px;}
footer p{padding: .5em;text-align: center;font-size: 12px;font-weight: bold;font-family: 'Poppins'}

@media screen and (min-width: 600px)
 {
header{display:flex;flex-direction: row;justify-content: space-between;}
header img {width:35%;} header nav ul li a:hover {color: white; }
.integrantesEquipo ul{display: flex;flex-direction: row;justify-content: space-between;}.integrantesEquipo ul img {width:85%}.integrantesEquipo ul li a{font-size: 15px;} .integrantesEquipo ul li a:hover{color: white;}.uba h3 a:hover{color:white} .fadu h3 a:hover{color: white} .dgpc h3 a:hover{color:white}
}

@media screen and (min-width: 1200px)
{
.acumar img{width:30%}
.datosAcademicos{color: black;display: flex;justify-content: space-around;text-align: center;flex-direction: row;}
 .uba{margin: 10px;width:33.3%;}
 .uba img{width: 31.5%;margin: 10px;}
 .uba h3{font-size: 30px;}
 .uba h3 a{text-decoration: none;color: black;}
 .uba h3 a:hover{color:white}
 .uba ul li{font-size: 15px;margin: 10px;list-style: none;color: black;}
 .fadu{margin: 10px;width: 33.3%;}
 .fadu img{width: 95%;margin: 10px;}
 .fadu h3{font-size: 30px;}
 .fadu h3 a{text-decoration: none;color: black;}
 .fadu h3 a:hover{color:white}
 .fadu ul li{font-size: 15px;margin: 10px;list-style: none;color: black;}
 .dgpc{margin: 10px;width: 33.3%;}
 .dgpc img{width: 45%;margin: 10px;}
 .dgpc h3{font-size: 30px;}
 .dgpc h3 a{text-decoration: none;color: black;}
 .dgpc h3 a:hover{color:white}
 .dgpc ul li{font-size: 15px;margin: 10px;list-style: none;color: black;} .integrantesEquipo ul{justify-content: space-around;} .integrantesEquipo ul img {width:100%}
 }
 .imagenPersona {margin: 10px;}
 .imagenPersona img{width: 100%;}
 .imagenMVP {margin: 10px;}
 .imagenMVP img{width: 100%;}
 .imagenMapa {margin: 10px;}
 .imagenMapa img{width: 100%;}