Fix footer layout

src/stylesheet.css.pp

@@ -13,9 +13,6 @@
 body {
     height: 100%;
     max-width: 1920px;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
     font-size: 21px;
     font-family: ◊|serif-font-stack|;
     color: ◊|body-color|;
@@ -64,6 +61,9 @@ pre > code.hljs {
 
 .site {
     height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
 }
 
 .main {
@@ -71,6 +71,7 @@ pre > code.hljs {
     grid-template-columns: repeat(12, 1fr);
     grid-auto-rows: auto;
     grid-gap: 1rem;
+    flex: 3;
 }
 
 .content {

src/template.html.p

@@ -21,10 +21,10 @@
 	    <div class="main">
 		◊(->html doc)
 	    </div>
+	    <footer>
+		© Jeremy Dormitzer 2019
+	    </footer>
 	</div>
-	<footer>
-	    © Jeremy Dormitzer 2019
-	</footer>
 	<script src="/js/highlight/highlight.pack.js"></script> 
 	<script>hljs.initHighlightingOnLoad();</script>
     </body>