Fix page container height and add table styling

data/css/style.css

@@ -115,7 +115,7 @@ blockquote {
 .page-container {
     width: var(--page-width);
     max-width: 100%;
-    min-height: 100vh;
+    min-height: 90vh;
     padding: var(--page-margin);
     background-color: white;
 }
@@ -286,3 +286,29 @@ h6 {
 .page-content h6:not(.panel-title) {
     border-left-width: 2px;
 }
+
+table {
+    border-collapse: collapse;
+    width: 100%;
+}
+
+td, th {
+    border: 1px solid #ddd;
+    padding: 8px;
+}
+
+tr:nth-child(even) {
+    background-color: #f2f2f2;
+}
+
+tr:hover {
+    background-color: #ddd;
+}
+
+th {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    text-align: left;
+    background-color: var(--caribbean-current);
+    color: white;
+}