diff --git a/README.md b/README.md
deleted file mode 100644
index 039727e..0000000
--- a/README.md
+++ /dev/null
@@ -1 +0,0 @@
-lol
diff --git a/index.html b/index.html
index 8ebb92b..2a78c14 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,15 @@
 <body>
     <header>
         <div class="navbar"> 
+            <div>
+                <nav>
+                    <ul>
+                        <li><a href="#">about me</a></li>
+                        <li><a href="#">projects</a></li>
+                        <li><a href="#womp-womp">womp womp</a></li>
+                    </ul>
+                </nav>
+            </div>
             <div> 
                 <h1 class="womp-womp-txt">🏳️‍⚧️ Charlie :3</h1>
             </div> 
@@ -30,7 +39,7 @@
         </div>
         <div>
             <center>
-                <img class="womp-womp-gif" src="src/shylily-womp.gif" alt="womp-womp-gif">
+                <img id="womp-womp" class="womp-womp-gif" src="src/shylily-womp.gif" alt="womp-womp-gif">
             </center>
         </div>
     </main>
diff --git a/style.css b/style.css
index c5285d4..e0cdcd3 100644
--- a/style.css
+++ b/style.css
@@ -11,7 +11,19 @@
     padding-top: 1rem;
     display: flex;
     justify-content: center;
-    gap: 50rem;
+    gap:20vw;
+}
+.navbar > div > nav > ul {
+    padding-top: 0.5rem;
+    display: flex;
+    gap: 3rem;
+}
+.navbar > div > nav > ul > li > a {
+    text-decoration: none;
+    color: black;
+}
+.navbar > div > nav > ul > li {
+    list-style: none;
 }
 .projects {
     padding-top: 3rem;
@@ -40,5 +52,6 @@
 }
 
 .womp-womp-gif {
-    padding-top: 3rem;
+    padding-top: 50rem;
+    padding-bottom: 2rem;
 }
