diff --git a/base.htm b/base.htm
index 3db44ac..16b8191 100644
--- a/base.htm
+++ b/base.htm
@@ -91,9 +91,8 @@ header nav ul ul ul ul ul ul li a { /* h6 */
 main {
     position: relative;
     margin-left: 300px;
-    padding: 23px 42px;
-    height: calc(100% - 42px);
-    min-height: calc(100% - 42px);
+    padding: 23px 42px 0 42px;
+    min-height: 100%;
     overflow: hidden scroll;
 }
 main p {
@@ -158,12 +157,7 @@ main h6 {
     padding-bottom: 8px;
     font-size: 80%;
 }
-footer {
-    position: fixed;
-    bottom: 4px;
-    left: 300px;
-    width: calc(100% - 300px);
-    height: 42px;
+main footer {
     padding-top: 8px;
     text-align: center;
 }
@@ -198,7 +192,7 @@ footer {
     header nav li a {
         color: #55a5d9;
     }
-    main, footer {
+    main, main footer {
         background: #fbf4ce;
     }
     main {
@@ -211,13 +205,16 @@ footer {
         border: 1px solid #e1e4e5;
         background: #f2ecb7;
     }
-    footer {
+    main footer {
+        margin-top: 16px;
+        border-top: 2px solid #2d70aa;
         opacity: 0.4;
-    }
-    footer .generated {
-        opacity: 0.8;
         font-size: 80%;
     }
+    main footer .generated {
+        opacity: 0.9;
+        font-size: 90%;
+    }
 }
 </style>
 <style>
@@ -359,11 +356,11 @@ Now we will have to test some very long line, to see how the overflow is handled
                     </section>
                 </section>
             </section>
-        </main>
         <footer>
             Copyright &copy; 2022 Author Name - All Rights Reserved
             <br>
             <span class="generated">Generated with qmdoc</span>
         </footer>
+        </main>
     </body>
 </html>