diff --git a/astro.config.mjs b/astro.config.mjs
index 461bd30..f1844b7 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,8 +1,12 @@
-import { defineConfig } from 'astro/config';
+import { defineConfig } from "astro/config";
 
 import tailwind from "@astrojs/tailwind";
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind()]
-});
\ No newline at end of file
+  integrations: [
+    tailwind({
+      config: { applyBaseStyles: false },
+    }),
+  ],
+});
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 3023fd3..70729ed 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,4 +1,6 @@
 ---
+import "../styles/base.css";
+
 export interface Props {
   title: string;
 }
diff --git a/src/styles/base.css b/src/styles/base.css
new file mode 100644
index 0000000..128b87c
--- /dev/null
+++ b/src/styles/base.css
@@ -0,0 +1,9 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+  .btn-blue {
+    @apply bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded;
+  }
+}