body {
    flex: wrap;
background: rgba(0, 167, 255, 0.12);
}


header .hola {width:12em; 
background: rgba(0, 108, 255, 0.87);
text-align: center;
display: flex;
justify-content: center;
margin: auto;
border-radius: 1em;}

img {margin: auto;
display: flex;
width: 400px}

body nav ul li {display: flex;
background: rgba(0, 108, 255, 0.87);
margin: 2em;
    padding: 18px;
    width: 7em;
    border-radius: 1em;
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;

}

footer{
    font-size: 10px;
line-height:normal;
font-style: oblique;
text-align: center;


}
main {text-align: center;
}

h4 {display: flex;
text-align: center;
justify-content: center;
background: rgba(0, 49, 255, 0.53);
width: 12em;
border-radius: 1em;
margin: auto;
margin-top: 1em;
margin-bottom: 1em}

h2 {width:12em; 
background: rgba(0, 108, 255, 0.87);
text-align: center;
display: flex;
justify-content: center;
margin: auto;
border-radius: 1em;}

ul {display: contents;
margin: auto;
justify-content: center;
align-content: center;
}