table styling

static/css/main.css

@@ -2,16 +2,18 @@ body {
     display: flex;
     flex-flow: column wrap;
     line-height: 1.5em;
+    height: 100%;
 }
 
 
 main {
     max-width: 50em;
     margin: auto;
-    flex: 8 0;
+    flex: 1;
     padding: 1.5rem;
 }
 
+
 img {
     max-width: 100%;
 }
@@ -30,6 +32,14 @@ blockquote {
 	padding: 0.5em 10px;
 }
 
+head tr th {
+    border-bottom: 1px solid var(--accent);
+}
+
+tr td:nth-child(1) {
+    border-right: 1px solid var(--accent);
+}
+
 /* Homepage */
 .intro > h1 {
     color: #212121;
@@ -115,8 +125,8 @@ a:hover {
 }
 
 nav{
-    flex: 1 0 auto;
     display: flex;
+    border-bottom: var(--border-width) solid var(--accent);
 }
 
 nav div {
@@ -126,14 +136,7 @@ nav a {
 	flex: 1 0 33%;
 }
 
-/* Colored borders at top/bottom of page */
-
-nav{
-    border-bottom: var(--border-width) solid var(--accent);
-}
-
 footer {
-    flex: 1 0 auto;
     border-top: var(--border-width) solid var(--accent);
 }