body, header, nav, main, footer, h1, div, img {
     margin: 0;
     padding: 0;
     border: 0;
}

body {
     background-color: #2c2b2b;
     font-family: Arial, Helvetica, sans-serif;     
}

img {
     max-width: 100%;
     display: block;
}

header {
     width: 100%;
     float: left;
}

nav {
     width: 70%;
     float: right;
     margin: 5em 3em 0 0;
}

nav ul {
     list-style-type: none;
     margin: 0;
     text-align: right;
}

nav li {
     display: inline-block;
     font-size: 1.5em;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
}

nav li a {
     display: block;
     color: #fff;
     text-align: center;
     padding: 0.5em 1em;
     text-decoration: none;
}

main {
     clear: left;
     background-color: #fff;
     padding: 2%;
     font-size: 1.25em;
}

footer p {
     font-size: 0.75em;
     text-align: center;
     color: #fff;
     padding: 0 1em;
}

footer p a {
     color: #fff;
     text-decoration: none;
}

.topnav {
     background-color: hsl(0, 1%, 48%);
     overflow: hidden;
}

.topnav a {
     float: left;
     color: #f2f2f2;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
     font-size: 20px;
     font-family: Arial, Helvetica, sans-serif;
}

.topnav a:hover {
     background-color: #ddd;
     color: black;
}

.header {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 30px;
     color: #fff;
     
}