diff --git a/assets/styles.css b/assets/styles.css
index 6407916..b2da194 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -2,15 +2,15 @@
 html {background-color: #C0C0C0;
 }
 h1 {color:yellow;
-    background-color: darkblue;
-    border: 50px solid darkblue;
+    background-color: #0f1035;
+    border: 50px solid #0f1035;
     border-radius: 7px;
     text-align: center;
 }
 .center {display: block; 
     margin-left: auto;
     margin-right: auto;
-    border: 6px solid black;
+    border: 6px solid #0f1035;
     border-radius: 3px;
 }
 hr {
@@ -45,3 +45,15 @@ p {
 #email {
     margin-left: 15%;
 }
+.button {
+    background-color: white;
+    color: #365486;
+    border: 2px solid #365486;
+    border-radius: 3px
+}
+  
+.button:hover {
+    background-color: #dcf2f1;
+    color: #365486;
+}
+  
diff --git a/index.html b/index.html
index 335b75e..44ee7ad 100644
--- a/index.html
+++ b/index.html
@@ -22,11 +22,11 @@ <h3><a id="link" href="./public/invitation.index.html">Party Invite:</a></h3>
         </div><div>
 </body>
 <hr>
-<table style="width:100%">
+  <table id="menu-main" style="width:100%">
     <tr>
-      <td><a href="./public/contact.html">Contact Me</a></td>
-      <td><a href="./public/about.html">About Me</a></td>
-      <td> <a href="./public/Resume.html">Resume</a></td>
+      <td><a href="./public/contact.html"><button class="button">Contact Me</button></a></td>
+      <td><a href="./public/about.html"><button class="button">About Me</button></a></td>
+      <td> <a href="./public/Resume.html"><button class="button">Resume</button></a></td>
     </tr>
   </table>
- </html>
+</html>