design fixes, hiring subpages, and hiring categories added

css/index.css

@@ -9,10 +9,6 @@
 @import "tailwindcss/utilities";
 @import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
 
-* {
-  font-family: "Ubuntu";
-}
-
 /* Custom CSS for header partial */
 .backdrop-blur {
   -webkit-backdrop-filter: blur(40px);
@@ -48,7 +44,7 @@ img[src*="#large"] {
     @apply text-lg lg:text-xl font-light;
   }
   h5 {
-    @apply text-base lg:text-base font-light leading-8 my-2;
+    @apply text-base lg:text-base font-light leading-8;
   }
   nav p {
     @apply hidden sm:block md:block lg:block xl:block 2xl:block;
@@ -56,6 +52,12 @@ img[src*="#large"] {
   blockquote {
     @apply border-l-4 border-gray-400 mx-2 my-2 p-2;
   }
+  li {
+    @apply text-base lg:text-base font-normal;
+  }
+  li li {
+    @apply text-sm lg:text-sm font-light;
+  }
 }
 
 h3 {
@@ -63,7 +65,6 @@ h3 {
   font-style: normal;
   font-weight: 600;
   color: rgba(0, 0, 0, 0.5);
-  margin: 10px 0px;
 }
 
 p {

css/layout.css

@@ -11,8 +11,7 @@ body {
 }
 */
 
-p,
-li {
+p {
   /* for handling Markdown-created <p> and <li> */
   @apply text-lg;
 }
@@ -58,11 +57,13 @@ code {
   @apply text-xs;
 }
 
-nav a,
-nav a:focus,
-nav a:hover,
-nav a:active {
-  @apply border-0 text-white hover:text-gray-300;
+nav h4 a:hover {
+  @apply border-0 text-blue-300 font-light;
+}
+nav h4 a,
+nav h4 a:focus,
+nav h4 a:active {
+  @apply border-0 text-black font-light;
 }
 
 a {
@@ -225,9 +226,8 @@ article h4 {
   @apply tracking-tight mt-8 mb-6;
 }
 
-article p,
-li {
-  @apply text-lg mt-6 mb-6 leading-relaxed;
+article p {
+  @apply text-lg leading-relaxed;
 }
 
 article img.containedImage {
@@ -249,15 +249,13 @@ article img.containedImage {
 }
 
 @media screen and (min-width: 768px) {
-  article p,
-  li {
+  article p {
     @apply text-xl leading-relaxed;
   }
 }
 
 @media screen and (min-width: 1920px) {
-  article p,
-  li {
+  article p {
     @apply text-2xl leading-relaxed;
   }
 }