Updated footer so it is fixed at the bottom of the page

Author: djmears-dev

Wireframe/style.css

@@ -55,15 +55,19 @@ Setting the overall rules for page regions
 https://www.w3.org/WAI/tutorials/page-structure/regions/
 */
 main {
- max-width: var(--container);
- margin: 0 auto calc(var(--space) * 4) auto;
+  max-width: var(--container);
+  margin: 0 auto 80px auto;
 }
 footer {
- text-align: center;
- font-size: 0.8rem;
- color: var(--ink);
- margin-top: 40px;
- padding: 20px;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  font-size: 0.8rem;
+  padding: 10px;
+  background: var(--paper);
+  z-index: 10;
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.