diff --git a/web/src/layouts/Layout.astro b/web/src/layouts/Layout.astro
index f49ea83..56c3fcc 100644
--- a/web/src/layouts/Layout.astro
+++ b/web/src/layouts/Layout.astro
@@ -1,10 +1,14 @@
 ---
 
+import NavBar from '@components/scafold/NavBar.astro';
+import Footer from '@components/scafold/Footer.astro';
+
 interface Props {
 	title: string;
+	hideNav?: boolean;
 }
 
-const { title } = Astro.props;
+const { title, hideNav } = Astro.props;
 
 ---
 
@@ -19,7 +23,9 @@ const { title } = Astro.props;
 		<title>{title}</title>
 	</head>
 	<body>
+		{!hideNav && <NavBar /> }
 		<slot />
+		<Footer />
 	</body>
 </html>
 
@@ -44,5 +50,17 @@ const { title } = Astro.props;
 	html {
 		background: var(--background);
 		background-size: 224px;
+		::selection {
+			background: var(--accent);
+			color: var(--accent-fg);
+		}
+		scroll-behavior: smooth;
+	}
+	body {
+		margin: 0;
+		min-height: 100vh;
+		background: #feecff;
+		background: -webkit-radial-gradient(circle, #feecff 0%, #e1e4fb 100%);
+		background: radial-gradient(circle, #feecff 0%, #e1e4fb 100%);
 	}
 </style>
