*{
    box-sizing: border-box;
}

header.contenedora h1{
    place-items: center;
    padding-block: 0 0.125rem;
    font-size:  2rem;
    margin-bottom: 8rem;
}

* a{
    color: rgb(15, 122, 92);

}

header.contenedora {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
 background-color: aquamarine;
}



.caja {
    list-style: none;
    max-width: 65rem;
    margin-inline: auto;
    padding: 1rem;
    padding-block-end: 1rem;
   
}

.texto {
    display: flex;

    list-style: none;
}

.fotografia img {
    margin-top: 40%;
    margin-bottom: 10%;
    margin-left: 20%;
    width: 80%; 
    height: 60%;
}


h1{
    color: rgb(0, 0, 0);
    font-size: 4rem;
    margin-top: 8rem;
    margin-bottom: 1rem;
}



.fondo{
    font-size: smaller;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 4rem;
    align-items: stretch;
   
}

body{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI','Times New Roman','Open Sans', 'Helvetica Neue', sans-serif;
    margin: 0;
    background-color: hsla(270, 70%, 82%, 0.997);
}


body main p{
    font-size: medium;
    color: rgb(59, 10, 83);
   
}

.materias {
    font-size: smaller;
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(2,1fr);
    gap: 4rem;
   
}

.title{
    display:block;
   font-size: 1em;
   font-weight: italic;
   background-color: rgb(95, 231, 186);
}


.academicos li {
    display: grid;
    align-items: stretch;
    grid-template-columns: repeat(2,1fr);
    gap: 4rem;
    font-size: smaller;
}
   


.datofadu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;

}

.fotografia1 img{
    width: 80%; 
    height: 80%;
}

.fotografiab img{
    width: 90%; 
    height: 90%;
}

.fotografiac img{
    width: 80%;
    height: 40%;
}

.docentes ul li{
    list-style: none;
}

.datofadu{
    max-width: 80%;
    margin-inline: auto;
    padding: 1rem;
   
}

.datofadu p{
    display: block;
    font-size: x-small;
    width: 70%; 
    height: 40px; 
}

.docentes p{
    display: block;
    font-size: small;
    width: 70%; 
    height: 40%; 
    
}

.docentes li {
    margin-block-start: 2em;
    margin-block-end: 2em;
    margin-inline-start: 4px;
    margin-inline-end: 4px;
    display: block;
    font-size: x-small;
    width: 250px; 
    height: 40px; 
}

footer h8 {
    font-size: small;
    display: grid; 
    align-items: stretch;
    margin-block-start: 2em;
    margin-block-end: 2em;
    margin-inline-start: 4px;
    margin-inline-end: 4px;
    background-color: rgb(114, 201, 255);
}