diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 5ab20d8..5af52f8 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -12,13 +12,16 @@
         box-sizing: border-box;
     }
 
+    :global(body) {
+        background: linear-gradient(135deg, #1e1e2f, #252547);
+    }
+
     :global(main) {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         min-height: 100vh;
-        background: linear-gradient(135deg, #1e1e2f, #252547);
         color: white;
         font-family: "Inter", sans-serif;
         text-align: center;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 9ecfe21..e30502a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -129,13 +129,13 @@
 
 <svg
     id="stars-lines"
-    style="position: fixed; height: 100%; width: 100%;"
-    viewBox="0 0 300 300"
+    aria-hidden="true"
+    style="position: fixed; left: 0; top: 0; height: 100vh; width: 100vw; z-index: 0;"
 ></svg>
 
-<div id="stars"></div>
+<div id="stars" style="position: fixed; left: 0; top: 0; z-index: 2;"></div>
 
-<main>
+<main style="position: relative; z-index: 1;">
     <h1>Hey, I'm Ludwig 🚀</h1>
     <p>Welcome to my digital playground.</p>