@charset "utf-8";


* {
    box-sizing: border-box;
    background-color: lavenderblush
}

im {
    max-width: 100%;
    max-height: auto;
}

a{
    text-decoration: none;
}

ul{
    list-style: none;
    padding: 0
}

}
.caja{
    margin: 1.5rem;
}

header {
    margin-top: 1.25em;
}

.logos{
    display: flex;
    max-width: 50%;
    justify-content: center;
    margin: auto
}

#navegador{
    max-width: 90%;
    margin: auto;
}

#navegador ul li a{
    color: teal;
    font-weight: bold;
    background-color: paleturquoise;
    text-align: center;
    padding: .25rem;.5rem;.25rem;.5rem;
    margin: .5rem; 0; .25rem;.5rem;
    border-radius: .25em ;
    display: block;
    border-style:dotted; 
    border-color: lavenderblush;
    text-transform: uppercase;
}

#navegador a:hover{
    background-color: darkcyan;
    color: whitesmoke;
}

span {
    font-weight: bold;
}

#perfil{ 
    display: flex;
    justify-content: center;
    align-content: center;
}

#perfil h1{ 
 display: flex;
 justify-content: center;
text-align: center;
 flex-wrap: wrap;
 max-width: 100%;
 margin: auto;
 font-family: monospace; 
 font-weight: bold;
 border-top:2px solid teal;
 border-bottom:2px solid teal;
 padding: 1rem;
 color: teal;
}

#avatar{
    display: flex;
    max-width: 80%;
    margin: auto;
    padding: 1em;
    background-color: darkcyan;
    border-radius: 12em;
    margin-top: 2rem;
    margin-bottom: 2rem
}

#sobre-mi {
    display: flex;
    max-width: 90%;
    padding: 1rem;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    background-color: paleturquoise;
    border-color: lavenderblush;
    border-style:dotted; 
    margin: auto;
}


#sobre-mi h2{
    background-color: paleturquoise;
    font-weight: bold;
    font-family: monospace; 
    color: darkcyan;
}

#sobre-mi p{
   background-color: paleturquoise;
   font-family: sans-serif;
   font-weight: normal;
   color: slategray;
}

#sobre-mi span{
    background-color: paleturquoise;
}

#cursadas {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 90%;
    margin: auto;
    padding: 1rem;
    border-bottom:2px solid teal
}

#cursadas h3{
    font-weight: bold;
    font-family: monospace; 
    color: teal;
    text-align: center;
}

#cursadas ul,li{
    color: slategray;
    font-family: sans-serif;
    font-weight: normal;
    text-align: center;
}


#cursando {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 90%;
    margin: auto;
    padding: 1rem;
    border-bottom:2px solid teal;
    background-color: lightcyan;
}

#cursando div{
background-color: lightcyan;
}

#cursando h3{
    background-color: lightcyan;
    font-weight: bold;
    font-family: monospace; 
    color: teal;
    text-align: center;
}

#cursando li{ 
background-color: lightcyan;
}


figcaption{
    font-family: sans-serif;
    color: slategray;
}


#boceto h2{
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    font-weight: bold;
    font-family: monospace; 
    color: teal;
}

#boceto figure{
    margin: auto;
    padding: 1rem;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

#boceto img{
    margin:.5em;
    max-width: 18rem;
    min-width: 15rem;
}


#boceto2 h2{
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    font-weight: bold;
    font-family: monospace; 
    color: teal;
}


#boceto2 figure{
    margin: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}


#boceto2 img {
min-width: 12rem;
max-width: 14rem;
padding: 0.5em
} 


#boceto3 h2{
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    font-weight: bold;
    font-family: monospace; 
    color: teal;
}

#boceto3 figure{
    margin: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

#boceto3 img{
    margin:.5em;
    max-width: 12rem;
    min-width: 10rem;
}


#mi-equipo{
    display: flex;
    flex-direction: column;
}

#mi-equipo h2{
    display: flex;
    justify-content: center;
    font-family: monospace; 
    font-weight: bold;
    margin-top: 2em;
    border-top:2px solid teal;
    border-bottom:2px solid teal;
    padding: 1rem;
    background-color: lightcyan;
    color: teal
}

