glowish

src/css/main.css

@@ -1,6 +1,13 @@
-@keyframes hue-rainbow {
-  from {filter: hue-rotate(0deg);}
-  to {filter: hue-rotate(360deg);}
+@keyframes y-glow {
+  0% {box-shadow: 0px 0px 5px gold;}
+  50% {box-shadow: 0px 0px 15px yellow;}
+  100% {box-shadow: 0px 0px 5px gold;}
+}
+
+@keyframes b-glow {
+  0% {box-shadow: 0px 0px 5px blue;}
+  50% {box-shadow: 0px 0px 15px cyan;}
+  100% {box-shadow: 0px 0px 5px blue;}
 }
 
 .dark-mode .special {
@@ -23,28 +30,18 @@ button.danger:hover {
   background-color: maroon;
 }
 
-button.followButton {
-  filter: hue-rotate(0deg);
-}
-
 button.followButton:hover {
-  animation-name: hue-rainbow;
+  animation-name: y-glow;
   animation-duration: 5s;
   animation-iteration-count: infinite;
 }
 
-@keyframes glow {
-  0% {box-shadow: 0px 0px 5px blue;}
-  50% {box-shadow: 0px 0px 15px cyan;}
-  100% {box-shadow: 0px 0px 5px blue;}
-}
-
 button.glow {
-  animation-name: glow;
+  animation-name: b-glow;
   animation-duration: 4s;
   animation-iteration-count: infinite;
 }
 
 canvas {
   border: 1px solid black;
-}
+}