html { box-sizing: border-box;}
body { min-height: 100dbh;
display: grid; 
grid-template-rows: auto 1fr;
background-color: #f4e4bc;}
header { box-shadow: 0
    4px
    4px
    #7c94a4;}
    header #logodgpc {
        width: 30%}

*{ font-family: Arial, Helvetica, sans-serif;
    box-sizing:border-box;}
main{
    display: block;}
a {
    text-decoration: none;
    list-style: none;
    color: black;}
    a:hover {
        color: #bc1d1d;}

footer{ background-color: #bc1d1d;
        color: #f4e4bc ;
        margin:0 ;
        padding: 1em;}

h1{
    text-align:center;
}
.acumar{background-color: #f4e4bc;
display: flex; gap: 2rem;
align-items:center;}
#logoacumar { width: 1px;}
.parrafo { display: flex;
gap: 3rem;}
.alumnos {background-color: #a4d4b4;
padding: 2rem;
display: grid;
grid-template-areas: "alumno1 alumno2 alumno3";}
.alumnos img{width: 50%;}
.alumnos1{background-color: #7c94a4 ;
padding: 2rem;
margin: 1rem;
border-radius: 2rem;
grid-area: alumno1;}
.alumnos2{background-color: #7c94a4 ;
    padding: 2rem;
margin: 1rem;
border-radius: 2rem;
grid-area: alumno2;}
    .alumnos3{background-color: #7c94a4 ;
        padding: 2rem;
    margin: 1rem;
border-radius: 2rem;
grid-area: alumno3;
}
header .navegacion {
    display: flex;
    justify-content: space-between;
    align-items: wrap;
    gap: 2rem;}
.navegacion {
    max-width: 65rem;
    margin-inline: auto;
    padding: 1rem;}
nav {
        display: block; } 
header .menu {
    display: flex;
    gap: 0.25rem; }
header nav ul li {
    margin-block: 0;
    background-color: #a4d4b4;
    padding: 1rem;
    border-radius: 20px;}
    li {
        display: list-item;
        text-align: -webkit-match-parent;}
ul { list-style: none;
padding: 0;
margin-inline-start: 0px;
margin-inline-end: 0px;}

    #logo_acumar img{width:20%;
    text-align: left;}
   #logo_uba img{width: 20%;}
   #logo_fadu img{width: 20%;}
   #segundo_logo_dgpc img{width: 20%;}
   .datos_academicos li{
    list-style-type: none; }
   .datos1{
    text-align: left;
    margin: 1rem;
    padding: 1rem;
    border-left:thick solid #7c94a4}
    .datos2{
       text-align: left;
        margin: 1rem;
        padding: 1rem;
    border-left:thick solid #7c94a4;
    height:100%;
    left: 50%;

    }
    .datos3{text-align: left;
        margin: 1rem;
        padding: 1rem;
        border-left:thick solid #7c94a4;
        height:100%;
        left: 50%;}

    a:link { text-decoration: none}
  
    header, footer{    
        background-color:#bc1d1d;
        padding:0.5em;
        flex-grow: 0;
    }
    img{ min-width: 0%; 
        max-width: 100%;
    overflow-clip-margin: content-box ;
    overflow: clip;}
#logodgpc { width: 15%;}

    .alumnos img { width: 200px; border-radius: 50%;}
.parrafo {
    display: grid;
    grid-template-columns: 400px 300px;
grid-template-rows: 250px 250px;
justify-content: space-evenly;}
h1 {
    text-align: center;
    border-block-end:4px solid #7c94a4;
    font-size: xx-large;}