diff --git a/src/index.html b/src/index.html
index b7a68b7..c14a852 100644
--- a/src/index.html
+++ b/src/index.html
@@ -140,7 +140,7 @@ <h2><span class="glyphicon glyphicon-th-large"></span>&nbsp;Search result for "{
   <script type="text/javascript" src="public/js/app.js"></script>
   <footer>
     <p>(c) 2017 <a href="#"> &nbsp;&nbsp; Home &nbsp;&nbsp;</a>&nbsp;&nbsp;&nbsp;All Rights Reserved &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;follow me on
-    &nbsp;&nbsp;&nbsp;<a href="https://twitter.com/mehrceey04">twitter</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://github.com/andela-moseni">github</a></p>
+    &nbsp;&nbsp;&nbsp;<a href="https://twitter.com/mehrceey04" id="styles">twitter</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://github.com/andela-moseni" id="styles">github</a></p>
   </footer>
 </body>
 </html>
diff --git a/src/public/css/style.css b/src/public/css/style.css
index 9bb08a5..3c7a5c3 100644
--- a/src/public/css/style.css
+++ b/src/public/css/style.css
@@ -4,19 +4,36 @@ body {
   font-family: prociono;
   font-size: 15px;
 }
+  /*<style>*
+a:link    {color:green; background-color:transparent; text-decoration:none}
+a:visited {color:pink; background-color:transparent; text-decoration:none}
+a:hover   {color:red; background-color:transparent; text-decoration:underline}
+a:active  {color:yellow; background-color:transparent; text-decoration:underline}*/
+/*</style>*/
 
 a:link {
   color: white;
+  background-color: transparent;
+  text-decoration: none;
 }
 
 a:link:visited {
   color: white;
+  background-color:transparent;
+  text-decoration:none;
 }
 
 a:hover {
-    color: whitesmoke;
+    color: #3CBBB1;
+    background-color:transparent;
+    text-decoration:underline;
 }
 
+a:active {
+  color:#3CBBB1; 
+  background-color:transparent; 
+  text-decoration:underline;
+}
 .btn-file {
     position: relative;
     overflow: hidden;
@@ -119,3 +136,7 @@ table {
   width: 70%;
   max-width: 70%;
 }
+
+#styles {
+  color: white;
+}
\ No newline at end of file