@charset "utf-8";
html{
  margin:0;
  padding: 0;
  text-decoration: none;
}
*{
  
    padding: 0;
    box-sizing: border-box;
    font-family:'poppings', Sans-serif;;
    user-select: none;
    background-color: rgb(238, 208, 171);
    text-decoration: none;
    margin:0;
}

body{
   margin: 0;
   font-family:'poppings', Sans-serif;
      font-size: 1em ;
      font-weight: bold;
      line-height: 2em;
      text-decoration: none;
   
  }
   header .links{
    display:flex;
    justify-content: flex-end;
    align-content: space-between;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
    padding: 0;
    margin: 0em;
}
  main {
    margin:0;

  }

  #datosalumno.alumno div img{
    width: 300px ;
    border-radius: 1rem;
    margin: 0em;

  }

  #datosalumno.alumno {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    flex-direction: column;
    line-height:normal;


}
  #datosequipo.equipo ul li img{
    width: 300px; 
      border-radius: 1rem;
      margin: 0em;
  }
  .links{ 
    max-width: 50em;
    margin-inline:auto;
    padding:0rem;
}

header .links{
    display:flex;
    justify-content: center;
    align-content: center;
    padding: 0;
    box-sizing: border-box;
    margin: 0%;
   
}
#datoscarrera.carrera{
  display:grid;
  margin-block-start: auto;
  grid-template-columns:repeat(auto-fit, minmax(min(20em, 100%), 1fr));
  grid-template-rows:auto 1fr auto ;
  gap:5em;
  justify-content: space-around;
  
 }
 #datosacademicos.academicos section div img{
  width: 10em;
 }
 #datosacademicos.academicos section {
 display:flex
 }
 #datoscomitente .comitente section div img{
 width 5em;;
 }
footer{ 
  margin: 0em;
  display: flex;
  justify-content: center;
  max-width: 100%;
  background-color: rgb(112, 92, 122);
  align-items: flex-end;
  align-content: flex-end;
  margin-bottom: 0em;
}
ul, ol {
  list-style: none;

}


@media (min-width:440px) { *{margin: 1rem;}

    #datosalumno.alumno { 
       display: flex;
       flex-direction: row;
       flex-wrap: wrap;
     }

      #datosequipo.equipo ul li img{
         max-width: 200px; 
          border-radius: 1rem;
      }
      header .links{
        flex-direction: row;
        padding: 0;
        margin: 0em;
    }
    #datoscarrera.carrera{
      display:flex;
      justify-content: space-between;
      flex-wrap: wrap;
      
     }
}

@media (min-width:780px){
  header .links nav ul {
      display: flex;
      justify-content: center;
      align-items: center;
      align-content: flex-end;
      gap: 1em;
  }

  #datosalumno.alumno { 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .main {
      padding:1em;

  }
  @media  (min-width:780px) {

  
  }