made usability/aesthetic adjustments, particularly on mobile.

css/base.css

@@ -42,15 +42,18 @@ h2 {
   font-size: 2.5vw;
 }
 
-h3 {
+h3,
+h3 a {
   font-size: 2vw;
 }
 
-h4 {
+h4,
+h4 a {
   font-size: 1.75vw;
 }
 
-h5 {
+h5,
+h5 a {
   font-size: 1.5vw;
 }
 
@@ -85,8 +88,11 @@ a.fill_div {
 }
 
 nav {
+  position: sticky;
+  width: 100%;
   padding: 0;
-  margin: 0px 30px 15px 30px;
+  margin: 0;
+  backdrop-filter: blur(50px);
 }
 
 nav ul {
@@ -705,35 +711,48 @@ hr {
 
 @media screen and (max-width: 992px) {
   h1 {
-    font-size: 10vw;
-  }
-
-  h2 {
     font-size: 8vw;
   }
 
-  h3 {
+  h2 {
     font-size: 6vw;
   }
 
-  h4 {
+  h3,
+  h3 a {
+    font-size: 5vw;
+  }
+
+  h4,
+  h4 a {
     font-size: 4vw;
   }
 
-  h5 {
+  h5,
+  h5 a {
     font-size: 3vw;
   }
 
   p,
   a,
   label,
+  ul li,
+  ul li a,
   .modal_button,
   .button {
     font-size: 2vw;
   }
 
   small {
-    font-size: 1vw;
+    font-size: 1.5vw;
+  }
+
+  nav {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    margin: 0;
+    backdrop-filter: blur(50px);
   }
 
   .article_card,
@@ -773,4 +792,30 @@ hr {
     justify-content: center;
     align-items: start;
   }
+
+  .article_card>div:last-of-type {
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  #theme_toggle *,
+  i {
+    font-size: 3vw;
+  }
+
+  .tag_row {}
+}
+
+@media screen and (min-width: 993px) {
+  nav {
+    position: sticky;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    backdrop-filter: blur(50px);
+
+    top: 0;
+  }
 }

css/dark.css

@@ -109,3 +109,10 @@ textarea {
 .user_actions {
   border: 3px solid white;
 }
+
+@media screen and (max-width: 992px) {
+  nav {
+    border-bottom: none;
+    border-top: 3px solid white;
+  }
+}