Updated npm and installed daisyUI and tailwind

package.json

@@ -15,11 +15,15 @@
 		"@sveltejs/kit": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "^3.0.0",
 		"@zerodevx/svelte-img": "^2.1.0",
+		"autoprefixer": "^10.4.20",
+		"daisyui": "^4.12.12",
+		"postcss": "^8.4.47",
 		"sass": "^1.77.4",
 		"svelte": "^4.2.7",
 		"svelte-check": "^3.6.0",
 		"svelte-highlight": "^7.6.0",
 		"svelte-parallax": "^0.6.0",
+		"tailwindcss": "^3.4.13",
 		"typescript": "^5.0.0",
 		"vite": "^5.0.3",
 		"vite-plugin-svgr": "^4.2.0"

postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/lib/app.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/routes/+layout.svelte

@@ -1,5 +1,7 @@
 <!-- If url contains "hideOnPrint" param, then detect if start printing then hide elements -->
 <script lang="ts">
+    import "$lib/app.css";
+
     import { fly } from 'svelte/transition';
     import MediaQuery from 'svelte-media-queries';
     export let hideOnPrint: boolean;

tailwind.config.js

@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./src/**/*.{html,js,svelte,ts}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [require('daisyui'),],
+}
+