diff --git a/src/common/modal/index.tsx b/src/common/modal/index.tsx
index c9beb56..abd2f83 100644
--- a/src/common/modal/index.tsx
+++ b/src/common/modal/index.tsx
@@ -37,8 +37,9 @@ export default function MuiModal({
       >
         <motion.div
           className="max-md:w-72 md:w-80 lg:w-96 min-h-80 shadow-xl shadow-[rgb(20,20,20)] bg-[rgb(20,20,20,0.99)] rounded-lg p-4 relative flex flex-col justify-between items-center gap-4"
-          initial={{ y: "-100vw" }}
-          animate={{ y: 0 }}
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          transition={{duration:0.7}}
         >
           <motion.div className="w-full h-full flex gap-2 justify-between">
             <h1 className="text-lg md:text-xl font-bold">
diff --git a/src/components/particle/index.tsx b/src/components/particle/index.tsx
index 92e14a2..e7097eb 100644
--- a/src/components/particle/index.tsx
+++ b/src/components/particle/index.tsx
@@ -72,6 +72,20 @@ export default function Particle() {
           enable: true,
           opacity: 0.8,
           width: 1,
+          shadow: {
+            enable: true,
+            blur: 5,
+            color: "#71fbb2",  
+          },
+          warp: {
+            enable: true,
+            speed: 2,
+          },
+          animation: {
+            enable: true,
+            speed: 0.5,
+            sync: true,
+          },
         },
         move: {
           direction: MoveDirection.none,