@import url('https://fonts.googleapis.com/css?family=Roboto:400,900');

@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Chakra+Petch:400,400i,700,700i|Mukta:400,500,800|Oswald:500,600,700|Raleway:400,700,700i,800,800i,900,900i');

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
    padding: 1em;
    width: 20px 20px;
} 


body {
    margin:0em;
    padding:0em;
    background-image:url(imagenes/Abstract-colorful-transparent-polygonal-background/5149.jpg);
    
   }

header{ 
display: flex;
width: flex;
margin: 1em;
background-color: #1f2543;
font-family: 'Oswald', sans-serif;
justify-content: space-around;
}

ul, ol{
    list-style: none;
        display: flex;
         flex-wrap: nowrap;
}

.nav  li a {
    display:inherit;
    padding: 10px;
    margin: 0em;
    background-color: #1f2543;
    color: #92277a;
    text-decoration: none 
}

.nav > li {
    float: left;
}

.nav li a:hover{
    background-color: #3d1557
}

.nav li ul {
    display: none;
    position: absolute;
    min-width: 140px;
}

.nav li:hover > ul {
    display: block;
}

.nav li ul li {
    position: relative
}

.nav li ul li ul {
    right:1em;
    top: 0px;
}

ul, ol {
    list-style: none;
    font-family: 'Oswald', sans-serif;
    color: antiquewhite;
    flex: initial
}

.nav li imag { 
height: 5px;
width: 5px}
_________

.fotoandrea{background-color: aquamarine}

h1 {
font-family: 'Oswald', sans-serif;
font-weight: 400
}

h2 {display: block;
    margin: 10px;
    text-align: center;
  color: #981256;
font-family: 'Oswald', sans-serif;
font-weight: 100;
margin: auto;
text-decoration:underline
}

h3 {text-align: center;
   font-family:'roboto', sans-serif;
    font-weight: 100;
    font-size: 17px;
    color: #d2cfd3;
        display: block;
    margin: 10px;
    text-decoration: none
    
}

h4 {
    font-family:'roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #f0196f;
    text-decoration: underline;
    
}

}

 
div{ margin: 5px;
    padding: 5px;
}

article {
    margin: auto;
    padding: auto;
background-color: #1f2543;
color: #336470;
    margin: 1em;
    padding: 1em;
width: auto;
    justify-content: center;
    text-align: justify;
}


}

nav ul li a {
display:inherit;
text-decoration:none;
color: rgb(2, 46, 62);
text-align: center;
padding:1em;
justify-content:space-around;


}

nav ul li a:hover {
background-color:#0f4b7e;
}



footer{
    background-color: rgba(146, 39, 122, 0.57);
text-decoration: none;
color: #93aeed;
text-align:center;
padding:1em;

font-family: 'Roboto', sans-serif;
font-size: 10px;

    
}



.contenidos {
color: #1f2543;
font-size: 11px;
font-family: "Roboto"

}