diff --git a/app/globals.css b/app/globals.css
index 756e519..1496a7c 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,5 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&display=swap");
-
@tailwind base;
@tailwind components;
@tailwind utilities;
@@ -7,7 +5,21 @@
html {
height: 100%;
width: 100%;
- font-family: "Poppins" sans-serif;
+ font-family: "Poppins", sans-serif;
+ overflow-x: hidden;
+}
+
+body {
+ font-family: var(--font-poppins);
+ user-select: text;
+ overflow-x: clip;
+}
+
+* {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ scroll-behavior: smooth;
}
@layer base {
@@ -59,26 +71,7 @@ html {
--input: 240 3.7% 15.9%;
--ring: 142.4 71.8% 29.2%;
}
-}
-* {
- list-style: none;
- padding: 0;
- margin: 0;
- scroll-behavior: smooth;
-}
-
-html {
- overflow-x: hidden;
-}
-
-body {
- font-family: var(--font-poppins);
- user-select: text;
- overflow-x: clip;
-}
-
-@layer base {
* {
@apply border-border;
}
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 162115d..78e751a 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,10 +1,23 @@
-import "@/app/globals.css";
+import { Poppins } from "next/font/google";
+import "./globals.css";
+
+const poppins = Poppins({
+ weight: ["400", "600", "700", "900"],
+ subsets: ["latin"],
+});
function MyApp({ Component, pageProps }) {
return (
-