/* Custom CSS for Contact Form */
.contact-form {
max-width: 500px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} .contact-form h2 {
text-align: center;
color: #333;
} .contact-form input[type=”text”],
.contact-form input[type=”email”] {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
} .contact-form textarea {
width: 100%;
height: 150px;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
} .contact-form input[type=”submit”] {
display: block;
width: 100%;
padding: 10px;
border: none;
background-color: #007bff;
color: #fff;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
} .contact-form input[type=”submit”]:hover {
background-color: #0056b3;
} .contact-form .success-message,
.contact-form .error-message {
text-align: center;
} /* Optional: Add some animation */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
} .contact-form .fadeIn {
animation: fadeIn 1s;
}