From dc290230ff8fe87ea90a66f5863568e14eff2024 Mon Sep 17 00:00:00 2001
From: 31Rishita <22wh1a6631@bvrithyderabad.edu.in>
Date: Fri, 1 Nov 2024 11:57:50 +0530
Subject: [PATCH] Updated the visibility

---
 index.html | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 702927b..26a1898 100644
--- a/index.html
+++ b/index.html
@@ -739,14 +739,19 @@ <h2 style="color: white; text-align: left; font-size: 2.5rem; margin-bottom: 10p
 
         <!-- Right Section (Contact Form) -->
         <div class="contact-form" style="display: flex; align-items: center; justify-content: center; width: 100%;">
-            <form style="width: 100%;">
+            <form style="width: 100%; max-width: 600px; margin: 0 auto; padding: 20px;">
                 <div style="display: flex; gap: 30px; margin-bottom: 20px; margin-top: 50px;">
-                    <input type="text" placeholder="Name" style="flex: 1; padding: 10px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color:#c4c2c2;">
-                    <input type="email" placeholder="Email" style="flex: 1; padding: 10px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color:#c4c2c2;">
+                    <input type="text" placeholder="Name" style="flex: 1; padding: 10px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color: #c4c2c2;">
+                    <input type="email" placeholder="Email" style="flex: 1; padding: 10px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color: #c4c2c2;">
                 </div>
-                <input type="text" placeholder="Subject" style="width: 100%; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color:#c4c2c2;">
-                <textarea placeholder="Message" rows="4" style="width: 100%; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color:#c4c2c2;"></textarea>
-                <button type="submit" style="width: 100%; padding: 10px; background: linear-gradient(135deg, hsl(204, 75%, 50%), #079874); color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer;">Send Message</button>
+                
+                <input type="text" placeholder="Subject" style="width: 100%; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color: #c4c2c2;">
+                
+                <textarea placeholder="Message" rows="3" style="width: 100%; padding: 10px; margin-bottom: 20px; border-bottom: 2px solid #ccc; border-radius: 10px; outline: none; transition: border-color 0.3s; background-color: #c4c2c2;"></textarea>
+                
+                <button type="submit" style="width: 100%; padding: 12px; background: linear-gradient(135deg, hsl(204, 75%, 50%), #079874); color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer;">
+                    Send Message
+                </button>
             </form>
         </div>
     </div>