Enhance Footer Contact Component UI with text area, font, and button interactions

Author: praveenr-CodeCrafter

assets/contact/contact.css

@@ -94,6 +94,7 @@ main {
     background-color: #e9eef5;
     border-radius: 8px;
     font-size: 1em;
+    font-family: 'Poppins', sans-serif;
     transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
     font-weight: 700;
 }
@@ -115,8 +116,12 @@ textarea:focus {
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }
 
-textarea {
+.form-section textarea {
     resize: vertical;
+    height: 150px; 
+    min-height: 100px; 
+    max-height: 300px;
+    overflow-y: auto;
 }
 
 .form-section button {

style.css

@@ -899,10 +899,15 @@ footer {
     border-radius: 4px;
     box-sizing: border-box;
     font-size: 16px;
+    font-family: 'Poppins', sans-serif;
 }
 
 .send-message textarea {
-    height: 50px;
+    resize: vertical;
+    height: 50px; 
+    min-height: 50px; 
+    max-height: 100px;
+    overflow-y: auto; 
     color: black;
 }
 
@@ -919,6 +924,11 @@ footer {
     font-weight: bold;
 }
 
+.send-message button:hover {
+    background: -webkit-linear-gradient(to right, #5568e0, #89b9e8);
+    background: linear-gradient(to right, #5568e0, #89b9e8);
+}
+
 .social {
     font-size: 2.3rem;
     text-decoration: none;