diff --git a/web/src/pages/index.astro b/web/src/pages/index.astro
index e87d200..26b0634 100644
--- a/web/src/pages/index.astro
+++ b/web/src/pages/index.astro
@@ -6,11 +6,20 @@ import Base from "src/layout/Base.astro"
 	<div class="flex flex-row">
 		<!-- HeaderSection -->
 
-		<div class="w-[32%] bg-amber-400">
-			breadone dot net
+		<div class="w-[32%] text-center">
+			<div class="flex flex-col">
+				<p class="text-4xl">breadone dot net</p>
+				
+				<div class="text-2xl">
+					<a href="/now">now</a> •
+					<a href="/posts">posts</a> •
+					<a href="/photos">photos</a> •
+					<a href="/software">software</a>
+				</div>
+			</div>
 		</div>
 
-		<div class="w-[68%] bg-blue-400">
+		<div class="w-[68%]">
 			content
 		</div>
 	</div>
diff --git a/web/src/styles/global.css b/web/src/styles/global.css
index 7988cd8..98fdeed 100644
--- a/web/src/styles/global.css
+++ b/web/src/styles/global.css
@@ -1,5 +1,11 @@
 @import "tailwindcss";
 
 html body {
-    @apply w-[61%] mx-auto h-full font-[Georgia]
+    @apply font-[Georgia];
+    @apply w-[68%] mx-auto mt-14 h-full;
+    @apply bg-[#f4f4f9];
+}
+
+a {
+    @apply hover:underline;
 }
\ No newline at end of file