progress in prettifying header

css/index.css

@@ -4,16 +4,20 @@
 @import "tailwindcss/base";
 @import "layout.css";
 @import "tailwindcss/components";
-@import "ffoxobliq.css";
 /*! purgecss end ignore */
 @import "tailwindcss/utilities";
 @import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 
 /* Custom CSS for header partial */
 .backdrop-blur {
   -webkit-backdrop-filter: blur(40px);
 }
 
+* {
+  font-family: "Work Sans";
+}
+
 .bg-semi-white {
   background-color: rgba(255, 255, 255, 0.75);
 }
@@ -49,7 +53,10 @@ img[src*="#large"] {
     @apply text-lg lg:text-xl font-light;
   }
   h5 {
-    @apply text-base lg:text-base font-light leading-8;
+    @apply text-base not-italic font-light leading-8;
+  }
+  h6 {
+    @apply text-sm lg:text-sm font-normal;
   }
   nav p {
     @apply hidden sm:block md:block lg:block xl:block 2xl:block;
@@ -79,3 +86,7 @@ p {
 a {
   border: none;
 }
+
+header {
+  font-family: "Work Sans";
+}

css/layout.css

@@ -159,6 +159,10 @@ h4,
   @apply text-2xl;
 }
 
+h5 {
+  @apply not-italic;
+}
+
 h5,
 .h5,
 h6,