html{
    box-sizing: border-box;
}
body{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin: 0;
    min-height: 100dvh;
    display: grid;
    grid-template-rows: auto 1fr;

}
*{box-sizing:border-box;
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
list-style: none;
color: #fff;}
a:hover{
    color: #9b1053;
}
main{display:block ;
background-color: aliceblue;}
#logodgpc{
    width: 15%;
}
header{
    background-color:#f160a7 ;
    box-shadow:0
    4px
    4px 
    #f894d3 ;
    position: sticky;
    top: 0;
    z-index: 8000;


}
header .contenedora{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;

}
.contenedora{
    max-width: 100%;
    margin-inline: auto;
    padding: 1rem;
}
nav{
    display: block;
}
header .menu{
    display: flex;
    gap: 0.25rem;
}
header nav ul li{
    margin-block: 0;
    background-color: #fcade9;
    padding: 1rem;
    border-radius: 20px;
}
li{
    display: list-item;
    text-align: -webkit-match-parent;
}
ul{
    list-style: none;
    padding: 0;
}
ul{
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
h1{ 
text-align: center;
font-size: xx-large;
margin-top: 50%;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
width: 100%;
box-shadow:5px 0 0 0  #9b1053;
background-color: #f894d3;
}
.mio .redes img{
    gap: .50rem;
    max-width: 30%;
    margin-top: 15%;
}
.mio{
display: grid;
grid-template-columns: 60% 40% ;
grid-template-rows: 10% 10%;
}
.mio img{
    border-radius: 70%;
     max-width: 80%;
}
.parrafo h2{
    text-align: center;
    font-size: x-large;
    margin-top: 5%;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background-color: #f894d3;
    border-radius: 20px 100px;
    width: 40%;
}
.parrafo p{
    margin-top: 1%;
background-color: #f894d3;
border-radius: 20px;
padding: 1rem;
}

img{
    max-width: 100%;
    overflow-clip-margin: content-box;
    overflow: clip;
}
a:link { text-decoration: none}
body{
    background-color: #fcade9;
}
.contenedora2 ul{
    background-color: #f160a7;
    padding:3rem;
    border-radius: 20px;
 width: 80%;
    max-width: 65rem;
    margin-inline: auto;
    padding: 1rem;
    margin-top: 1%;

}
.materias h2{
    text-align: center;
font-size: x-large;
margin-top:5%;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
box-shadow:5px 0 0 0  #9b1053;
background-color: #f894d3;
margin-inline: auto;
width: 80%
}
.materias h3{
    font-size: large;
    text-align: center;
    margin-top: 1%;
    padding: .5rem;
    width: 80%;
    max-width: 60rem;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background-color: #f894d3;
    border-radius: 20px 100px;
    margin-inline: auto;
}
.contenedora2  {
    background-image:url("imagenes/fadu.jpg");
    background-repeat: no-repeat;
    margin: 0%;
    padding: 1rem;
    background-position: center  ;
}

.porfolio { 
    text-align: center;
    padding: .2rem;
    font-size: x-large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    box-shadow:5px 0 0 0  #9b1053;
    background-color: #f894d3;
    width: 100%;
}
.imagenes{
    margin-top:3%;
display: flex;
width: 300px;
height: 470px;

}
.imagenes img{
    width: 0px;
    flex-grow: 1;
    object-fit: cover;
    opacity: .8;
    transition: .5s ease;
}
.imagenes img:hover{
    width: 300px;
    opacity: 1;
    filter: contrast(120%);
}

.propuesta h2{
    text-align: center;
    padding: .2rem;
    font-size: x-large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    box-shadow:5px 0 0 0  #9b1053;
    background-color: #f894d3;
    width: 100%;

}
.propuesta img{
   margin-top: 1rem;
    width: 30%;

}
.propuesta figure{
    display:flex;
    gap: .5rem;
}
.integrantes  h2{
    text-align: center;
    padding: .2rem;
    font-size: x-large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    box-shadow:5px 0 0 0  #9b1053;
    background-color: #f894d3;
    width: 100%;
}
.integrantes h3{
    background-color: #f160a7;
    width: 50%;
    padding: 1rem;
    border-radius: 20px;
    text-align: center;
   margin-top: 1%;
}
.integrantes ul{
    display: flex;
    gap: .5rem;
    margin-top: 1rem;
}

.academicos h2{
    text-align: center;
    padding: .2rem;
    font-size: x-large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    box-shadow:5px 0 0 0  #9b1053;
    background-color: #f894d3;
    width: 100%;
    margin-block-end: 2%;
}
.academicos img{
    width: 80px;
    background-color: #f160a7;
    padding: 10px;
    border-radius: 5px 20px;
}
.datos{ margin: 0rem 0rem 0rem 3rem;

border-left:thick solid #9b1053;
        height:100%;
        left: 50%;
        padding: 3%;
}

a:link { text-decoration: none}
footer{
    background-color: #f160a7;
    padding: 1rem;
}