Change layout and style

L

@@ -10,7 +10,10 @@
   </header>
   <main>
     <h1>$(T $F)</h1>
-    $(sed 1d $F|X|awk -vRS= -fR)
+    $(sed 1d $F|awk -vRS= -fR|X)
+    <div id=main-last-child>
+      <!--hi mom!-->
+    </div>
   </main>
   <footer>
     <span class=phi>&copy; 2020 Case Duckworth</span>

S/acdw.css

@@ -2,22 +2,18 @@ html,body{
     font:18px/1.4 serif;
     padding:0;
     margin:0;
-    min-height:100vh;
-    display:flex;
-    flex-direction:column;
 }
 
 main{
     max-width:70ch;
-    height:100%;
+    margin: 2em 0;
     padding:0 1ch;
-    flex:1 0 auto;
     background: white;
 }
 
 main > :last-child {
     border-bottom: 2px solid;
-}
+    margin-bottom: 2rem;}
 
 main > :last-child::after {
     content: "\2766";
@@ -28,11 +24,16 @@ main > :last-child::after {
     background: white;
 }
 
+header{ top:0; }
+footer{ bottom: 0; }
+
 header,footer{
     font:80% monospace;
     background:#333;
     color:white;
     padding:2px 0;
+    position: fixed;
+    left: 0; right: 0;
 }
 
 header a,footer a,.phi {