From 4a89af6fe0089b042d4b61a9a01479ec1fcb0de3 Mon Sep 17 00:00:00 2001
From: Rohit yadav <151960291+rohir1132yadav@users.noreply.github.com>
Date: Sun, 2 Jun 2024 00:19:44 +0530
Subject: [PATCH 1/2] change in hover of btn class

---
 src/css/index.css | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/css/index.css b/src/css/index.css
index 0c6b1dc..a73d04c 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -67,13 +67,33 @@ p {
   width: 15rem;
   padding: 1.5rem;
 }
+.btn:hover {
+  background-color: aquamarine;
+  color: #ec0c0c;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  left: 50%;
+  top: 40%;
+  transform: translateX(-50%);
+  border: #fff solid 0.2rem;
+  text-decoration: none;
+  font-size: 1rem;
+  font-weight: bold;
+  text-transform: uppercase;
+  width: 15rem;
+  padding: 1.5rem;
+}
 
 .split.left .btn:hover {
-  background-color: var(--left-btn-hover-color);
+  background-color:rgb(8, 173, 243);
   border-color: var(--left-btn-hover-color);
 }
 
 .split.right .btn:hover {
+  background-image: repeating-linear-gradient();
+  background-color: aqua;
   background-color: var(--right-btn-hover-color);
   border-color: var(--right-btn-hover-color);
 }
@@ -91,6 +111,13 @@ p {
   height: 100%;
   overflow: hidden;
 }
+.split:hover {
+  background-color: #333;
+  position: absolute;
+  width: 50%;
+  height: 100%;
+  overflow: hidden;
+}
 
 .split.left {
   left: 0;

From 137e9de40d7058c492f725a84a888747288a95b0 Mon Sep 17 00:00:00 2001
From: Rohit yadav <151960291+rohir1132yadav@users.noreply.github.com>
Date: Sun, 2 Jun 2024 00:21:19 +0530
Subject: [PATCH 2/2] change i background image repeat

---
 src/css/index.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/css/index.css b/src/css/index.css
index a73d04c..9b3a312 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -121,6 +121,7 @@ p {
 
 .split.left {
   left: 0;
+  background-image: repeating-linear-gradient();
   background: url("https://i.pinimg.com/236x/6a/8d/dd/6a8ddd4cdd656d8f9bd456dd83728ed6.jpg")
     no-repeat center / cover;
 }