diff --git a/src/lib/components/BackgroundParticles.svelte b/src/lib/components/BackgroundParticles.svelte
index 12a06bbe..56c9565b 100644
--- a/src/lib/components/BackgroundParticles.svelte
+++ b/src/lib/components/BackgroundParticles.svelte
@@ -19,7 +19,7 @@
 					type: 'circle'
 				},
 				color: {
-					value: ['#FFFFFF']
+					value: ['#C945FF']
 				},
 				links: {
 					color: '#C945FF',
@@ -39,7 +39,10 @@
 					speed: 0.1
 				},
 				number: {
-					value: 200
+					value:
+						(window.innerHeight * window.innerWidth) / 10000 > 200
+							? 200
+							: (window.innerHeight * window.innerWidth) / 10000
 				},
 				effect: {
 					close: true,
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 29ff7128..af6f5efe 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,8 +5,6 @@
 	import Footer from './Footer.svelte';
 	import Header from './Header.svelte';
 
-	const year = new Date().getFullYear();
-
 	onNavigate((navigation) => {
 		if (!document.startViewTransition) return;
 
@@ -21,7 +19,7 @@
 
 <Header />
 
-<main in:fade={{ duration: 100, delay: 200 }} out:fade={{ duration: 100 }}>
+<main in:fade={{ duration: 50, delay: 50 }} out:fade={{ duration: 50 }}>
 	<slot />
 </main>