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

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



 

body {

    background:rgb(240, 244, 245);
    min-height: 100vh;
    box-sizing: border-box;
    justify-content:flex-end
    margin:4em;
    padding:3em;

    
}

header {
justify-content:space-around;
background-color:#e3e3e3;
font-family: 'Oswald', sans-serif;
font-weight: 900

  
}

img {
display: block;
margin-left: auto;
margin-right: auto;
padding: 1em;
box-sizing: border-box;
width: 100%;
height: auto;

}


ul {
list-style:none;
padding: .2em;
position: relative;
display: flex;
justify-content:center; 
background-color:#70b0cc;
    
}


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

h2 {
font-family: 'Oswald', sans-serif;
font-weight: 900
font-size: 2px;
background-color:#1481a2;
text-decoration:none;
color: rgb(2, 46, 62);
text-align: center;

    }

h3 {
color: #fafbfc;
font-family: 'Oswald', sans-serif;
font-weight: 400

}



article {
font-family: 'Roboto', sans-serif;
background-color:#1481a2;
padding: 1em;

    
}
main {
justify-content:space-around;  
  }



article {
color: white

}



nav ul li a {
display:inherit;
text-decoration:none;
color: rgb(2, 46, 62);
text-align:left;
padding:1em;
margin: 2em;
    

}

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



footer{
background-color: #70b0cc;
text-decoration: none;
color: #00356a;
text-align:center;
padding:3em;

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

    
}


ul li h2 {
font-size: 1.2em;  
}

.contenidos {
color: white;
font-size: 10px;
font-family: "Roboto"

}