diff --git a/package-lock.json b/package-lock.json
index 9e9a294..9315da4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,6 @@
         "@types/react-dom": "^18.2.18",
         "astro": "^4.0.7",
         "framer-motion": "^10.16.16",
-        "geist": "^1.3.0",
         "nanostores": "^0.9.5",
         "preact": "^10.19.3",
         "react": "^18.2.0",
@@ -1237,156 +1236,6 @@
         "react": ">=18.0.0"
       }
     },
-    "node_modules/@next/env": {
-      "version": "14.1.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.1.4.tgz",
-      "integrity": "sha512-e7X7bbn3Z6DWnDi75UWn+REgAbLEqxI8Tq2pkFOFAMpWAWApz/YCUhtWMWn410h8Q2fYiYL7Yg5OlxMOCfFjJQ==",
-      "peer": true
-    },
-    "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.1.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.4.tgz",
-      "integrity": "sha512-ubmUkbmW65nIAOmoxT1IROZdmmJMmdYvXIe8211send9ZYJu+SqxSnJM4TrPj9wmL6g9Atvj0S/2cFmMSS99jg==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-darwin-x64": {
-      "version": "14.1.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.1.4.tgz",
-      "integrity": "sha512-b0Xo1ELj3u7IkZWAKcJPJEhBop117U78l70nfoQGo4xUSvv0PJSTaV4U9xQBLvZlnjsYkc8RwQN1HoH/oQmLlQ==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "14.1.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.1.4.tgz",
-      "integrity": "sha512-457G0hcLrdYA/u1O2XkRMsDKId5VKe3uKPvrKVOyuARa6nXrdhJOOYU9hkKKyQTMru1B8qEP78IAhf/1XnVqKA==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.1.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.1.4.tgz",
-      "integrity": "sha512-l/kMG+z6MB+fKA9KdtyprkTQ1ihlJcBh66cf0HvqGP+rXBbOXX0dpJatjZbHeunvEHoBBS69GYQG5ry78JMy3g==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "14.1.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.1.4.tgz",
-      "integrity": "sha512-BapIFZ3ZRnvQ1uWbmqEGJuPT9cgLwvKtxhK/L2t4QYO7l+/DxXuIGjvp1x8rvfa/x1FFSsipERZK70pewbtJtw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "14.1.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.1.4.tgz",
-      "integrity": "sha512-mqVxTwk4XuBl49qn2A5UmzFImoL1iLm0KQQwtdRJRKl21ylQwwGCxJtIYo2rbfkZHoSKlh/YgztY0qH3wG1xIg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "14.1.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.1.4.tgz",
-      "integrity": "sha512-xzxF4ErcumXjO2Pvg/wVGrtr9QQJLk3IyQX1ddAC/fi6/5jZCZ9xpuL9Tzc4KPWMFq8GGWFVDMshZOdHGdkvag==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.1.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.1.4.tgz",
-      "integrity": "sha512-WZiz8OdbkpRw6/IU/lredZWKKZopUMhcI2F+XiMAcPja0uZYdMTZQRoQ0WZcvinn9xZAidimE7tN9W5v9Yyfyw==",
-      "cpu": [
-        "ia32"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "14.1.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.1.4.tgz",
-      "integrity": "sha512-4Rto21sPfw555sZ/XNLqfxDUNeLhNYGO2dlPqsnuCg8N8a2a9u1ltqBOPQ4vj1Gf7eJC0W2hHG2eYUHuiXgY2w==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "peer": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -1601,15 +1450,6 @@
         "win32"
       ]
     },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
-      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
-      "peer": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
@@ -2389,18 +2229,6 @@
         "ieee754": "^1.2.1"
       }
     },
-    "node_modules/busboy": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
-      "peer": true,
-      "dependencies": {
-        "streamsearch": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=10.16.0"
-      }
-    },
     "node_modules/camelcase": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz",
@@ -2575,12 +2403,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
-      "peer": true
-    },
     "node_modules/cliui": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
