diff --git a/index.html b/index.html
index e15aad1..c0f4cc0 100644
--- a/index.html
+++ b/index.html
@@ -337,18 +337,19 @@ button:hover, button:focus {
   content: '\e604';
 }
 #aboutbutton, #newsbutton, #contactbutton {
-  color: #fff;
+  background: #fff;
+  color: #aa0000;
   border: 1px solid #fff;
   font-size: 14px;
-  -webkit-transition: background .3s ease-in-out;
-  -moz-transition: background .3s ease-in-out;
-  transition: background .3s ease-in-out;
+  -webkit-transition: background .1s ease-in-out;
+  -moz-transition: background .1s ease-in-out;
+  transition: background .1s ease-in-out;
   text-decoration: none;
 }
 #aboutbutton:hover, #aboutbutton:focus, #newsbutton:hover, #newsbutton:focus, #contactbutton:hover, #contactbutton:focus {
   outline: 0;
-  background: #fff;
-  color: #aa0000;
+  background: #aa0000;
+  color: #fff;
 }
 #newsbutton {
   border-left: 0;