make nav interactable

Author: jamest0

Diff for: components/Background.tsx

@@ -1,7 +1,7 @@
 import Spline from "@splinetool/react-spline";
 
 const Background = () => {
-  return <Spline className="absolute" scene="https://prod.spline.design/thPGkOvNXu8XjGlk/scene.splinecode" />;
+  return <Spline className="absolute " scene="https://prod.spline.design/thPGkOvNXu8XjGlk/scene.splinecode" />;
 };
 
 export default Background;

Diff for: components/Navbar.tsx

@@ -3,7 +3,7 @@ import Link from "next/link";
 
 const Navbar = () => {
   return (
-    <nav className="flex justify-between items-center">
+    <nav className="flex justify-between items-center relative z-10">
       <Link href="#landing">
         <Image src="/assets/csesoc_logo.svg" alt="CSESoc Logo" width={200} height={200} draggable={false} />
         <p className="mt-3 text-xs">C:\INTERNAL STRUCTURE\HOME</p>