*

{ 
    margin: 0em;
    padding: 0em;
    border: none;
    box-sizing: border-box;
}


  /* Body */

body { font-family: 'Quicksand', sans-serif;}
img { max-width: 100%; }

  /* Header */

header {
    max-width: 100%;
    color: white;
    border-block-end: solid 3px rgb(0, 0, 0);
    padding-block-end: 1em;
    font-size: 1em;
    line-height: 2em;

   
   
    
 }

 
header div.contenedor { display: flex;
  
    padding: 1em;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
   
    }

    header div.contenedor a img {
        width: 6em;
        background-color: aliceblue;
    }

     nav.menu ul li a {
        color: black;
        font-size: 1em;
        text-decoration: none;
        font-weight: bold;
       }

    /* Contenedor div.dis */

     article#datosAlumno.contenedor div.dis {
        display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;

    box-sizing: border-box;
     }

     article#datosAlumno.contenedor div.dis h2 {
        display: flex;
        justify-content: center;
        align-items: center;
         font-family: 'VT323', monospace;
         font-size: 3em;
         color: #D8D9DB;
         text-align: center;
         width: 100px; 
         height: 100px; 
         background: #2C2A11;
         
      
     }

     article#datosAlumno.contenedor div img {
      
        width: 70%;
    padding-bottom: 3em;
    }
    
    article#datosAlumno.contenedor div h1 {
        
        padding: 1em;
        margin: 0em;
        color: #2C2A11;
        font-weight:bold;
        font-size: 1.8em;
       
    }

  /* Sobre mi */

    div.sobremi {
        background-color: #D8D9DB;
        padding: 1em;
     
    
     
      
    }

  /* Proyectos */

  article#proyectos.Guada { display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 100%;
   

        }


article#proyectos.Guada h2 {

    transform: rotate(-90deg);
    margin-right: 6em;
    font-size: 2em;
    margin-top: 2em;
    
}

div.proyectos img { width: 60%;

margin-left: 9em;

}

  /* Contacto */

div.contacto section.contacto {
    display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
gap: 1em;
       align-items: center;
        padding: 2em; 
        box-sizing: border-box;
        font-size: 1em;
    

}



  /* Seguime! */

div.seguime section.seguime { display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
gap: 1em;   
   
align-items: center;
    padding-bottom: 2em; 
    box-sizing: border-box;
    font-size: 1em;
    border-block-end: solid 2px rgb(0, 0, 0);   
   
}

div.seguime section.seguime h3 {
    margin-left: 2em ;
}


div.seguime section.seguime div.redes  {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;

    aspect-ratio: 1;
    border-radius: 50%;
    border-style: solid;
    text-align: center;
    font-size: 1.5em;
    margin-right: 1em;
   
}

div.redes a {
    color: black;
    text-decoration: none;
}

/* equipo */

div.equipo {
    background-color: #D8D9DB;
    display: flex;
    max-width: 100%;
  
    padding: 1em;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 1.5em;
    
}

/* Agus */

div.Agustin {
    display: flex;
flex-wrap: nowrap;
justify-content: space-between;
max-width: 100%;
margin-top: 1em;

box-sizing: border-box; }


 div.Agustin h2 { 
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'VT323', monospace;
    font-size: 3em;
    color: #D8D9DB;
    text-align: center;
    width: 100px; 
    height: 100px; 
    background: #2C2A11;}

    div.Agustin img {
      
        width: 60%;
    }

    div.Agusnombre h3 { 
        padding-left: 8.1em;
        padding-bottom: 1em;
   }

   div.Agusnombre section.agus { 
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
gap: 1em;
    max-width: 100%;
    padding-bottom: em;  
    padding-left: 4.1em; 
   }

   div.redesagus {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    aspect-ratio: 1;
    border-radius: 50%;
    border-style: solid;
    text-align: center;
    font-size: 1.2em;
}

div.redesagus a 
{ color: black;
text-decoration: none;}

/* Patri */

div.Patricio {
    display: flex;
flex-wrap: nowrap;
justify-content: space-between;
max-width: 90%;

padding: 1.5em; 
box-sizing: border-box;
 }

div.Patrinombre section.patri { display: flex;
    flex-wrap: nowrap;
    justify-content:center;
gap: 1em;
    max-width: 100%;
    padding-bottom: 1em;  

}

 div.Patricio h2 {
    display: flex;
    justify-content: center;
    align-items: center;
font-family: 'VT323', monospace;
font-size: 3em;
color: #D8D9DB;
text-align: center;
width: 100px; 
height: 100px; 
background: #2C2A11;
 }

 div.Patricio img { 
    width: 60%;
 }

 div.Patrinombre { padding-bottom: 3em;}

 div.Patrinombre h3 { padding-left: 1.6em;
padding-bottom: 1em;}

div.redespatri {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    aspect-ratio: 1;
    border-radius: 50%;
    border-style: solid;
    text-align: center;
    font-size: 1.2em;

  
}

div.redespatri a {

    color: black;
    text-decoration: none;

}




  /* Comitente */


div.Comitente { background-color: #D8D9DB;
    display: flex;
    max-width: 100%;
    
    padding: 2em;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    align-self: center;
    align-content: center;
    
    font-size: 1em;
    
}

div.Comitente h4  {
    font-size: 1em;
}

article#datosComitente.comitente h2 { 
    font-size: 3em;
    padding-left: 2em;
    padding-right: 2em;
}

article#datosComitente.comitente h4 {
    font-size: 1em;
    padding-left: 2em;
    padding-right: 2em;

}

section.ACUMAR { 
    display: block;
    background-color: #f2f4f8;
    align-items: center;
    
 
   padding: 2em;
}

section.ACUMAR img {
    width: 60%;
    
}

    
  /* Datos academicos */

  div.datosacademicos {
    padding: 1em;
       
        color: #2C2A11;
        font-weight:bold;
        font-size: 1em;
       

  }

    div.datosUBA {
        display: flex;
        flex-wrap:wrap;
      text-align:left;
        align-items: center;
  max-width: 100%;
       
        padding: 0em; 
        box-sizing: border-box;
        font-size: 1em;
        padding-bottom: 3em;
        margin-left: 2em;
        gap: 1em;

    }

    div.datosUBA img {
        width: 20%;
     
       
        
    }

    div.datosFADU {
        display: flex;
        flex-wrap: wrap;
      max-width: 100%;
      gap: 1em;
       
        padding: 0em; 
        box-sizing: border-box;
        font-size: 1em;
        padding-bottom: 3em;
        align-items: center;
        margin-left: 2em;

    }

    div.datosFADU img {
        width: 20%;
        
    
    }

    div.datosDGPC {
        display: flex;
        flex-wrap: wrap;
    gap: 1em;
       max-width: 100%;
   
        padding: 0em; 
        box-sizing: border-box;
        font-size: 1em;
        padding-bottom: 3em;
        align-items: center; 
        margin-left: 2em;
     
    }

    div.datosDGPC img {
        width: 20%;

          }

     /* Footer */

     footer
     { 
        background-color: #2C2A11;
    color: #D8D9DB;
    width: 100%;
    padding: 2em;
   
}


@media screen and (min-width: 780px) {
    .seguime {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

   .proyectos { flex-basis: 45%;

   }
}