minor css improvements

_includes/styles/base.css

@@ -89,20 +89,21 @@ content-wrapper {
 /* text formatting and config stuff */
 
 /* headings */
-h1, h2, h3, h4, h5, h6,
-h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+h1, h2, h3, h4, h5, h6 {
+    border-bottom: .15rem solid var(--border);
     color: var(--foreground);
-    margin-bottom: 1rem;
-    margin-top: .5rem;
-    text-decoration-color: transparent;
+    margin-bottom: .8rem;
+    margin-top: 1.5rem;
+    padding-bottom: .2rem;
     transition: .2s;
-}
+    
+    & a {
+        text-decoration-color: transparent;
 
-h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
-    text-decoration-color: var(--accent);
-    text-decoration-thickness: .3rem !important;
-    text-decoration: underline;
-    transition: .2s;
+        &:hover {
+            text-decoration-color: var(--accent);
+        }
+    }
 }
 
 h1,
@@ -511,14 +512,14 @@ imgbtn-grid {
     align-items: normal;
     display: flex;
     flex-flow: row wrap;
-    font-size: 0px !important;
+    font-size: 0 !important;
     gap: 5px;
     justify-content: center;
+    line-height: 0;
     margin-inline: auto;
 
-    a, button {
-        height: 31px;
-        width: 88px;
+    &:last-child {
+        margin-bottom: .8rem;
     }
 
     img {