Merge pull request #25 from csesoc/CW2-58-animate-button

[CW2-58] Animate Follow Button

Author: derekxu04

Diff for: frontend/src/pages/about/index.tsx

@@ -18,7 +18,7 @@ export default function AboutPage() {
               <h2 className="mt-10 text-3xl font-extrabold">CSESoc</h2>
               <p className="text-[#727B8C] font-medium">unsw-computer-science-engineering-society</p>
               <a href="https://www.facebook.com/csesoc/" target="_blank">
-                <button className="bg-[#444F6F] w-full my-5 py-2 rounded">Follow</button>
+                <button className="bg-[#444F6F] w-full my-5 py-2 rounded hover-animate">Follow</button>
               </a>
               <p>
                 CSESoc is the principal representative body for UNSW computing students.

Diff for: frontend/src/styles/globals.css

@@ -21,3 +21,11 @@ body {
 .animate-blink {
   animation: blink 1s step-end infinite;
 }
+
+.hover-animate {
+  transition: transform 0.3s ease;
+}
+
+.hover-animate:hover {
+  transform: scale(1.01);
+}