diff --git a/src/app.html b/src/app.html
index 77a5ff5..a158320 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,12 +1,12 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" style="height: 100%; margin: 0">
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
 	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
+	<body data-sveltekit-preload-data="hover" style="height: 100%; margin: 0">
+		<div style="display: contents; height: 100%">%sveltekit.body%</div>
 	</body>
 </html>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 726b46c..42146f4 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -3,4 +3,10 @@
 	let { children } = $props();
 </script>
 
-{@render children()}
+<div class="h-full text-white">{@render children()}</div>
+
+<style>
+	:root {
+		background-color: black;
+	}
+</style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index cc88df0..7f94d35 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,2 +1,19 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
+<script>
+	import { goto } from '$app/navigation';
+</script>
+
+<div class="bg-grey-900 flex h-full items-center justify-center">
+	<div class="flex flex-col items-center justify-center gap-1 rounded-lg bg-gray-900 p-8 shadow-lg">
+		<h1 class="m-[0] text-6xl">DaKahootClone</h1>
+		<p class="m-[0] mb-2 text-lg text-gray-400">The best eveer kahoot clone.</p>
+		<button
+			on:click={() => goto('/join')}
+			class="cursor-pointer rounded-full bg-green-700 p-2 transition-all hover:scale-110 hover:-rotate-10"
+			>Join a game</button
+		>
+		<button
+			class="cursor-pointer rounded-full bg-blue-700 p-2 transition-all hover:scale-110 hover:-rotate-10"
+			on:click={() => goto('/create')}>Create and Host a game</button
+		>
+	</div>
+</div>
diff --git a/src/routes/create/+page.svelte b/src/routes/create/+page.svelte
index 82b0550..4af0fc9 100644
--- a/src/routes/create/+page.svelte
+++ b/src/routes/create/+page.svelte
@@ -12,11 +12,7 @@
 			alert('Please fill in the question for each question.');
 			return;
 		}
-		if (
-			questions.some((question) =>
-				question.answers.some((answer) => answer === '')
-			)
-		) {
+		if (questions.some((question) => question.answers.some((answer) => answer === ''))) {
 			alert('Please fill in each of the options for each question.');
 			return;
 		}
@@ -25,7 +21,7 @@
 			return;
 		}
 
-        alert('Game started!');
+		alert('Game started!');
 	}
 </script>
 
