diff --git a/package.json b/package.json
index fbf7faf..3f934ae 100644
--- a/package.json
+++ b/package.json
@@ -49,13 +49,16 @@
     "vfile-reporter": "latest"
   },
   "devDependencies": {
+    "autoprefixer": "^10.4.16",
     "bimap": "latest",
     "cytoscape": "latest",
     "eslint": "latest",
     "eslint-config-next": "latest",
+    "postcss": "^8.4.32",
     "remark-frontmatter": "latest",
     "remark-react": "latest",
     "remark-stringify": "latest",
+    "tailwindcss": "^3.4.0",
     "uuid": "latest"
   },
   "resolutions": {
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..33ad091
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/styles/global.css b/styles/global.css
index f8f36c6..b5c61c9 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -1,14 +1,3 @@
-html,
-body {
-  padding: 0;
-  margin: 0;
-  font-family: 'Inter', sans-serif;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-#sidebar {
-    padding-left: 16px;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..b2a7a53
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,16 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+
+    // Or if using `src` directory:
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+