Add a fixed-size footer to not have content flush to the screen bottom

bin/page.sh

@@ -41,11 +41,13 @@ EOF
 		<a href="/contact">contact</a>
 		<a href="/rss.xml"><img src="/rss.png" style="height: 15px; width: auto; vertical-align:middle;"></img></a>
 	</nav>
-	<div id="content">
+	<main>
 EOF
 	cat
 	cat <<-"EOF"
-	</div>
+	</main>
+	<footer>
+	</footer>
   </body>
 </html>
 EOF

style.css

@@ -35,7 +35,7 @@ h1:hover a:empty, h2:hover a:empty, h3:hover a:empty,
 h4:hover a:empty, h5:hover a:empty, h6:hover a:empty {
   visibility: visible;
 }
-#content > img {
+main > img {
   max-width: 100%;
 }
 figure {
@@ -117,3 +117,8 @@ th, td {
     margin: 0;
     padding: 0;
 }
+
+footer {
+    padding: 25px 0;
+    text-align: center;
+}