diff --git a/src/Home.module.css b/src/Home.module.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/components/Clickable.astro b/src/components/Clickable.astro
new file mode 100644
index 0000000..257cb15
--- /dev/null
+++ b/src/components/Clickable.astro
@@ -0,0 +1,10 @@
+
+
+
+
+
diff --git a/src/globals.css b/src/globals.css
index b5c61c9..4c64a26 100644
--- a/src/globals.css
+++ b/src/globals.css
@@ -1,3 +1,52 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
+
+@import url("https://fonts.cdnfonts.com/css/work-sans");
+@import url("https://fonts.cdnfonts.com/css/alfa-slab-one");
+
+:root {
+ --background: #fed7aa;
+ --orange: #f97316;
+ --black: #000;
+}
+
+body {
+ background: var(--background);
+ box-sizing: border-box;
+}
+
+* {
+ padding: 0;
+ margin: 0;
+}
+
+h1 {
+ @apply text-7xl font-normal;
+ color: var(--orange);
+ font-family: "Alfa Slab One", sans-serif;
+}
+
+h2 {
+ @apply text-4xl font-normal;
+ color: var(--black);
+ font-family: "Alfa Slab One", sans-serif;
+}
+
+h3 {
+ @apply text-4xl font-semibold;
+ color: var(--black);
+ font-family: "Work Sans", sans-serif;
+}
+
+h4 {
+ @apply text-3xl font-light;
+ color: var(--black);
+ font-family: "Work Sans", sans-serif;
+}
+
+p {
+ @apply text-lg font-normal;
+ color: var(--black);
+ font-family: "Work Sans", sans-serif;
+}
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 7ec71a5..dff5362 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,6 @@
---
-
+import "../globals.css";
+import Clickable from "../components/Clickable.astro";
---
@@ -9,8 +10,26 @@
Astro
+
+
+
+
+