general improvements / restructure

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>

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">

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">

style/main.style.css

@@ -163,4 +163,49 @@ a:hover {
 }
 * {
   box-sizing: border-box;
-}
+}
+
+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;}
+