body {
   background-color: #d2f9fb;
}
/* img section*/
img {
    max-width: 100%;
    display: block;
}
/* Header section */
header {
    width: 25%;
    float: left;
}
/* Nav section*/
nav {
    float: right;
    margin: 5em 3em 0 0;
    width: 70%;
}
/*nav ul section*/
nav ul {
    list-style-type: none;
    margin: 0;
    text-align: right;
}
/* nav li section*/
nav li {
    display: inline-block;
    font-size: 1.75em;
}
/* nav li a section*/
nav li a {
    display: block;
    color: hsl(235, 57%, 56%);
    text-align: center;
    padding: 0.5em 1em;
    text-decoration: none;
}
/* Main Section*/
main {
    clear: left;
    background-color: #fff;
    padding: 2%;
    font-size: 1.25em;
}
/* footer section*/
footer {
    font-size: 0.75em;
    text-align: center;
    color: hsl(235, 57%, 56%);
    padding: 0 1em;
}
/* footer p a section*/
footer p a {
    color: hsl(235, 57%, 56%);
    text-decoration: none;
}
/* h1 section*/
h1 {
    text-align: center;
}
/* container section*/
#container {
    width: 80%;
    margin: 0 auto;
}
/* ul section*/
ul {
    list-style-type: square;
}
/* ol section */
ol {
    list-style-type: upper-roman;
}