All click targets should have the hover animation

I will regret this code in the future

src/component/navbar.svelte

@@ -152,6 +152,12 @@ Svelte modal example, https://svelte.dev/playground/modal
   nav button.menu-button {
     background: none;
     border: none;
+
+    transition-duration: 0.2s;
+  }
+
+  nav button.menu-button:hover {
+    color: #21afff;
   }
 
   nav .menu-button i {

src/component/settings.svelte

@@ -154,4 +154,19 @@
       margin: 4px 0;
     }
   }
+
+  // Click target color animation
+
+  button {
+    transition-duration: 0.2s;
+  }
+
+  button:hover {
+    color: #21afff !important;
+    /*/
+     * Cascading styles was a mistake
+     * I hate this code
+     * But it works
+    /*/
+  }
 </style>

src/routes/studios/+page.svelte

@@ -232,6 +232,11 @@
     color: global.$text-color;
   }
 
+  // Bad code
+  div.project-grid-container div.project-grid-box h1 a:hover {
+    color: #21afff;
+  }
+
   div.project-grid-container
     div.project-grid-box
     div.project-grid-box-contents {