Adjust hover for community stats cards (#33)

Author: pcarapic15

src/components/community-stats/SynthesizeCardsSection.js

@@ -40,7 +40,7 @@ export default function SynthesizeCardsSection() {
             <div
               key={c.title}
               onClick={() => onCardClick(c.link)}
-              className="flex flex-col flex-1 cursor-pointer pt-[30px] px-6 pb-6 md:pt-6 md:px-9 md:pb-9 bg-midnight-25 border border-midnight-50 rounded-20 transition-all duration-500 hover:shadow-[0px_20px_30px_-15px_rgba(0,0,54,0.08),_0px_1px_2px_0px_rgba(0,0,54,0.04)]"
+              className="flex flex-col flex-1 cursor-pointer pt-[30px] px-6 pb-6 md:pt-6 md:px-9 md:pb-9 bg-midnight-25 border border-midnight-50 rounded-20 transition-all duration-500 hover:bg-midnight-50 hover:border-midnight-100 hover:shadow-[0px_20px_30px_-15px_rgba(0,0,54,0.08),_0px_1px_2px_0px_rgba(0,0,54,0.04)]"
             >
               <div className="mb-5">{c.icon}</div>
               <h2 className="text-midnight-950 text-2xl font-medium leading-[36px] tracking-xs pb-2 md:pb-1.5 lg:pb-2">