diff --git a/ProjectExamples/index.html b/ProjectExamples/index.html
index 8b6c171..f776435 100644
--- a/ProjectExamples/index.html
+++ b/ProjectExamples/index.html
@@ -14,9 +14,9 @@
              <nav>
              
                      <div class="menuBar">
-                         <span class="hspace"><a href="#">Home</a></span>
-                         <span class="hspace"><a href="#">About</a></span>
-                         <span class="hspace"><a href="#">Contact</a></span>
+                         <span class="hspace"><a id="menubutton" href="#">Home</a></span>
+                         <span class="hspace"><a id="menubutton" href="#">About</a></span>
+                         <span class="hspace"><a id="menubutton" href="#">Contact</a></span>
                      </div>
                
              </nav>
diff --git a/ProjectExamples/styles.css b/ProjectExamples/styles.css
index f5f68b0..1daaeda 100644
--- a/ProjectExamples/styles.css
+++ b/ProjectExamples/styles.css
@@ -32,7 +32,9 @@ a:link {
     margin-left: 40px;
 }
 .hspace :hover {
-    background-color: white;
+    transition-delay: 120;
+    zoom: 105%;
+    background-color: black;
     color:black;
 }
 marquee {
@@ -56,4 +58,11 @@ footer {
     margin: 5px;
     height: 200px;
     color:white
-}
\ No newline at end of file
+}
+
+#menubutton
+{
+    text-decoration: none;
+    border-radius:10%
+    color: white;
+}