From 4f54bdc40258309b6658c999bde04cbf8deb3e07 Mon Sep 17 00:00:00 2001
From: Neeru <161798182+neeru24@users.noreply.github.com>
Date: Fri, 18 Oct 2024 15:35:11 +0530
Subject: [PATCH 1/2] Update style.css

---
 website/style.css | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/website/style.css b/website/style.css
index c96da25..166e534 100644
--- a/website/style.css
+++ b/website/style.css
@@ -974,17 +974,25 @@ footer input[type="submit"]:hover {
     margin-left: 60px;
 }
 
+/* Form styling */
 form {
     background-color: #4c4c4c2a;
-    backdrop-filter: blur(7px);
+/*     backdrop-filter: blur(4px); */
     width: 30vw;
     margin-left: 5vw;
     padding: 20px;
     text-align: center;
     border-radius: 5px;
     box-shadow: 0px 0px 10px black;
+    transition: transform 0.3s ease-in-out;
+}
+
+/* Form hover effect */
+form:hover {
+    transform: scale(1.05); /* Scale up on hover */
 }
 
+/* Input field styling */
 input {
     background-color: #76767639;
     border: 0.1px solid rgba(255, 255, 255, 0.193);
@@ -993,18 +1001,29 @@ input {
     margin-top: 20px;
     border-radius: 5px;
     padding: 5px 10px;
+    transition: transform 0.3s ease-in-out, border 0.3s ease-in-out;
+}
+
+/* Input hover effect */
+input:hover {
+    transform: scale(1.02); /* Slightly enlarge on hover */
+    border: 0.1px solid rgba(255, 255, 255, 0.5); /* Add border effect */
 }
 
+/* Send button styling */
 #send {
-    margin-left: 100%;
-    transform: translate(calc(-100% - 5px));
+    display: block;
+    margin: 20px auto; /* Center the button horizontally */
     width: min-content;
     background-color: rgba(0, 123, 121, 0.364);
     cursor: pointer;
     color: rgba(255, 255, 255, 0.63);
-    transition-duration: 0.3s;
+    padding: 8px 15px;
+    border-radius: 5px;
+    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
 }
 
+/* Send button hover effect */
 #send:hover {
     color: black;
     background-color: rgba(0, 240, 236, 0.867);
@@ -1386,4 +1405,4 @@ input {
 
 #codeOfconduct a:hover {
     text-decoration: underline;
-}
\ No newline at end of file
+}

From 0673458c4ca1cd7b7a53acb767ec537c052cd2cc Mon Sep 17 00:00:00 2001
From: Neeru <161798182+neeru24@users.noreply.github.com>
Date: Fri, 18 Oct 2024 15:43:14 +0530
Subject: [PATCH 2/2] Update style.css

---
 website/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/style.css b/website/style.css
index 166e534..1b9f2e0 100644
--- a/website/style.css
+++ b/website/style.css
@@ -977,7 +977,7 @@ footer input[type="submit"]:hover {
 /* Form styling */
 form {
     background-color: #4c4c4c2a;
-/*     backdrop-filter: blur(4px); */
+    backdrop-filter: blur(5px);
     width: 30vw;
     margin-left: 5vw;
     padding: 20px;