From 7c993b98feace4e9ddded0f579053ad236a8b910 Mon Sep 17 00:00:00 2001
From: Sean O'Connor <sean@soconnor.dev>
Date: Fri, 1 Aug 2025 17:49:41 -0400
Subject: [PATCH] Update Navigation styles for logo and mobile overlay

- Make logo larger and bolder with improved hover effect - Adjust mobile
overlay class order for consistency
---
 src/components/Navigation.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index 92f8268..b68ef52 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -36,8 +36,10 @@ export function Navigation() {
       >
         <div className="relative mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
           <div className="flex h-16 items-center justify-between">
-            <Link href="/">
-              <span className="text-lg font-bold">Sean O&apos;Connor</span>
+            <Link href="/" className="flex items-center py-2">
+              <span className="text-xl font-semibold tracking-tight transition-colors hover:text-primary">
+                Sean O&apos;Connor
+              </span>
             </Link>
             <div className="flex items-center space-x-4">
               <div className="hidden lg:flex lg:justify-end lg:space-x-4">
@@ -76,7 +78,7 @@ export function Navigation() {
         </div>
       </nav>
       <div
-        className={`bg-background/80 fixed inset-0 z-40 backdrop-blur-sm transition-opacity duration-200 ${
+        className={`fixed inset-0 z-40 bg-background/80 backdrop-blur-sm transition-opacity duration-200 ${
           isOpen ? "opacity-100" : "pointer-events-none opacity-0"
         }`}
         onClick={() => setIsOpen(false)}