diff --git a/src/app/page.css b/src/app/page.css
index 03865f2..b8879d0 100644
--- a/src/app/page.css
+++ b/src/app/page.css
@@ -11,7 +11,7 @@
 	height: 100%;
 	background: black;
 	z-index: 4444;
-	transition: opacity 1.0s ease-in-out;
+	transition: opacity 1s ease-in-out;
 	pointer-events: none;
 
 	opacity: 1;
@@ -43,4 +43,4 @@
 	100% {
 		transform: rotate(360deg);
 	}
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c4366f2..d3b7dcc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -627,9 +627,7 @@ function Loader() {
 	}, [progress, active]);
 
 	return (
-		<div
-			className={`loader ${!visible ? 'loader hidden' : ''}`}
-		>
+		<div className={`loader ${!visible ? 'loader hidden' : ''}`}>
 			<img src='/img/niko.jpg' className='niko-spin' />
 		</div>
 	);
@@ -659,9 +657,12 @@ export default function Home() {
 					<SMAA />
 				</EffectComposer>
 
-				<Environment files={'hdr/sky.hdr'} environmentIntensity={1} background />
-				<fogExp2 attach='fog' args={[0x9A9A9A, 0.01]} />
-
+				<Environment
+					files={'hdr/sky.hdr'}
+					environmentIntensity={1}
+					background
+				/>
+				<fogExp2 attach='fog' args={[0x9a9a9a, 0.01]} />
 
 				<Terrain
 					chunks={16}