Add fancy stuff to card

Author: foxeddev

styles/card.module.css

@@ -5,6 +5,18 @@
   background-color: var(--bg);
   text-align: center;
   align-items: center;
+  box-shadow: 0 0 0 0 var(--primary);
+  transition: 0.15s;
+}
+
+.card:hover {
+  box-shadow: 10px 10px 0 0 var(--primary);
+  transform: translate(-10px, -10px);
+}
+
+.card:active {
+  box-shadow: 3px 3px 0 0 var(--primary);
+  transform: translate(-3px, -3px);
 }
 
 .card:has(*) {