UPDATE: Added Hover Gradient Animation Effect on Logo.

Could be referenced for future use.
Usage of tailwind.config.js

frontend/src/components/Layout/Name.tsx

@@ -1,10 +1,11 @@
 const Name = () => {
     return (
-        <div className="flex flex-col justify-center">
-            <span className="agog-text text-4xl font-bold italic bg-clip-text text-transparent">
-                AGOG</span>
+        <div id="logo" className="text-center">
+            <span className="text-7xl font-bold italic bg-agog bg-clip-text text-transparent leading-none p-1 hover:scale-110 transition-all hover:animate-agog bg-[length:300%_300%]">
+                AGOG
+            </span>
         </div>
-    )
-}
+    );
+};
 
-export default Name;
+export default Name;