diff --git a/web/src/components/index/navbar.astro b/web/src/components/index/navbar.astro
new file mode 100644
index 0000000..900bff5
--- /dev/null
+++ b/web/src/components/index/navbar.astro
@@ -0,0 +1,6 @@
+
+
now
+ •
posts
+ •
photos
+
+
\ No newline at end of file
diff --git a/web/src/pages/index.astro b/web/src/pages/index.astro
index 26b0634..e6b0c93 100644
--- a/web/src/pages/index.astro
+++ b/web/src/pages/index.astro
@@ -1,5 +1,6 @@
---
import Base from "src/layout/Base.astro"
+import Navbar from "src/components/index/navbar.astro"
---
@@ -9,13 +10,7 @@ import Base from "src/layout/Base.astro"
diff --git a/web/src/styles/global.css b/web/src/styles/global.css
index 8d9929f..87a9f88 100644
--- a/web/src/styles/global.css
+++ b/web/src/styles/global.css
@@ -1,19 +1,29 @@
@import "tailwindcss";
-@font-face {
- font-family: Barnum;
- font-style: normal;
- font-weight: 200 700;
- font-display: swap;
- src: url("/fonts/barnum-roman.ttf");
-}
-
-html body {
+@layer base {
+ @font-face {
+ font-family: Barnum;
+ font-style: normal;
+ font-weight: 200 700;
+ font-display: swap;
+ src: url("/fonts/barnum-roman.ttf");
+ }
+
+ :root {
+ --bg-light: "#f4f4f9";
+ --accent: "#F9DC5C";
+ }
+
+ html body {
@apply font-[Barnum];
@apply w-[68%] mx-auto mt-14 h-full;
- @apply bg-[#f4f4f9];
+ @apply bg-(--bg2-light);
+ }
+
+ a {
+ @apply hover:underline;
+ text-decoration-color: #F9DC5C;
+ }
}
-a {
- @apply hover:underline;
-}
\ No newline at end of file
+@tailwind utilities;
\ No newline at end of file