Merge pull request #10 from rmfisher26/visual-styles

Updated Font to Syne for NavBar logo and subheaders

Author: rmfisher26

src/components/Header.astro

@@ -5,7 +5,6 @@ const currentPath = Astro.url.pathname;
 
 <header id="site-header">
   <a href={base} class="site-logo">
-    <span class="logo-fish">🐟</span>
     <span class="logo-guppy">GUPPY</span><span class="logo-fisher">FISHER</span>
   </a>
 
@@ -58,7 +57,7 @@ const currentPath = Astro.url.pathname;
 
   /* ── LOGO ── */
   .site-logo {
-    font-family: 'Inter', sans-serif;
+    font-family: 'Syne', sans-serif;
     font-weight: 600;
     font-size: 1.4rem;
     letter-spacing: -0.03em;
@@ -87,9 +86,9 @@ const currentPath = Astro.url.pathname;
   nav {
     display: flex;
     gap: 2rem;
-    font-family: 'Inter', sans-serif;
+    font-family: 'Syne', sans-serif;
     font-size: 0.82rem;
-    font-weight: 700;
+    font-weight: 500;
     letter-spacing: 0.08em;
     text-transform: uppercase;
   }