From bc41a1d99904463923707e32b3c2149803b9bb59 Mon Sep 17 00:00:00 2001
From: janis <jahu04@outlook.com>
Date: Sat, 5 Nov 2022 18:34:01 +0100
Subject: [PATCH] fixed button styling

---
 css/mainstyle.css     | 16 ----------------
 js/basicanimations.js |  4 ++--
 2 files changed, 2 insertions(+), 18 deletions(-)

diff --git a/css/mainstyle.css b/css/mainstyle.css
index d0ac600..034d402 100644
--- a/css/mainstyle.css
+++ b/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)
diff --git a/js/basicanimations.js b/js/basicanimations.js
index f0fe425..c8054cd 100644
--- a/js/basicanimations.js
+++ b/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)