feat: Improve metadata, add blog descriptions

sass/_main.scss

@@ -86,11 +86,11 @@ h6 {
 }
 
 h1 {
-  font-size: 2em;
+  font-size: 2rem;
 }
 
 h2 {
-  font-size: 1.4em;
+  font-size: 1.4rem;
 }
 
 a {
@@ -165,7 +165,7 @@ kbd {
   border-radius: var(--rounded-corner-small);
   background-color: var(--fg07);
   box-shadow: inset 0 -2px 0 var(--fg09);
-  font-size: medium;
+  font-size: 0.8rem;
   cursor: pointer;
   user-select: none;
   -webkit-user-select: none;
@@ -175,7 +175,7 @@ kbd {
 kbd:active {
   background-color: var(--fg09);
   box-shadow: inset 0 1px 0 var(--fg09);
-  transform: translate(0, 2px);
+  transform: translateY(2px);
 }
 
 mark {
@@ -191,7 +191,7 @@ figcaption {
   display: block;
   text-align: center;
   color: var(--fg50);
-  font-size: smaller;
+  font-size: 0.9rem;
 }
 
 details {
@@ -232,11 +232,6 @@ th {
   padding: 0;
 }
 
-// make tables vertically aligned to the top
-tbody td {
-  vertical-align: top;
-}
-
 // MEDIA
 img,
 video {