diff --git a/index.html b/index.html
index c2e7bba..0c6186b 100644
--- a/index.html
+++ b/index.html
@@ -21,9 +21,17 @@
           ><i class="fa fa-instagram"></i> Instagram</a
         >
       </nav>
-      <nav>
+      <nab>
         <a href="index/projects/" class="btn">Projects List</a>
-        <a href="index/RPS/" class="btn">Rock Paper Scissors</a>
+      </nab>
+      <nav>
+        <div class=" dropdown">
+          <button class="btn">Games</button>
+            <div class="dropdown-content">
+              <a href="index/games/RPS/" class="btn">Rock Paper Scissors</a>
+              <a href="index/games/eternalspace/" class="btn">Eternal Space</a>
+            </div>
+      </div>
       </nav>
     </div>
   </body>
diff --git a/index/RPS/RPS.js b/index/games/RPS/RPS.js
similarity index 100%
rename from index/RPS/RPS.js
rename to index/games/RPS/RPS.js
diff --git a/index/RPS/index.html b/index/games/RPS/index.html
similarity index 96%
rename from index/RPS/index.html
rename to index/games/RPS/index.html
index f57120a..758816d 100644
--- a/index/RPS/index.html
+++ b/index/games/RPS/index.html
@@ -12,7 +12,7 @@
       <h1 class="project-name">Rock Paper Scissors</h1>
       <h2 class="project-tagline">Made using Javascript.</h2>
 
-      <a href="../../" class="btn">Home</a>
+      <a href="/" class="btn">Home</a>
     </header>
 
     <main id="content" class="main-content" role="main">
diff --git a/index/projects/index.html b/index/projects/index.html
index b3c36e4..e6abc97 100644
--- a/index/projects/index.html
+++ b/index/projects/index.html
@@ -12,7 +12,7 @@
       <h1 class="project-name">My Projects</h1>
       <h2 class="project-tagline">Displaying thanks to the GitHub API.</h2>
 
-      <a href="../../" class="btn">Home</a>
+      <a href="/" class="btn">Home</a>
     </header>
 
     <main id="content" class="main-content" role="main">
diff --git a/style/main.style.css b/style/main.style.css
index 1b44a45..e527563 100644
--- a/style/main.style.css
+++ b/style/main.style.css
@@ -163,4 +163,49 @@ a:hover {
 }
 * {
   box-sizing: border-box;
-}
\ No newline at end of file
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color:inherit;
+ font:inherit;
+ margin:0
+}
+button {
+ overflow:visible
+}
+button,
+select {
+ text-transform:none
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance:button;
+ cursor:pointer
+}
+button[disabled],
+html input[disabled] {
+ cursor:default
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border:0;
+ padding:0
+}
+
+
+.dropdown {
+  position: relative;
+  display: inline-block;
+}
+.dropdown-content {
+  display: none;
+  position: relative;
+}
+.dropdown:hover .dropdown-content {display: block;}
+