diff --git a/about.html b/about.html
new file mode 100644
index 0000000..e25f696
--- /dev/null
+++ b/about.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    
+    <link rel="stylesheet" href="assets/css/styles.css">
+    <title>Saturn</title>
+</head>
+<body>
+    <div class="navbar">
+        <a href="index.html">HOME</a>
+        <a href="about.html">ABOUT</a>
+        <a href="projects.html">PROJECTS</a>
+        <a href="https://host.saturn.gay/">HOSTING</a>
+    </div>
+    <div class="rbottom">
+        <img src="assets/img/saturn-black.png" alt="">
+        <p>© 2022 - 2025 SATURN</p>
+        <p>ALL RIGHTS RESERVED</p>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 904c429..e04f4c4 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -3,14 +3,22 @@
     src: url(../font/DIN.otf) format('opentype');
 }
 
+@font-face {
+    font-family: "DIN-light";
+    src: url(../font/DIN-light.woff) format('opentype');
+}
+
 * {
-    font-family: "DIN", sans-serif;
+    font-family: "DIN-light", sans-serif;
     background-color: #fff;
     color: black;
 }
 
 .rbottom {
-    position: fixed;   
+    position: fixed;
+    display: flex;  
+    flex-direction: column; 
+    align-items: flex-end; /* aligns items to the right */
     right: 20px;      
     bottom: 20px;     
     padding: 10px;
@@ -18,7 +26,43 @@
     text-align: right;
 }
 
+.rbottom p {
+    margin: 0; /* remove default spacing */
+}
+
 .rbottom img {
     max-width: 120px;
-    margin-bottom: -30px;
+    margin-top: -30px; /* pulls the image up */
+}
+
+
+.navbar {
+    position: fixed;
+    right: 50px;
+    top: 50px;
+    display: flex;
+    gap: 150px;
+}
+
+.navbar a {
+    position: relative; 
+    font-family: "DIN-light", sans-serif;
+    font-size: 23px;
+    text-decoration: none; 
+    color: black;
+}
+
+.navbar a::after {
+    content: "";
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 0;          /* start with zero width */
+    height: 2px;       /* thickness of underline */
+    background-color: black;
+    transition: width 0.3s ease; /* smooth slide animation */
+}
+
+.navbar a:hover::after {
+    width: 100%;       /* full width on hover */
 }
diff --git a/assets/font/DIN-light.woff b/assets/font/DIN-light.woff
new file mode 100644
index 0000000..14ac572
Binary files /dev/null and b/assets/font/DIN-light.woff differ
diff --git a/assets/font/DIN-narrow-light.otf b/assets/font/DIN-narrow-light.otf
new file mode 100644
index 0000000..9905aa4
Binary files /dev/null and b/assets/font/DIN-narrow-light.otf differ
diff --git a/index.html b/index.html
index ca87e55..e25f696 100644
--- a/index.html
+++ b/index.html
@@ -8,9 +8,16 @@
     <title>Saturn</title>
 </head>
 <body>
+    <div class="navbar">
+        <a href="index.html">HOME</a>
+        <a href="about.html">ABOUT</a>
+        <a href="projects.html">PROJECTS</a>
+        <a href="https://host.saturn.gay/">HOSTING</a>
+    </div>
     <div class="rbottom">
         <img src="assets/img/saturn-black.png" alt="">
-        <p>© 2022 - 2025 Saturn</p>
+        <p>© 2022 - 2025 SATURN</p>
+        <p>ALL RIGHTS RESERVED</p>
     </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/projects.html b/projects.html
new file mode 100644
index 0000000..e25f696
--- /dev/null
+++ b/projects.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    
+    <link rel="stylesheet" href="assets/css/styles.css">
+    <title>Saturn</title>
+</head>
+<body>
+    <div class="navbar">
+        <a href="index.html">HOME</a>
+        <a href="about.html">ABOUT</a>
+        <a href="projects.html">PROJECTS</a>
+        <a href="https://host.saturn.gay/">HOSTING</a>
+    </div>
+    <div class="rbottom">
+        <img src="assets/img/saturn-black.png" alt="">
+        <p>© 2022 - 2025 SATURN</p>
+        <p>ALL RIGHTS RESERVED</p>
+    </div>
+</body>
+</html>
\ No newline at end of file
