ccrma
diff --git a/‎dist/assets/index-e8f37803.js ‎dist/assets/index-34cd1c3d.js
+1-1 b/‎dist/assets/index-e8f37803.js ‎dist/assets/index-34cd1c3d.js
+1-1
diff --git a/‎dist/assets/index-64fd38d7.css
-1 b/‎dist/assets/index-64fd38d7.css
-1
diff --git a/‎dist/assets/index-94e696a8.css
+1 b/‎dist/assets/index-94e696a8.css
+1
diff --git a/‎dist/index.html
+2-2 b/‎dist/index.html
+2-2
diff --git a/‎package-lock.json
+1,058 b/‎package-lock.json
+1,058
diff --git a/‎package.json
+3 b/‎package.json
+3
diff --git a/‎postcss.config.js
+6 b/‎postcss.config.js
+6
diff --git a/‎src/main.ts
+1-1 b/‎src/main.ts
+1-1
diff --git a/‎styles/style.css
+6-2 b/‎styles/style.css
+6-2
diff --git a/‎tailwind.config.js
+12 b/‎tailwind.config.js
+12
@@ -25,8 +25,8 @@
     <link rel="icon" type="image/png" sizes="32x32" href="./favicon_io/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="./favicon_io/favicon-16x16.png">
     <link rel="manifest" href="./favicon_io/site.webmanifest">
-    <script type="module" crossorigin src="./assets/index-e8f37803.js"></script>
-    <link rel="stylesheet" href="./assets/index-64fd38d7.css">
+    <script type="module" crossorigin src="./assets/index-34cd1c3d.js"></script>
+    <link rel="stylesheet" href="./assets/index-94e696a8.css">
   </head>
   <body>
 
 
@@ -10,7 +10,10 @@
         "format": "prettier --write src"
     },
     "devDependencies": {
+        "autoprefixer": "^10.4.14",
+        "postcss": "^8.4.23",
         "prettier": "2.8.7",
+        "tailwindcss": "^3.3.2",
         "typescript": "^4.9.3",
         "vite": "^4.2.0"
     },
 
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
@@ -6,7 +6,7 @@ document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
   <div>
     <h1>WebChucK IDE</h1>
     <div class="card">
-      <button id="webchuck" type="button">Start WebChucK</button>
+      <button id="webchuck" type="button" class="text-7xl">Start WebChucK</button>
       <br>
       <br>
       <button id="play" type="button">Play</button>
 
@@ -1,9 +1,13 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 #vim-status {
     display: block;
     background: #eee;
     padding: 4px 2px;
     font-family: monospace;
-    height: 15px;
+    height: 18px;
     line-height: 15px;
 }
 
@@ -21,7 +25,7 @@
     font-weight: 400;
 
     color-scheme: light dark;
-    color: rgba(255, 255, 255, 0.87);
+    color: rgba(255, 40, 255, 0.87);
     background-color: #242424;
 
     font-synthesis: none;
 
@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+