diff --git a/index.html b/index.html
new file mode 100644
index 0000000..344fda5
--- /dev/null
+++ b/index.html
@@ -0,0 +1,12 @@
+
+
+
+
+
+ Foomo UI playground
+
+
+
+
+
+
diff --git a/src/index.css b/src/index.css
index 2fafad5..3f4ac5d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,6 +1,4 @@
-@import "tailwindcss/theme.css";
-@import "tailwindcss/preflight.css";
-@import "tailwindcss/utilities.css";
+@import "tailwindcss";
@import "tw-animate-css";
@plugin "@tailwindcss/typography";
@@ -113,11 +111,11 @@
--sidebar-ring: oklch(0.556 0 0);
}
-/* @layer base { */
-/* * { */
-/* @apply border-border outline-ring/50; */
-/* } */
-/* body { */
-/* @apply bg-background text-foreground; */
-/* } */
-/* } */
+ @layer base {
+ * {
+ @apply border-border outline-ring/50;
+ }
+ body {
+ @apply bg-background text-foreground;
+ }
+ }
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 0000000..4de420a
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,12 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "./index.css";
+import { Button } from "@/components/button";
+
+createRoot(document.getElementById("root")!).render(
+
+
+
+
+ ,
+);