the migration is completed

postcss.config.js

@@ -1,5 +1,5 @@
 export default {
 	plugins: {
-		'@tailwindcss/postcss': {},
+		'@tailwindcss/postcss': {}
 	}
 };

src/app.html

@@ -12,7 +12,6 @@
 				src: url('/fonts/PressStart2P-Regular.ttf');
 			}
 
-
 			body {
 				background: black; /* Fallback */
 				font-family: 'Press Start 2P', sans-serif;

src/lib/components/Loader.svelte

@@ -1,6 +1,6 @@
 <div
-	class="absolute inset-0 z-10 flex items-center justify-center bg-white bg-opacity-50"
+	class="bg-opacity-50 absolute inset-0 z-10 flex items-center justify-center bg-white"
 	id="spinner"
 >
-	<div class="h-20 w-20 animate-spin rounded-full border-b-2 border-t-2 border-gray-900"></div>
+	<div class="h-20 w-20 animate-spin rounded-full border-t-2 border-b-2 border-gray-900"></div>
 </div>

src/routes/+page.svelte

@@ -45,7 +45,7 @@
 	<!-- Info Icon -->
 	<button
 		onclick={toggleModal}
-		class="absolute right-3 top-3 text-pink-500 transition hover:text-pink-300"
+		class="absolute top-3 right-3 text-pink-500 transition hover:text-pink-300"
 		aria-label="Open Info Modal"
 	>
 		<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-6 w-6" viewBox="0 0 24 24">
@@ -137,7 +137,7 @@
 
 <!-- Modal -->
 {#if showModal}
-	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-80">
+	<div class="bg-opacity-80 fixed inset-0 z-50 flex items-center justify-center bg-black">
 		<div
 			class="w-4/5 max-w-lg rounded-lg border-4 border-green-500 bg-green-900 p-6 text-center text-green-100"
 		>