* {
    margin left: 0;
    padding left: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
   background: #2E86C1 ;
    
}

p{
    font-weight: 400;
    
}

a {
    text-decoration: none;
       }

nav
{
    display: flex;
    justify-content: flex-end;    
    
}

nav ul {
    
    list-style: none;
    display: flex;
    justify-content: center;

        
    }

nav ul li {
    margin: 0.15em;
    padding-right: .15em;
    padding-left: .15em;
    height: 2em;
    display: flex;
    justify-content: center;
    
    }


nav ul li a {
    width: 4.5em;
    text-decoration: none;
    background-color: #A2D9CE ;
    color: #212F3D;
    display: flex;
    justify-content: center;
    align-items: center;

    }


h1 { color: #E8F8F5;; 
        text-align: center
        }

h2 { color: #E8F8F5; 
        text-align: center
        }

h3 { color: #E8F8F5; 
        text-align: center
        }

h4 { color: #E8F8F5;
        text-align: center
        }

li{ color: #E8F8F5;
        text-align: center
        }

p{ color: #E8F8F5;
        text-align: center
        }


img{ display:block; margin:auto; }

.caja { 
font-size: 18px; 
font-weight: 400; 
background-color:#212F3D; 
color: #FBFCFC  ;
}

 
.caja2 { 
font-size: 18px; 
font-weight: 400; 
text-align: center; 
background-color:#212F3D; 
color: #FBFCFC ;
margin: 0 0 25px; 
overflow: hidden; 
padding: 20px; 
border-radius: 35px 0px 35px 0px; 
-moz-border-radius: 35px 0px 35px 0px; 
-webkit-border-radius: 35px 0px 35px 0px; 
border: 2px solid #5878ca;}


div.avatar {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 100px;
    width: 100px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
}

.Redonda {
    width:300px;
    height:300px;
    border-radius:150px;
}
.contenido
{
    font-weight:200; 
    
    font-size: 14px
          
}
.contenido ul {
    
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contenido ul li {
    height: 4em;
    width: 10em;
    display: flex;
    justify-content: center;
   
       }


.contenido ul li a {
    font-size: 13px;
    width: 9em;
    text-decoration: none;
    background-color:#212F3D ; 
    color: #FBFCFC   ;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    

    }
.leyenda {
    font-family:'Poppins', sans-serif;
    font-size: x-small;
    line-height: 1.5em;
    display: flex;
    justify-content: center;
    color: white;
    font-weight: 100;
    
}