@charset "UTF-8";

*{margin: 0;
 padding: 0;
}

img {max-width: 100%;
    margin: auto;
    display: flex;
    
    
 }

 #logo-bajada{
              display: flex;
              align-items: center;
              font-size: .7em;
              margin: 1em;
              padding: 0 0 0 2em;
}



header .contenedor {display: flex;
                    width: auto;
                    height: auto;
                    color: darkblue;
                    font-size: .9em;
                    font-style: oblique;
                    justify-content: flex-end;
                    align-items: center;
                    flex-wrap: wrap;
                    flex-direction: row-reverse;
                    background-color: #9fbff8;
             

                  
}
header ul  {display: flex;
           list-style: none;
           justify-content: center;
           justify-content: space-around;
           margin: 1em 2em 0 2em;
           flex-wrap: wrap;
           height: 2em;
          
        
}
    


    
header ul li {     box-sizing: border-box;
                    display: flex;
                    margin-left: 2em;
     


    
  
  
                
  }
    
header ul li a {    text-decoration: none;
                    width: 100%;
                    height: 100%;
                    font-size: 1em;
                    color: #06064d;
                    display: flex;
                    font-weight: bold;
                    justify-content: center;
                    align-items: center;
                    box-sizing: border-box;
}
    
body  {background-color: #71c9f8;
       font-family: sans-serif;
       display: flex;
       flex-direction: column;
       min-height: 100vh;
       justify-content: space-between;
       min-height: webkit-fill-available;
}
    
h1 {
    color: blue;
    font-size: 2em;
    text-align: center;
}
    

p {color: #06064d;
   margin: 0 0 0.2em 0;    
    width: 100%;
    flex-direction: column;
    text-align: left;
    
    
}
    
h2 {color: blue;
    margin: 0 0 .2em 0;

    
}
    


footer {font-size: 0.7em;
       background-color: #9fbff8;
       max-width: 100%;
       margin: 0;
       padding: 2em;
       
}
    
    
main { flex-grow: 1;
       display: flex;}
    
.usuario {margin: auto;
          max-width: 100%;
}    
    
    
.usuario img {border-radius: 5em;
              height: 19em;
              width:  19em;
              max-width: 100em;
              max-height: 100em;
              box-shadow: blue;
              align-content: center;
              padding: 1em;
}
                  

html {height:  webkit-fill-available;}