From f3165f310184bab2afe9dc484649cc0386f88340 Mon Sep 17 00:00:00 2001
From: abhivyakti2 <143368698+abhivyakti2@users.noreply.github.com>
Date: Thu, 7 Nov 2024 01:58:51 +0000
Subject: [PATCH] Feedback form hover and color appeal

---
 style.css | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/style.css b/style.css
index 038be2e..e46df15 100644
--- a/style.css
+++ b/style.css
@@ -164,16 +164,25 @@ label {
 input,
 textarea {
   width: 100%;
-  /* Adjust width for better alignment */
   padding: 10px;
   border: 1px solid #ccc;
   border-radius: 5px;
   resize: vertical;
+  color: #333; /* Dark grey text color */
+  background-color: #f9f9f9; /* Light grey background */
+  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
 }
 
-textarea {
-  height: 100px;
-  /* Adjust height for textarea */
+input::placeholder,
+textarea::placeholder {
+  color: #bababa; /* Placeholder text in a lighter grey */
+}
+
+input:hover,
+textarea:hover {
+  background-color: #878787 !important; /* Light grey background on hover */
+  color: #000000 !important; 
+  border-color: #999 !important; /* Slightly darker border on hover */
 }
 
 button[type="submit"] {
@@ -191,6 +200,7 @@ button[type="submit"]:hover {
   transform: scale(1.1);
 }
 
+
 #progressBarContainer {
   position: fixed;
   top: 0;