*{
    margin:0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    text-decoration: none;
   

}
body{
    background-color: whitesmoke;
    font-family: Arial, Helvetica, sans-serif;
}
.grid{
    display: grid;
   
   grid-template-rows: auto
    grid-template-columns repeat(3, 100fr);
    grid-template-areas: "header header header"
                        "contenido contenido contenido"
                        "footer footer footer";
  
}

a{
    list-style: none;
    color: whitesmoke;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
}

.grid .header{
    background-color: blanchedalmond;
    grid-area: header;
}
.mas{
    margin-bottom: 1em;
}
.contenido{
    width: 80%;
    grid-area: contenido;
    justify-self: center;
}
footer{
    background-color: blanchedalmond;
    grid-area: footer;
    padding: 2%;
   font-size: small;

}

.header{
    display: grid;
    column-gap: 1em;
    padding: 0.5em;
    grid-template-columns: auto 10% 10% 10% 10%;
    grid-template-rows: auto 100fr 100fr 100fr 100fr;
    
}

.webapp,
.vm04,
.mapa,
.plan{
    justify-self: center;
    align-self: center;
    padding: 0.5em;
    border-radius: 25%;
    background-color: rgba(240, 128, 128, 0.438);

}

.img{
    justify-self: start;
    align-self: center;
}

.presentacion{
    display: grid;
    grid-template-columns: auto 50%;
    justify-content: center;
    align-items: center;
    margin: 5%;

}

.luciaph{
    border-radius: 100%;
    width: 60%;
}

.porfolio {
    margin-top: 20px;
    padding: 0.5rem;
    background-color: lightcoral;
    color: white;
    border-radius: 1em;
    text-align: center;
}
h3{
    text-decoration: rgb(252, 252, 252);
    display: block;
    background-color: bisque;
    padding: 0.5rem;
    text-align: center;
    

}
.equipo{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    gap: 2em;
    padding: 4em;
   
}

.img-1,
.img-2,
.img-3{
    width: 60%;
    border-radius: 100%;
    justify-self: center;
    align-self: center;
   
}

.lucia,
.ludmila,
.lucila{
    background-color: rgba(240, 128, 128, 0.438);
   align-items: center;
   justify-self: center;
   padding: 2em;
   border-radius: 20%;
}

.datos-academicos{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    gap: 2em;
    padding: 7%;
    border-radius: 2%;  
    background-color: rgba(255, 160, 122, 0.541);
}

.uba-img{
    width: 50%;
    justify-self: center;
    align-self: center;
}

.fadu-img{
    width: 80%;
    justify-self: center;
    align-self: center;
}

.dgpc-img{
    width: 50%;
    justify-self: center;
    align-self: center;
}

.analisis,
.design{
    width: 100%;
}