Update style.css

style.css

@@ -119,21 +119,30 @@ body {
 
 /* Contact section styles */
 .contact {
-    padding-top: 50px;
-    text-align: center;
+  background-color: #f5f5f5; /* Add a light background color */
+  padding-top: 100px; /* Adjust padding as needed */
+  padding-bottom: 50px; /* Adjust padding as needed */
 }
 
-.social-media {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
+.form-control {
+  border-radius: 5px; /* Add rounded corners to form fields */
+}
+
+.btn-primary {
+  background-color: #333; /* Change button color */
+  border-color: #333; /* Change button border color */
 }
 
 .social-link {
-    font-size: 20px;
-    color: #333;
+  font-size: 24px; /* Increase social media icon size */
+  transition: transform 0.3s ease-in-out; /* Add hover effect transition */
+}
+
+.social-link:hover {
+  transform: scale(1.1); /* Zoom on hover effect */
 }
 
+
 /* Footer styles */
 .footer {
     background-color: #333;