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;
+}