diff --git a/src/app.html b/src/app.html
index e9ad32d..560fb00 100644
--- a/src/app.html
+++ b/src/app.html
@@ -5,7 +5,7 @@
 		<meta name="viewport" content="width=device-width" />
 		%sveltekit.head%
 	</head>
-	<body data-sveltekit-preload-data="hover" data-theme="skeleton">
+	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">%sveltekit.body%</div>
 	</body>
 </html>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b115ef1..7ab5670 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,4 +1,4 @@
-<script lang='ts'>
+<script>
 	import '@skeletonlabs/skeleton/themes/theme-skeleton.css';
 	import '@skeletonlabs/skeleton/styles/skeleton.css';
 	import '../app.postcss';
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index eb2fb2e..043d3e0 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -24,7 +24,7 @@
 	<meta name="keywords" content="self-taught programmer, open-source software, LibrePass, password manager, Fedora, KDE, portfolio, projects, achievements">
 </svelte:head>
 
-<div class="container h-full mx-auto flex justify-center items-center">
+<div class="first-gradient h-full mx-auto flex justify-center items-center">
 	<div class="max-w-[640px] variant-glass rounded-container-token shadow-xl">
 		<div class="grid grid-cols-3 gap-8 items-center p-6">
 			<img src={avatar} class="w-full aspect-square rounded-full" alt="Avatar" />
@@ -137,3 +137,11 @@
 		&copy; 2023 Medzik
 	</div>
 </footer>
+
+<style lang="postcss">
+	.first-gradient {
+		background-image:
+			radial-gradient(at 0% 0%, rgba(var(--color-secondary-500) / 0.33) 0px, transparent 50%),
+			radial-gradient(at 98% 1%, rgba(var(--color-error-500) / 0.33) 0px, transparent 50%);
+	}
+</style>
