@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto:500');


body {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

nav {
    
    background-color: #0cb0e5;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 0.3em;
}

header img {
    padding-top: 3em;
}

header nav ul { 
list-style: none;
margin: 0;
padding: 1em;
display: flex;
flex-direction: row;
align-content: space-around;
justify-content: space-around;

}

header nav ul li a { 
font-family: 'Roboto', sans-serif;
color: black;
text-decoration: none;
display: block; 
text-align: center;
}

nav ul li a:hover {
    color: white;
    
}

img {
max-width: 100%;
max-height: auto;
align-self: center;
}

a {
    font-weight: bold; 
color: #0cb0e5;
text-decoration: none;
}

a:hover {
color: black;
}

h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5em;
    font-weight: bold; 
    color: white;
    text-align: center;
    font-style: normal;
    background-color: black;
    display: block;
    margin: 0.1em 0.3em 0.5em 0.3em;
    padding: 0.3em;
}

main section { 
display: flex;
flex-direction: column;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-weight: lighter;
text-align: left;
font-style: normal;
border: 0.1em solid black;
margin: 0.5em 0.5em 0.5em 0.5em;
padding: 0.5em;
}

h2{
font-weight: normal;
justify-content: center;
margin-left: auto;
margin-right: auto;
    
}
main section h2 { 
color: black; 
font-size: 1.1em;
}

main section p { 
text-align: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
color: #33333;
font-size: 0.9em;
}

a {
    display: flex;
justify-content: center;
font-size: 0.9em; 
margin-top: 0.3em;
}

header img { 
display: block;
height: 5em;
margin: auto;
margin-bottom: 3em; 

}

article {
    
font-family: 'Roboto', sans-serif;
font-size: 1em;
font-weight: lighter;
text-align: left;
font-style: normal;
margin-left: 1em;
    
}


aside { 
font-family: 'Roboto', sans-serif;
font-size: 0.7em;
font-weight: lighter;
text-align: left;
font-style:italic;
margin-left: 1.5em;
}

header {
font-family: 'Roboto', sans-serif;
font-size: 1em;
font-weight: lighter;
text-align: left;
font-style: normal;}

footer p {
text-align: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-size: 0.7em;
font-weight: lighter;
font-style: normal;
margin-top: 1em;
margin-left: 1em;
}