feat: improve headlines

themes/hugo-sustain/assets/scss/default.scss

@@ -60,7 +60,7 @@ html, body {
     color: var(--primary-color);
   }
 
-  h4 a {
+  h2 a {
     color: var(--primary-color);
 
     &:hover {
@@ -110,11 +110,11 @@ html, body {
   }
 
   &-default {
-    h4, h5 {
+    h2, h3, h4, h5 {
       text-align: left;
     }
 
-    h4 {
+    h2 {
       line-height: 24px;
       font-size: 22px;
     }
@@ -341,6 +341,7 @@ pre code {
   .luxbar-menu a,
   .luxbar-item a {
     color: var(--dark-nav-color);
+    text-transform: uppercase;
   }
 
   .luxbar-menu-light .luxbar-hamburger span {
@@ -359,12 +360,12 @@ pre code {
       }
     }
 
-    h4 span {
+    h2 span {
       cursor: default;
     }
 
     h1,
-    h4 a {
+    h2 a {
       color: var(--primary-color-dark);
 
       &:hover {