🔥 Fix z-index

src/pages/index.tsx

@@ -33,11 +33,11 @@ const Home: NextPage = () => {
 
   return (
     <DefaultLayout>
-      <main className="flex h-screen w-screen flex-row ">
+      <main className="flex h-screen w-screen flex-row">
         <Drawer />
         <div
           id="content"
-          className="flex h-screen w-full items-center justify-center p-2 px-4"
+          className="z-10 flex h-screen w-full items-center justify-center p-2 px-4"
         >
           <div
             id="layout"

src/styles/globals.css

@@ -15,7 +15,7 @@
 .lower-gradient {
   background-image: linear-gradient(
     to top,
-    rgba(255, 255, 255, 0.01),
+    rgba(255, 255, 255, 0.03),
     rgba(255, 255, 255, 0)
   );
   height: 20vh;
@@ -23,7 +23,6 @@
   bottom: 0;
   left: 0;
   right: 0;
-  z-index: -10;
 }
 
 /* Customize website's scrollbar like Mac OS