Modify header

micmalti · Oct 2, 2024 · ef627bf · ef627bf
1 parent 5755b9c
commit ef627bf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -2,9 +2,9 @@
 
 ---
 
-<header class="sticky top-0 z-10 ml-6 py-8 ease-in transition-opacity duration-200">
+<header class="sticky top-0 z-10 pl-4 h-12 flex items-center align-middle ease-in transition-opacity duration-200 backdrop-blur-sm bg-primary/30">
   <a href="/#home">
-    <span class="font-serif text-secondary font-semibold text-2xl select-none">Michael Gauci</span>
+    <span class="font-serif text-secondary font-medium font-header text-sm select-none">Michael Gauci</span>
   </a>
 </header>
 <script type="text/javascript" src="/scripts/header.js"></script>
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -22,6 +22,10 @@
     letter-spacing: -.02em;   /* defines how letters are spaced */
     text-rendering: optimizelegibility
   }
+
+  .font-header {
+    letter-spacing: -.05em !important;   /* defines how letters are spaced */
+  }
 }
 
 *,