From e2b3dcf1416c6fb2d1c0e8ceac4a7e0084d1ee9d Mon Sep 17 00:00:00 2001
From: Loren Cerio <75462501+cerioalex@users.noreply.github.com>
Date: Sat, 28 Oct 2023 09:00:22 +0000
Subject: [PATCH] Added hover effect on nav buttons

---
 src/components/Header/Header.styles.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/Header/Header.styles.ts b/src/components/Header/Header.styles.ts
index 2a3903b..ce97143 100644
--- a/src/components/Header/Header.styles.ts
+++ b/src/components/Header/Header.styles.ts
@@ -55,6 +55,11 @@ export const Nav = styled.nav<{ isOpen: boolean }>`
     @media ${breakpoints.md} {
       margin-bottom: 0;
     }
+
+    &:hover {
+      font-weight: bold;
+      border-bottom: 3px solid hsl(240, 74%, 31%);
+    }
   }
 `