fixing tailwindcss import

Author: ReKylee

src/app.css

@@ -5,24 +5,19 @@
 }
 
 @import "tailwindcss";
+@plugin "@tailwindcss/typography";
 @import "@catppuccin/tailwindcss/config.css";
-
-body {
-  font-family: "Inter", "Heebo", sans-serif;
+@import "tailwindcss-animated";
+@theme {
+  --font-sans: "JetBrains Mono", sans-serif;
+  --font-hebrew: "Noto Sans Hebrew", sans-serif;
+  --default-font-family: "JetBrains Mono", var(--font-sans);
 }
 
 html {
   scroll-behavior: smooth;
 }
 
-.lang-en {
-  font-family: "JetBrains Mono", sans-serif;
-}
-
-.lang-he {
-  font-family: "Noto Sans Hebrew", sans-serif;
-}
-
 /* Ensure main content area scrolls independently */
 main {
   overflow-y: auto;
@@ -32,7 +27,9 @@ main {
 .section-animate {
   opacity: 0;
   transform: translateY(50px);
-  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
+  transition:
+    opacity 0.6s ease-out,
+    transform 0.6s ease-out;
 }
 
 .section-animate.is-visible {

vite.config.ts

@@ -1,23 +1,8 @@
 import tailwindcss from "@tailwindcss/vite";
 import { sveltekit } from "@sveltejs/kit/vite";
 import { defineConfig } from "vite";
-import typography from "@tailwindcss/typography";
 
 export default defineConfig({
-  plugins: [
-    tailwindcss({
-      content: ["./src/**/*.{html,js,svelte,ts}"],
-      theme: {
-        extend: {
-          fontFamily: {
-            sans: ['"JetBrains Mono"', "sans-serif"],
-            hebrew: ['"Noto Sans Hebrew"', "sans-serif"],
-          },
-        },
-      },
-      plugins: [typography],
-    }),
-    sveltekit(),
-  ],
+  plugins: [tailwindcss(), sveltekit()],
   base: process.env.BASE_PATH,
 });