@@ -3385,14 +3207,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/geist": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/geist/-/geist-1.3.0.tgz",
-      "integrity": "sha512-IoGBfcqVEYB4bEwsfHd35jF4+X9LHRPYZymHL4YOltHSs9LJa24DYs1Z7rEMQ/lsEvaAIc61Y9aUxgcJaQ8lrg==",
-      "peerDependencies": {
-        "next": ">=13.2.0 <15.0.0-0"
-      }
-    },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -5204,80 +5018,6 @@
         "ms": "^2.1.1"
       }
     },
-    "node_modules/next": {
-      "version": "14.1.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.1.4.tgz",
-      "integrity": "sha512-1WTaXeSrUwlz/XcnhGTY7+8eiaFvdet5z9u3V2jb+Ek1vFo0VhHKSAIJvDWfQpttWjnyw14kBeq28TPq7bTeEQ==",
-      "peer": true,
-      "dependencies": {
-        "@next/env": "14.1.4",
-        "@swc/helpers": "0.5.2",
-        "busboy": "1.6.0",
-        "caniuse-lite": "^1.0.30001579",
-        "graceful-fs": "^4.2.11",
-        "postcss": "8.4.31",
-        "styled-jsx": "5.1.1"
-      },
-      "bin": {
-        "next": "dist/bin/next"
-      },
-      "engines": {
-        "node": ">=18.17.0"
-      },
-      "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.1.4",
-        "@next/swc-darwin-x64": "14.1.4",
-        "@next/swc-linux-arm64-gnu": "14.1.4",
-        "@next/swc-linux-arm64-musl": "14.1.4",
-        "@next/swc-linux-x64-gnu": "14.1.4",
-        "@next/swc-linux-x64-musl": "14.1.4",
-        "@next/swc-win32-arm64-msvc": "14.1.4",
-        "@next/swc-win32-ia32-msvc": "14.1.4",
-        "@next/swc-win32-x64-msvc": "14.1.4"
-      },
-      "peerDependencies": {
-        "@opentelemetry/api": "^1.1.0",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "sass": "^1.3.0"
-      },
-      "peerDependenciesMeta": {
-        "@opentelemetry/api": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/next/node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "peer": true,
-      "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
     "node_modules/nlcst-to-string": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.1.tgz",
@@ -7217,15 +6957,6 @@
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
     },
-    "node_modules/streamsearch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
-      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
-      "peer": true,
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
     "node_modules/streamx": {
       "version": "2.15.6",
       "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.15.6.tgz",
@@ -7390,29 +7121,6 @@
         "tslib": "^2.1.0"
       }
     },