#mi-equipo img{
 display: flex;
    max-width: 40%;
    margin: auto;
    padding: 0.5em;
    background-color: darkcyan;
    border-radius: 12em;
    margin-top: 2rem;
    margin-bottom: 2rem
}

#mi-equipo a{
    display: flex;
    justify-content: center;
    color: darkslategrey;
}

#datos-academicos h2{
    display: flex;
    justify-content: center;
    font-family: monospace; 
    font-weight: bold;
    border-top:2px solid teal;
    border-bottom:2px solid teal;
    padding: 1rem;
    background-color: lightcyan;
    color: teal
}

#datos-academicos h3{
    font-family: sans-serif;
    color: teal
}

#datos-academicos p{
    color: darkslategray;
    font-family: sans-serif;
    font-size: 0.9rem;
}

#logo-uba {
    max-width: 15rem;
}

#uba-fadu ul li{
    color: darkslategrey;
    text-align: left;
}

#uba {
    display: flex;
    flex-direction: column;
    max-width: 20rem
}


#fadu {
    display: flex;
    flex-direction: column;
    max-width: 20rem;
}


#dgpc{
    display: flex;
    flex-direction: column;
    max-width: 20rem;   
}

#dgpc ul li{
    color: darkslategrey;
    text-align: left;
}

#equipo nav ul li a{
    display: flex;
    font-family: monospace;
    font-size: 1rem;
    font-weight: bold;
    color: teal;
    
}

#equipo{
    display: flex;
    flex-direction: column;
    max-width: 20rem;  
}

#equipo h4{ 
    font-family: sans-serif;
    color: darkslategray
}

footer{
    margin: auto;
    max-width: 100%;
}

#footer p{ 
    display: flex;
    justify-content: center;
    background-color: cadetblue;
    color: white;
    padding: 1rem
}

@media screen and (min-width: 600px) {
     
   
.caja{
        margin: auto;
        max-width: 35rem;
    }

#navegador{
    max-width: 30rem;
    margin: auto;
}
 
#perfil h1{
        font-size: 1.25rem;
    }
    
#avatar{
    display: flex;
    max-width: 90%;
    }   
    
#sobre-mi{
        max-width: 80%;
    }
    
    #cursadas{
    max-width: 85%
    }
    
    #cursando {
    max-width: 85%;
    }

#boceto img{
    margin:.5em;
    max-width: 18rem;
    min-width: 17rem;    
}
    

    #mi-equipo ul{
        display: flex
    }
    
    #mi-equipo img{
    display: flex;
    max-width: 45%;
    margin: auto;
    padding: 0.5em;
    background-color: darkcyan;
    border-radius: 12em;
    margin-top: 2rem;
    margin-bottom: 2rem
}

    #datos-academicos {
    max-width: 80%; 
    margin: auto;
    }  
    
    footer{
    max-width: 35em; 
    margin: auto; 
    }
    

@media screen and (min-width: 1200px) {
  
     
    #navegador{
    display: flex;
    justify-content: center;
    max-width: 80rem;
    margin: auto;
    }
    
    
nav ul{
    display: flex;
    margin: auto;
    padding: 1rem;
}

    nav ul li a{
    width: 10rem;
    margin: auto;
    } 
    
    .caja{
        margin: auto;
        max-width: 53rem;
    }
    
  #presentacion{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    
    
#perfil h1{
font-size: 1.25rem;
}    

#avatar{
max-width: 12rem;
padding: 1.25rem;
}
    
#cursadas{
max-width: 100%       
}
#cursando{
max-width: 100%       
}
    
#boceto img{
    margin:.5em;
    max-width: 30rem;
    min-width: 25rem;
}

    #boceto2y3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    

    #boceto3 img{
        max-width: 16em
    }

    #datos-academicos{
    max-width: 100%
    }
    
    #logo-uba{
    max-width: 50%
    }
    #uba-fadu{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    }
    
    #dgpc-vm32{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    }
    
    #equipo nav ul{
    flex-wrap: wrap;
    justify-content: flex-start
    
}
    
footer{
    margin: auto;
    max-width: 53rem;  
    }
    
  }