added footer

static/css/styles2.css

@@ -23,7 +23,32 @@
         margin: 0;
         display: flex;
         justify-content: space-between;
-        padding: 0.2em 0.2em 0.2em 0.2em;
+    }
+
+    footer ul {
+        list-style: none;
+        display: flex;
+        justify-content: flex-start;
+        flex-direction: row;
+    }
+
+    footer ul ul {
+        flex-direction: column;
+        padding-top: 0;
+        padding-bottom: 0;
+        padding-left: 0;
+        padding-right: 2em;
+    }
+
+    footer li {
+        margin: 0;
+        padding-bottom: 0.4em;
+    }
+
+    footer h1 {
+        font-weight: bold;
+        text-align: left;
+        font-size: 1.0em;
     }
 
     header ul {
@@ -219,6 +244,7 @@
 
 .content {
   grid-area: content;
+  padding:  1.2em 1.2em 1.2em 1.2em;
 }
 .main-nav {
     grid-area: nav;
@@ -232,9 +258,14 @@
 
 .ad {
   grid-area: ad;
+  background: #35383d;
+  color: #dddddd;
+  padding: 1em 1em 1em 1em;
 }
 .main-footer {
   grid-area: footer;
+  background: #ededed;
+  padding:  1.2em 1.2em 1.2em 1.2em;
 }
 
 .wrapper {