diff --git a/frontend/src/app.css b/frontend/src/app.css
index 24c1c68..4e0de9d 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -32,24 +32,3 @@
 		@apply px-4 py-2 leading-5 text-white transition-colors duration-200 transform bg-gray-700 rounded text-center hover:bg-gray-600 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50;
 	}
 }
-
-.why-classquiz::-webkit-scrollbar {
-	height: 0.8rem;
-	margin-bottom: 5rem;
-}
-
-.why-classquiz::-webkit-scrollbar-track {
-	box-shadow: inset 0 0 10px 10px transparent;
-	border: solid 3px transparent;
-}
-
-.why-classquiz::-webkit-scrollbar-thumb {
-	box-shadow: inset 0 0 10px 10px #374151;
-	border: solid 3px transparent;
-	border-radius: 15px;
-}
-
-.why-classquiz::-webkit-scrollbar-thumb:hover {
-	box-shadow: inset 0 0 10px 10px #555;
-	border: solid 3px transparent;
-}
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 089f0b6..770fc59 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -140,6 +140,30 @@
 		content="ClassQuiz is a quiz-application like KAHOOT!, but open-source. You can create quizzes and play them remotely with other people."
 	/>
 	<meta name="twitter:image" content={WebPOpenGraph} />
+	<style>
+		
+		.why-classquiz::-webkit-scrollbar {
+			height: 0.8rem;
+			margin-bottom: 5rem;
+		}
+
+		.why-classquiz::-webkit-scrollbar-track {
+			box-shadow: inset 0 0 10px 10px transparent;
+			border: solid 3px transparent;
+		}
+
+		.why-classquiz::-webkit-scrollbar-thumb {
+			box-shadow: inset 0 0 10px 10px #374151;
+			border: solid 3px transparent;
+			border-radius: 15px;
+		}
+
+		.why-classquiz::-webkit-scrollbar-thumb:hover {
+			box-shadow: inset 0 0 10px 10px #555;
+			border: solid 3px transparent;
+		}
+
+	</style>
 </svelte:head>
 
 <!--<div class="min-h-screen flex flex-col">