From c9a20c35d7b4502b6d399941b0648f4eb7c5a214 Mon Sep 17 00:00:00 2001
From: Varsha_M <153986098+Varshaisnice@users.noreply.github.com>
Date: Tue, 18 Nov 2025 22:28:47 +0530
Subject: [PATCH 1/2] Implement floating laughing emojis in CSS by Varsha M

Add floating laughing emojis with animation.
---
 dad-jokes/style.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/dad-jokes/style.css b/dad-jokes/style.css
index 38cc3a7..cdf49ca 100644
--- a/dad-jokes/style.css
+++ b/dad-jokes/style.css
@@ -59,3 +59,29 @@ h3 {
 .btn:focus {
   outline: 0;
 }
+
+
+
+
+
+/* Floating laughing emojis */
+.laugh-emoji {
+  position: fixed;
+  bottom: -100px;
+  font-size: 40px;
+  pointer-events: none;
+  z-index: 1000;
+  animation: floatUp linear forwards;
+  user-select: none;
+}
+
+@keyframes floatUp {
+  0% {
+    transform: translateY(0) translateX(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(-120vh) translateX(var(--drift));
+    opacity: 0;
+  }
+}

From edb985cce61a20f25c8e30b1eed1e3762767f2f7 Mon Sep 17 00:00:00 2001
From: Varsha_M <153986098+Varshaisnice@users.noreply.github.com>
Date: Tue, 18 Nov 2025 22:29:39 +0530
Subject: [PATCH 2/2] Adding Floating Emojis to the background ,by Varsha M

Removed unnecessary whitespace in style.css.
---
 dad-jokes/style.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/dad-jokes/style.css b/dad-jokes/style.css
index cdf49ca..07ca282 100644
--- a/dad-jokes/style.css
+++ b/dad-jokes/style.css
@@ -61,9 +61,6 @@ h3 {
 }
 
 
-
-
-
 /* Floating laughing emojis */
 .laugh-emoji {
   position: fixed;
@@ -85,3 +82,6 @@ h3 {
     opacity: 0;
   }
 }
+
+
+