From 0948178bfeccc59b2ff9906baa7f69a422867f22 Mon Sep 17 00:00:00 2001
From: Anil Kumar <131964538+anil-02k@users.noreply.github.com>
Date: Tue, 18 Mar 2025 00:04:29 +0530
Subject: [PATCH] Create FallingIcons.css

the css of previous commit
---
 .../Animations/FallingIcons/FallingIcons.css  | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/content/Animations/FallingIcons/FallingIcons.css

diff --git a/src/content/Animations/FallingIcons/FallingIcons.css b/src/content/Animations/FallingIcons/FallingIcons.css
new file mode 100644
index 00000000..0560261f
--- /dev/null
+++ b/src/content/Animations/FallingIcons/FallingIcons.css
@@ -0,0 +1,33 @@
+.falling-icons-container {
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  text-align: center;
+  padding-top: 2em;
+}
+
+.falling-icons-target {
+  display: inline-block;
+}
+
+.icon {
+  display: inline-flex;
+  align-items:center ;
+  justify-content: center;
+  height: 50px;
+  width: 50px;
+  margin: 0 2px;
+  user-select: none;
+  padding: 10px; /* Adjust padding as needed */
+  border-radius: 13px; /* Optional: rounded corners */
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
+}
+
+.falling-icons-canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 0;
+}