UI enhancements

styles/global.css

@@ -161,14 +161,15 @@ pre {
 table {
     display: flex;
     flex-direction: column;
-    border: 1px solid var(--main-border-color);
     border-radius: 1rem;
+    margin: 1rem 0;
+    overflow: hidden;
 }
 
 table thead {
     background: var(--secondary-green);
-    border-top-left-radius: 1rem;
-    border-top-right-radius: 1rem;
+    z-index: -1;
+    border-bottom: 1px solid #999999;
 }
 
 table thead tr,
@@ -177,7 +178,7 @@ table tbody tr {
 }
 
 table tbody tr+tr {
-    border-top: 1px solid var(--main-border-color);
+    border-top: 1px solid #999999;
 }
 
 table thead tr th,
@@ -187,6 +188,11 @@ table tbody tr td {
     padding: .5em;
 }
 
+table th+th,
+table td+td {
+    border-left: 1px solid #999999;
+}
+
 .lambda-logo {
     width: 256px;
     height: 256px;
@@ -203,24 +209,11 @@ table tbody tr td {
 }
 
 .block {
+    display: block;
     padding: 1.5rem;
     max-width: 100%;
-    margin: 0 0.25rem;
-    border: 1px solid var(--main-border-color);
-    border-bottom: none;
-}
-
-.block:first-of-type {
-    border-top-right-radius: 1rem;
-    border-top-left-radius: 1rem;
-    margin-top: 2rem;
-}
-
-.block:last-of-type {
-    border-bottom: 1px solid var(--main-border-color);
-    border-bottom-right-radius: 1rem;
-    border-bottom-left-radius: 1rem;
-    margin-bottom: 2rem;
+    margin: 1rem 0.25rem;
+    border-radius: 1rem;
 }
 
 code {

styles/lists.module.css

@@ -20,7 +20,8 @@
 }
 
 .block .block {
-    margin: 0 ;
+    margin: 0;
+    margin-left: 0.5rem;
     border-radius: 0;
     border-right: none;
     border-bottom: none;
@@ -35,4 +36,4 @@
 .block .block:last-of-type {
     border-bottom-left-radius: 1rem;
     border-bottom:  1px dashed var(--main-border-color);
-}
+}

styles/post.module.css

@@ -3,6 +3,8 @@
     z-index: -1;
     right: 0;
     left: 0;
+    top: 0;
+    bottom: 0;
     background-size: cover;
     background-position: center;
     min-height: 100%;

styles/title.module.css

@@ -1,8 +1,13 @@
 .container {
     text-align: center;
     margin: auto;
-    max-width: 95%;
+    background-color: var(--main-background-color);
+}
+
+.container .title {
     border-bottom: 1px solid #FFFFFF;
+    max-width: 95%;
+    margin: auto;
 }
 
 .nav {