diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3ae08c8..2f97816 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,16 +5,14 @@ import Footer from "@/components/Footer";
 export default function Layout({ children }) {
   return (
     <div className="container">
-      <div
-        style={{
-          position: "relative",
-          width: "100%",
-          height: "70px",
-          backgroundColor: "transparent",
-        }}
-      />
       <Navbar></Navbar>
-      <main>{children}</main>
+      <main style={{
+        backgroundColor: "red",
+        width: "100%",
+        height: "auto",
+        position: "relative",
+        marginTop: "70px",
+      }}>{children}</main>
       <Footer></Footer>
     </div>
   );
diff --git a/src/stylesheets/navbar.scss b/src/stylesheets/navbar.scss
index 27a8a08..6e57ea1 100644
--- a/src/stylesheets/navbar.scss
+++ b/src/stylesheets/navbar.scss
@@ -21,6 +21,8 @@
     overflow: hidden;
     margin: 0px;
     padding: 0px;
+    z-index: 1000;
+    transition: 0.5s;
 }
 
 .navbar-logo {