Initial Code Commit

Project/styles/globals.css

@@ -0,0 +1,23 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer utilities {
+    .ripple-effect {
+        position: fixed;
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        transform: translate(-50%, -50%) scale(0);
+        animation: ripple-animation 1s ease-out forwards;
+        pointer-events: none;
+        z-index: 5;
+    }
+}
+
+@keyframes ripple-animation {
+    to {
+        transform: translate(-50%, -50%) scale(300);
+        opacity: 0;
+    }
+}