footer position fixed

styles/01-styles.scss

@@ -190,6 +190,10 @@ input[type="submit"] {
     &.no-padding {
         padding: 0;
     }
+
+    &:has(+ .content.footer) {
+        padding-bottom: 3em;
+    }
 }
 
 .overflow-x {
@@ -231,9 +235,13 @@ input[type="submit"] {
 .content.footer {
     background: var(--primary-dark);
     color: var(--color-text);
-    margin-top: .5em;
     padding: .25em 1em;
 
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+
     a {
         color: var(--color-text);
         text-decoration: underline;

views/head.ejs

@@ -14,7 +14,7 @@
 <link rel="canonical" href="<%= page.canonical%>"/>
 <% } %>
 <link rel="shortcut icon" href="/assets/svg/favicon.svg">
-<link rel="stylesheet" href="/assets/css/styles.css?v3">
+<link rel="stylesheet" href="/assets/css/styles.css?v4">
 <script nonce="<%= cspNonce %>">
     document.addEventListener("DOMContentLoaded", function() {
         document.body.classList.remove('preload');