diff --git a/public/index.css b/public/index.css
index a4cdcef..8b5c750 100644
--- a/public/index.css
+++ b/public/index.css
@@ -1,11 +1,62 @@
+* {
+  box-sizing: border-box;
+}
+
+html {
+  margin: 0;
+  padding: 0;
+
+  width: 100%;
+  height: 100%;
+}
+
 body {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: 15px;
+
+  margin: 0;
+  padding: 15px;
+
+  width: 100%;
+  height: 100%;
+
   background-color: #121212;
 }
 
-h1 {
+nav {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  width: 200px;
+  height: 100%;
+  padding: 20px 16px;
+  background: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%);
+  border-radius: 15px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
   color: #ffffff;
+  border: 1px solid rgba(255, 255, 255, 0.05);
 }
 
-p {
-  color: #025da9;
+hr {
+  width: 100%;
+  margin: 0;
+  border: none;
+  height: 1px;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    rgba(255, 255, 255, 0.2) 50%,
+    transparent 100%
+  );
+}
+main {
+  flex: 1;
+  height: 100%;
+  background-color: #090909;
+  border-radius: 15px;
+  border: 1px solid rgba(255, 255, 255, 0.15);
 }
diff --git a/public/index.html b/public/index.html
index a7740cc..94a7940 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,7 +7,15 @@
   </head>
 
   <body>
-    <h1>HTTP server testing</h1>
-    <p>Lorem ipsum</p>
+    <nav>
+      <a>Profile</a>
+      <hr>
+      <a>New Game</a>
+      <a>Chat</a>
+    </nav>
+
+    <main>
+
+    </main>
   </body>
 </html>
