header and footer

files/default.css

@@ -1,7 +1,48 @@
 body {
-    background-color: white;
     font-family: "verdana", sans-serif;
     font-size: 16px;
+    margin: 0 5% 0 5%;
+    width: 1080px;
 }
   
-  
+.header {
+    background-image: url("cropped-img_2723.jpg");
+    padding: 20px;
+    text-align: center;
+    height: 250px;
+}
+
+.topnav {
+    overflow: hidden;
+    background-color: #333;
+}
+
+.topnav a {
+    float: left;
+    display: block;
+    color: #f2f2f2;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+  
+.topnav a:hover {
+    background-color: #ddd;
+    color: black;
+}
+
+.main {
+    padding: 15px;
+}
+
+.row:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+
+.footer {
+    padding: 15px;
+    font-size: 12px;
+    background-color: #f1f1f1
+}