[style] header pc 일때 nav 가운데로, footer에 작은 shadow 추가

Author: ahk0413

src/shared/components/footer/Footer.tsx

@@ -2,7 +2,7 @@ import Github from './Github';
 
 function Footer() {
   return (
-    <footer className="w-full bg-primary flex items-center justify-between p-[12px] font-serif font-light">
+    <footer className="w-full bg-primary flex items-center justify-between p-[12px] font-serif font-light shadow-footer">
       <div className="flex flex-col gap-1">
         <p className="text-sm md:text-base">Cocktail Discovery Service, SSOUL </p>
         <div className="flex flex-col sm:flex-row gap-0.5 sm:gap-2 text-sm md:text-base">

src/shared/components/header/Header.tsx

@@ -44,7 +44,10 @@ function Header() {
     >
       <HamburgerMenu />
       <HeaderLogo />
-      <NavItem pathname={pathname} className="sm:block hidden" />
+      <NavItem
+        pathname={pathname}
+        className="hidden sm:block sm:absolute sm:left-1/2 sm:top-1/2 sm:-translate-x-1/2 sm:-translate-y-1/2"
+      />
       <HeaderBtn pathname={pathname} />
     </header>
   );

src/shared/styles/_theme.css

@@ -19,4 +19,5 @@
   --inset-shadow-black: inset 0 0px 6px rgba(0, 0, 0, 0.6);
 
   --shadow-header: 0 6px 17px 0 rgba(255, 210, 187, 0.3);
+  --shadow-footer: 0 -1px 6px 0 rgba(255, 210, 187, 0.2);
 }