refactor(Header, globals.css, Home): update header positioning and fix background to fixed

app/components/Header.tsx

@@ -3,7 +3,7 @@ export default function Header({
 }: Readonly<{
     children: React.ReactNode;
 }>) {
-    return <header className="absolute flex justify-between w-full">
+    return <header className="fixed flex justify-between w-full z-10 backdrop-blur-sm">
         {children}
     </header>
 }

app/globals.css

@@ -15,7 +15,7 @@ body {
 .bg{
   width: 100vw;
   height: 100vh;
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   z-index: -999;

app/page.tsx

@@ -15,6 +15,7 @@ export default function Home() {
   }, []);
 
   return (
+    <>
       <section className="mx-10 mt-50 ml-50">
         <h2 className="text-7xl/12 font-light">Mike</h2>
         <h1 className="text-9xl font-bold">Karl</h1>
@@ -31,5 +32,6 @@ export default function Home() {
           </motion.h3>
         </AnimatePresence>
       </section>
+    </>
   );
 }