diff --git a/frontend/src/app.css b/frontend/src/app.css
index 9f0c24a..cb4fb29 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
@import 'tailwindcss';
@keyframes spin-slower {
@@ -14,6 +15,20 @@
animation: spin-slower 15s linear infinite;
}
+html,
+body {
+ @apply bg-light-pine-base dark:bg-dark-pine-base;
+ /* or use your color class here */
+ height: 100%;
+ margin: 0;
+}
+
+.lilita-one-regular {
+ font-family: "Lilita One", sans-serif;
+ font-weight: 400;
+ font-style: normal;
+}
+
@theme {
--color-dark-pine-base: hsl(249deg, 22%, 12%);
--color-dark-pine-surface: hsl(247deg, 23%, 15%);
diff --git a/frontend/src/lib/components/Room.svelte b/frontend/src/lib/components/Room.svelte
deleted file mode 100644
index db8048f..0000000
--- a/frontend/src/lib/components/Room.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
- {room.name}
- {#if room.private}
- 🔒
- {/if}
-
-
-
-
-
diff --git a/frontend/src/lib/components/RoomComponent.svelte b/frontend/src/lib/components/RoomComponent.svelte
new file mode 100644
index 0000000..e98e000
--- /dev/null
+++ b/frontend/src/lib/components/RoomComponent.svelte
@@ -0,0 +1,18 @@
+
+
+
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 75d43d8..319ce8d 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -1,10 +1,40 @@
+
+
+
+
ChillBox
+
+
+
+
Scanning for rooms near you...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+