* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    
 }
:root {
 --color-textos-secundarios: rgb(255, 255, 255);
 --color-textos: rgb(8, 8, 8);
 --color-fondos: rgb(233, 203, 220);
 --color-1: rgb(145, 58, 114);
 --color-2:#44063a;
 --color-3: rgb(198, 234, 203);
 --color-4: rgb(8, 118, 48);
 --tipo-titulos: sans-serif;
 --tipo-textos: serif;
 --padding-general: 1rem 1rem 1rem 1rem;
}

body {
  Font-family: var(--tipo-textos);
  width: 100%;

  }

main {
  Margin:2%;
  box-sizing: 80rem;
  background-color: var(--color-3);
  
  }

header{
  display: flex;
flex-direction: row;

}


header,
footer {
background-color: var(--color-2);
width: 100%;


}

a {
   text-decoration: none;
   Color: var(--colores-textos-secundarios);
   font-family: Arial, Helvetica, sans-serif;

 }
   body img{
      max-width: 50rem;
      max-height: 20rem;
      border: 5rem;
      padding: var(--color-3);
    
    }


 h1{ 
     font-family :var(---tipo-titulos);
     --tipo-textos: serif;
     color : var(--color-textos);
     margin:2%;
     }
     
     h2{
      padding: var(--padding-general);
      text-align:start;
      background-color: var(--color-1);
      border-radius: 2rem;
      margin:1%;
     }

 h3
 h4{
  font-family :var(---tipo-titulos);
  color: var(--color-textos);
  margin:3%;
  --tipo-textos: serif;
  margin:1%;
 } 
 #dgpc {
  display: flex;
  justify-content: flex-start;
}
.menu{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  margin-inline: auto;
}

header .menu nav ul {
  display: flex;
  justify-content: space-between;
  align-content: center;

  margin: 0;
  margin-inline: auto;
  width: 70vh;
  width: 70%;
  font-family: var(--tittle-fonts);
  font-weight: 800;
}




.datosAcademicos{
  margin-top: 2%;
  display: flex;
  flex-direction: row;
  margin: 5% 

}

#lau{margin: 5% ;
  padding: var(--color-1);
}

#agus{
  margin: 5% ;
  padding: var(--color-1);
}

.equipo{
    display: flex;
    flex-direction: row;
}

nav ul li a {
  text-align: center;
  color: var(--focus-color);
  font-weight: 700;
  margin: 2em;
  padding: 0.25em 1em;   

}

 a:hover {
  color: var(--color-textos-secundarios);
}


header nav ul {
 list-style: none;
}

ul li{
  list-style: none;
}

.datosAcademicos img {
  height: 4rem;

}

#logo {
  
  max-width: 15rem;
  max-height: 6rem;
  background-color: var(--color-textos-secundarios);
  padding: .4rem;
border-radius: 10%;
  }

  
  

@media (max-width: 750px){


  .datosAcademicos{
    display:flex;
    flex-direction: column;}

    
    .equipo  {
        display: flex;
        flex-direction: column;}

.equipo ul li {
    padding-left: 3%;
    width: 100%;
}

.contenedora div nav ul {
    
    width: 70%;
    display: flex;
    
    align-items: right;
}



        }