fixed button styling

css/mainstyle.css

@@ -44,8 +44,6 @@ width: 10%
 }
 
 .linkbutton:hover {
-  animation-name: fadein;
-  animation-duration: 300ms;
   background-color: darkblue;
 }
 
@@ -86,20 +84,6 @@ width: 10%
   100% {opacity: 1;}
 }
 
-@keyframes colorize {
-  0%  {color: black;
-  font-size: 100%;}
-  100%  {color: darkblue;
-  font-size: 150%;}
-}
-
-@keyframes decolorize {
-  0%  {color: darkblue;
-  font-size: 150%;}
-  100%  {color: black;
-  font-size: 100%;}
-}
-
 @keyframes growDown {
   0% {
       transform: scaleY(0)

js/basicanimations.js

@@ -1,10 +1,10 @@
 $(document).ready(function() {
     $("#ContentToInclude").load("/menu.html");
     $(".linkbutton").mouseenter(function() {
-        $(this).animate({"border-radius": "0px"}, 200)
+        $(this).animate({"border-radius": "0px", "background-color": "darkblue"}, 200)
     })
     $(".linkbutton").mouseleave(function() {
-        $(this).animate({"border-radius": "20px"}, 200)
+        $(this).animate({"border-radius": "20px", "background-color": "rgba(0,0,0,0)"}, 200)
     })
     $(".textlink").mouseenter(function() {
         $(this).animate({"color": "darkblue", "font-size": "120%"}, 200)