Optimize the typography.

assets/css/main.scss

@@ -387,6 +387,7 @@ $tab-count: {{ site.data.tabs | size }};
     margin: 0 1rem 1rem 0;
     &::before {
       content: "#";
+      color: var(--text-muted-color);
       padding-right: .2rem;
     }
   }
@@ -538,7 +539,7 @@ footer {
   transition: top 0.2s ease-in-out;
   margin-right: 1.5rem;
   margin-top: 3rem;
-  margin-bottom: 6rem;
+  margin-bottom: 4rem;
   color: #6c757d;
   &:only-child {
     position: -webkit-sticky; /* Safari */
@@ -550,8 +551,8 @@ footer {
   >div {
     padding-left: 1rem;
     border-left: 1px solid var(--main-border-color);
-    &:not(:first-child) {
-      margin-top: 4rem;
+    &:not(:last-child) {
+      margin-bottom: 4rem;
     }
   }
   h3 {
@@ -648,7 +649,6 @@ h2 {
   @extend %section;
   @extend %anchor;
   font-size: 1.35rem;
-  font-weight: 400;
 }
 
 h3 {
@@ -744,31 +744,17 @@ a {
       @extend %link-hover;
     }
   }
-  #page .categories & {
-    @extend %link-color;
-    @extend %no-bottom-border;
-  }
-  #tags & {
-    @extend %link-color;
-  }
-  #page-category & {
-    @extend %link-color;
-    @extend %no-bottom-border;
-  }
-  #page-tag & {
-    @extend %link-color;
-    @extend %no-bottom-border;
-  }
+  .categories &,
+  #page-category &,
+  #tags &,
   #archives & {
-    @extend %link-color;
-    @extend %no-bottom-border;
+    &:not(:hover) {
+      @extend %no-bottom-border;
+    }
   }
   .license-wrapper .license-text &:hover {
     @extend %link-hover;
   }
-  #page .post-content &:hover {
-    @extend %link-hover;
-  }
 
 } // a
 
@@ -834,8 +820,8 @@ table {
   font-size: 0.85rem;
   word-spacing: 1px;
   a {
-    color: var(--link-color);
-    border-bottom: 1px dotted var(--link-underline-color);
+    @extend %link-color;
+    @extend %link-underline;
     &:not(:last-child) {
       margin-right: 2px;
     }
@@ -847,17 +833,19 @@ table {
 
 .post-content {
   line-height: 1.8;
-  font-size: 1rem;
   margin-top: 2rem;
   overflow-wrap: break-word;
   word-wrap: break-word;
   a {
     @extend %link-color;
-    border-bottom: 1px dotted var(--link-underline-color);
+    @extend %link-underline;
     &:hover {
       @extend %link-hover;
     }
   }
+  p {
+    font-size: 1.08rem;
+  }
 }
 
 .tag:hover {
@@ -889,6 +877,10 @@ table {
   border: 1px solid !important;
   padding: 0 3px 1px 3px;
   border-radius: 3px;
+  color: var(--link-color);
+  &:focus {
+    box-shadow: none;
+  }
 }
 
 /* --- Effects classes --- */
@@ -984,10 +976,6 @@ table {
     @include ml-mr(1.8rem);
   }
 
-  .post-content {
-    font-size: 1.08rem;
-  }
-
   /* table text in small screens */
   div>table, p~table {
     width: 100%;
@@ -1287,6 +1275,10 @@ table {
     }
   }
 
+  .post-content p {
+    font-size: 1.03rem;
+  }
+
   footer>div.d-felx {
     width: 85%;
   }