From f267ec9e093b3006a7da30b778f5c301a64f4053 Mon Sep 17 00:00:00 2001
From: Anshu Yaduvanshi <anshuyaduvanshi196@gmail.com>
Date: Tue, 28 Nov 2023 21:05:33 +0530
Subject: [PATCH] bug fixed

---
 script.js | 27 ++++++++++---------
 style.css | 79 ++++++++++++++++++++++++++++---------------------------
 2 files changed, 54 insertions(+), 52 deletions(-)

diff --git a/script.js b/script.js
index f6c1ad1..2cf4534 100644
--- a/script.js
+++ b/script.js
@@ -1,16 +1,17 @@
-const wrapper = document.querySelector(".wrapper");
-const question = document.querySelector(".question");
-const gif = document.querySelector(".gif");
-const yesBtn = document.querySelector(".yes-btn");
-const noBtn = document.querySelector(".no-btn");
+const wrapper = document.querySelector('.wrapper');
+const question = document.querySelector('.question');
+const gif = document.querySelector('.gif');
+const yesBtn = document.querySelector('.yes-btn');
+const noBtn = document.querySelector('.no-btn');
 
-yesBtn.addEventListener("click", () => {
-  question.innerHTML = "Yay, see you on the 18th!";
-  gif.src =
-    "https://media.giphy.com/media/UMon0fuimoAN9ueUNP/giphy.gif";
+yesBtn.addEventListener('click', () => {
+  question.innerHTML = 'Yay, see you on the 18th!';
+  gif.src = 'https://media.giphy.com/media/UMon0fuimoAN9ueUNP/giphy.gif';
+  yesBtn.style.display = 'none';
+  noBtn.style.display = 'none';
 });
 
-noBtn.addEventListener("mouseover", () => {
+noBtn.addEventListener('mouseover', () => {
   const noBtnRect = noBtn.getBoundingClientRect();
   const maxX = window.innerWidth - noBtnRect.width;
   const maxY = window.innerHeight - noBtnRect.height;
@@ -18,6 +19,6 @@ noBtn.addEventListener("mouseover", () => {
   const randomX = Math.floor(Math.random() * maxX);
   const randomY = Math.floor(Math.random() * maxY);
 
-  noBtn.style.left = randomX + "px";
-  noBtn.style.top = randomY + "px";
-});
\ No newline at end of file
+  noBtn.style.left = randomX + 'px';
+  noBtn.style.top = randomY + 'px';
+});
diff --git a/style.css b/style.css
index a716c98..9731f51 100644
--- a/style.css
+++ b/style.css
@@ -1,56 +1,57 @@
-*
-{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
 }
 
 body {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100vh;
-    background: whitesmoke;
-    font-family: Verdana, Geneva, Tahoma, sans-serif;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  background: whitesmoke;
+  font-family: Verdana, Geneva, Tahoma, sans-serif;
 }
 
 .gif {
-    height: 100%;
-    width: 100%;
+  height: 100%;
+  width: 100%;
 }
 
 h2 {
-    text-align: center;
-    font-size: 1.5em;
-    color: #e94d58;
-    margin: 15px 0;
+  text-align: center;
+  font-size: 1.5em;
+  color: #e94d58;
+  margin: 15px 0;
 }
 .btn-group {
-    width: 100%;
-    height: 50px;
-    display: flex;
-    justify-content: center;
-    margin-top: 50px;
+  width: 100%;
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  margin-top: 50px;
 }
 button {
-    position: absolute;
-    width: 150px;
-    height: inherit;
-    color: white;
-    font-size: 1.2em;
-    border-radius: 30px;
-    outline: none;
-    cursor: pointer;
-    box-shadow: 0 2px 4px gray;
-    border: 2px solid #e94d58;
-    font-size: 1.2em;
+  position: absolute;
+  width: 150px;
+  height: inherit;
+  color: white;
+  font-size: 1.2em;
+  border-radius: 30px;
+  outline: none;
+  cursor: pointer;
+  box-shadow: 0 2px 4px gray;
+  border: 2px solid #e94d58;
+  font-size: 1.2em;
 }
 button:nth-child(1) {
-    margin-left: -200px;
-    background: #e94d58;
+  margin-left: -200px;
+  background: #e94d58;
+  z-index: 1;
 }
 button:nth-child(2) {
-    margin-right: -200px;
-    background: white;
-    color: #e94d58;
-}
\ No newline at end of file
+  margin-right: -200px;
+  background: white;
+  color: #e94d58;
+  z-index: 0;
+}