-    "node_modules/styled-jsx": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
-      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
-      "peer": true,
-      "dependencies": {
-        "client-only": "0.0.1"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "peerDependencies": {
-        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/sucrase": {
       "version": "3.35.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
diff --git a/package.json b/package.json
index 6391999..ac19ea2 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,6 @@
     "@types/react-dom": "^18.2.18",
     "astro": "^4.0.7",
     "framer-motion": "^10.16.16",
-    "geist": "^1.3.0",
     "nanostores": "^0.9.5",
     "preact": "^10.19.3",
     "react": "^18.2.0",
diff --git a/public/fonts/Geist-Light.woff2 b/public/fonts/Geist-Light.woff2
new file mode 100644
index 0000000..3fb925b
Binary files /dev/null and b/public/fonts/Geist-Light.woff2 differ
diff --git a/public/fonts/Geist-Medium.woff2 b/public/fonts/Geist-Medium.woff2
new file mode 100644
index 0000000..f6ee691
Binary files /dev/null and b/public/fonts/Geist-Medium.woff2 differ
diff --git a/public/fonts/Geist-Regular.woff2 b/public/fonts/Geist-Regular.woff2
new file mode 100644
index 0000000..9867e87
Binary files /dev/null and b/public/fonts/Geist-Regular.woff2 differ
diff --git a/public/fonts/Geist-SemiBold.woff2 b/public/fonts/Geist-SemiBold.woff2
new file mode 100644
index 0000000..416789f
Binary files /dev/null and b/public/fonts/Geist-SemiBold.woff2 differ
diff --git a/src/assets/images/dribbble/d1.png b/src/assets/images/dribbble/d1.png
index ce9bc1b..3ead610 100644
Binary files a/src/assets/images/dribbble/d1.png and b/src/assets/images/dribbble/d1.png differ
diff --git a/src/assets/images/dribbble/d2.png b/src/assets/images/dribbble/d2.png
index d79f6ee..edbe4d9 100644
Binary files a/src/assets/images/dribbble/d2.png and b/src/assets/images/dribbble/d2.png differ
diff --git a/src/assets/images/dribbble/d4.png b/src/assets/images/dribbble/d4.png
index 7000434..87ba1a5 100644
Binary files a/src/assets/images/dribbble/d4.png and b/src/assets/images/dribbble/d4.png differ
diff --git a/src/assets/images/dribbble/d6.png b/src/assets/images/dribbble/d6.png
index 7fea186..d433818 100644
Binary files a/src/assets/images/dribbble/d6.png and b/src/assets/images/dribbble/d6.png differ
diff --git a/src/components/Aside.tsx b/src/components/Aside.tsx
index 52b396e..c5b3b50 100644
--- a/src/components/Aside.tsx
+++ b/src/components/Aside.tsx
@@ -9,7 +9,7 @@ const Aside = () => {
       <div className="top-section">
         <div className="title dark:text-white">
           <h1 className="text-xl font-medium leading-3 ">Hector Rivera</h1>
-          <p className="text-sm">Developer & Designer</p>
+          <p className="text-sm font-light">Developer & Designer</p>
         </div>
         <Navigation />
       </div>
diff --git a/src/components/Contact.tsx b/src/components/Contact.tsx
index d662a9f..9ec33ad 100644
--- a/src/components/Contact.tsx
+++ b/src/components/Contact.tsx
@@ -30,17 +30,8 @@ const Contact = () => {
             target="_blank"
             className="hover:text-blue-500"
           >
-            Behance 1
+            Behance
           </a>
-
-          <a
-            href="https://www.behance.net/time_"
-            target="_blank"
-            className="hover:text-blue-500"
-          >
-            Behance 2
-          </a>
-
           <hr />
 
           <a
diff --git a/src/components/Main.tsx b/src/components/Main.tsx
index 0f3553e..47e0945 100644
--- a/src/components/Main.tsx
+++ b/src/components/Main.tsx
@@ -8,7 +8,7 @@ const Main = () => {
   const $menuState = useStore(menuState);
 
   return (
-    <main className="p-5 md:pl-48 w-full h-full dark:bg-zinc-900 dark:text-white">
+    <main className="p-5 md:pl-48 md:mr-24 w-full h-full dark:bg-zinc-900 dark:text-white">
       {$menuState == "home" ? (
         <AboutMe/>
       ) : $menuState == "work" ? (
diff --git a/src/pages/index.astro b/src/pages/index.astro
index d852538..21e8997 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,7 +1,6 @@
 ---
 import Aside from "../components/Aside.tsx";
 import Main from "../components/Main";
-import Darkmode from "../components/Darkmode.astro";
 ---
 
 <html lang="en">
@@ -19,17 +18,11 @@ import Darkmode from "../components/Darkmode.astro";
       <Aside client:load/>
       <Main client:load/>
     </header>
-    <script is:inline>
-      document.addEventListener("DOMContentLoaded", function () {
-        const changeTheme = document.getElementById("changeTheme");
-        const body = document.body;
-
-        changeTheme.addEventListener("click", function () {
-          // Alternar clases de tema de TailwindCSS
-          body.classList.toggle("dark");
-        });
-      });
-    </script>
   </body>
 </html>
-../components/Aside.tsx
\ No newline at end of file
+
+<style>
+  body{
+    font-family: 'Satoshi';
+  }
+</style>
\ No newline at end of file
diff --git a/src/util/Paragraph.tsx b/src/util/Paragraph.tsx
index fe6a5a9..baaba2d 100644
--- a/src/util/Paragraph.tsx
+++ b/src/util/Paragraph.tsx
@@ -14,7 +14,7 @@ const Paragraph = ({ isTitle, title, content, duration = 0.5, delay = 0.2}: pTex
       {isTitle && (
         <div w-full >
           <motion.h3
-            className="text-l font-medium mt-3"
+            className="text-xl font-extralight mt-3"
             initial={{ y: "-200%" }}
             animate={{ y: 0 }}
             transition={{
diff --git a/src/util/ProjectItem.tsx b/src/util/ProjectItem.tsx
index 071ebb3..197b4de 100644
--- a/src/util/ProjectItem.tsx
+++ b/src/util/ProjectItem.tsx
@@ -82,7 +82,7 @@ const ProjectItem = () => {
                       </> : null
                     }
                     </div>
-                  <div className="mb-5 columns-1 md:columns-2 lg:columns-3 overflow-hidden">
+                  <div className="mb-5 columns-1 md:columns-2 overflow-hidden">
                     
                     {project?.images.map((image) => (
                       <>
@@ -91,6 +91,7 @@ const ProjectItem = () => {
                             src={image.src}
                             alt="image"
                             className="h-fit py-2 hover:brightness-75 transition-all"
+                            loading="lazy"
                           />
                         </a>
                       </>
diff --git a/src/util/Projects.ts b/src/util/Projects.ts
index 9f05224..a8101b7 100644
--- a/src/util/Projects.ts
+++ b/src/util/Projects.ts
@@ -170,7 +170,7 @@ export const allDesignProjects: imageGallery[] = [
     subtitle: "Advertising and 3D",
     description:
       "This project showcases the elegance and innovation of a minimalist smartphone design, focusing on essential features and a sleek aesthetic.",
-    columns: 2,
+    columns: 1,
     images: [
       {
         src: n1.src,
diff --git a/src/util/Title.tsx b/src/util/Title.tsx
index 89c6bd8..936b4de 100644
--- a/src/util/Title.tsx
+++ b/src/util/Title.tsx
@@ -11,7 +11,7 @@ const Title = ({ title, children }: props) => {
   return (
     <div className="overflow-hidden w-full lg:w-6/12">
       <motion.h3
-        className="text-l font-medium"
+        className="text-2xl font-normal"
         initial={{ y: "-200%" }}
         animate={{ y: 0 }}
         transition={{
diff --git a/src/util/style.sass b/src/util/style.sass
index ed6e709..cfdf823 100644
--- a/src/util/style.sass
+++ b/src/util/style.sass
@@ -1,12 +1,41 @@
+@font-face
+    font-family: 'Geist'
+    src: url('/fonts/Geist-SemiBold.woff2') format('woff2')
+    font-weight: bold
+    font-style: normal
+    font-display: swap
+
+@font-face
+    font-family: 'Geist'
+    src: url('/fonts/Geist-Regular.woff2') format('woff2')
+    font-weight: 500
+    font-style: normal
+    font-display: swap
+
+@font-face
+    font-family: 'Geist'
+    src: url('/fonts/Geist-Medium.woff2') format('woff2')
+    font-weight: 400
+    font-style: normal
+    font-display: swap
+
+@font-face
+    font-family: 'Geist'
+    src: url('/fonts/Geist-Light.woff2') format('woff2')
+    font-weight: lighter
+    font-style: normal
+    font-display: swap
+
+
 details
     cursor: pointer
-    
+
 summary
     &:hover
         filter: opacity(0.6)
 
 details[open] > *:not(summary) 
-    animation: details-show 150ms ease-in-out
+        animation: details-show 150ms ease-in-out
 
 @keyframes details-show
     from
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 72e8eaa..1f98032 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -3,10 +3,12 @@ export default {
 	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
 	darkMode: "class",
 	theme: {
-		fontFamily:{
-			'sans': ['Satoshi']
-		},
-		extend: {},
+		extend: {
+			fontFamily: {
+			  sans: ['var(--font-geist-sans)'],
+			  mono: ['var(--font-geist-mono)'],
+			},
+		  },
 	},
 	plugins: [],
 }