From 51906231ef4bc5fe0138263aee63efedc4e1b8b0 Mon Sep 17 00:00:00 2001
From: eggy <eggyrules@gmail.com>
Date: Sun, 7 Aug 2022 20:15:18 -0400
Subject: [PATCH] fix: use drop shadow over border

---
 components/Navbar.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/Navbar.vue b/components/Navbar.vue
index ef015c2..45a75b0 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -24,7 +24,8 @@ import { navItems } from "@/data/navItems";
 nav {
   height: 4rem;
   width: 100%;
-  border: 1px solid red;
+  box-shadow: 0 0.25rem 0.5rem 0px lightgray;
+  background: white;
   padding: 1rem;
   /* main stuff is z-index 1 and the hamburger must be above everything else */
   z-index: 2;