diff --git a/pages/_app.tsx b/pages/_app.tsx
index 202bca1..9568b93 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,6 +1,6 @@
-import DarkModeToggle from '@/components/darkmodeToggle';
 import '@/styles/globals.css';
 import type { AppProps } from 'next/app';
+import DarkModeToggle from '@/components/DarkmodeToggle';
 
 export default function App({ Component, pageProps }: AppProps) {
   return (
diff --git a/tailwind.config.ts b/tailwind.config.ts
index ebc2aa0..f354699 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -52,6 +52,59 @@ export default {
       boxShadow: {
         custom: '0px 4px 20px 0px rgba(0, 0, 0, 0.08)',
       },
+      fontSize: {
+        // 12px
+        '12': ['12px', { lineHeight: '18px', fontWeight: '400' }], // Regular
+        '12md': ['12px', { lineHeight: '18px', fontWeight: '500' }], // Medium
+        '12sb': ['12px', { lineHeight: '18px', fontWeight: '600' }], // Semibold
+
+        // 12px
+        '13md': ['13px', { lineHeight: '22px', fontWeight: '500' }], // Medium
+        '13sb': ['13px', { lineHeight: '22px', fontWeight: '600' }], // Semibold
+
+        // 14px
+        '14': ['14px', { lineHeight: '24px', fontWeight: '400' }], // Regular
+        '14md': ['14px', { lineHeight: '24px', fontWeight: '500' }], // Medium
+        '14sb': ['14px', { lineHeight: '24px', fontWeight: '600' }], // Semibold
+        '14b': ['14px', { lineHeight: '24px', fontWeight: '700' }], // Bold
+
+        // 16px
+        '16': ['16px', { lineHeight: '26px', fontWeight: '400' }], // Regular
+        '16md': ['16px', { lineHeight: '26px', fontWeight: '500' }], // Medium
+        '16sb': ['16px', { lineHeight: '26px', fontWeight: '600' }], // Semibold
+        '16b': ['16px', { lineHeight: '26px', fontWeight: '700' }], // Bold
+
+        // 18px
+        '18': ['18px', { lineHeight: '26px', fontWeight: '400' }], // Regular
+        '18md': ['18px', { lineHeight: '26px', fontWeight: '500' }], // Medium
+        '18sb': ['18px', { lineHeight: '26px', fontWeight: '600' }], // Semibold
+        '18b': ['18px', { lineHeight: '26px', fontWeight: '700' }], // Bold
+
+        // 20px
+        '20': ['20px', { lineHeight: '32px', fontWeight: '400' }], // Regular
+        '20md': ['20px', { lineHeight: '32px', fontWeight: '500' }], // Medium
+        '20sb': ['20px', { lineHeight: '32px', fontWeight: '600' }], // Semibold
+        '20b': ['20px', { lineHeight: '32px', fontWeight: '700' }], // Bold
+
+        // 24px
+        '24': ['24px', { lineHeight: '32px', fontWeight: '400' }], // Regular
+        '24md': ['24px', { lineHeight: '32px', fontWeight: '500' }], // Medium
+        '24sb': ['24px', { lineHeight: '32px', fontWeight: '600' }], // Semibold
+        '24b': ['24px', { lineHeight: '32px', fontWeight: '700' }], // Bold
+
+        // 32px
+        '32sb': ['32px', { lineHeight: '42px', fontWeight: '600' }], // Semibold
+        '32b': ['32px', { lineHeight: '46px', fontWeight: '700' }], // Bold
+
+        // 40px
+        '40b': ['40px', { lineHeight: '42px', fontWeight: '700' }], // Bold
+
+        // 48px
+        '48sb': ['48px', { lineHeight: '46px', fontWeight: '600' }], // Semibold
+      },
+      borderRadius: {
+        custom: '10px',
+      },
     },
   },
   plugins: [],