Contact information

body { font-family: Arial, sans-serif; background-color: #f4ebeb; color: #333; margin: 0; padding: 20px; line-height: 1.6; box-sizing: border-box; font-size: 16px; } .container { max-width: 800px; margin: auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); box-sizing: border-box; } h2 { color: #555; font-size: 1.8em; margin-top: 0; margin-bottom: 25px; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 15px; } h3 { font-size: 1.3em; margin-top: 30px; margin-bottom: 10px; color: #444; } p { margin: 0.8em 0; color: #444; } a { color: #e1a8a8; text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } .contact-form { margin-top: 30px; padding: 20px; background-color: #fdf6f6; border-radius: 8px; } .contact-form label { display: block; margin-bottom: 8px; font-weight: bold; } .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; /* Ensures padding doesn't affect width */ } .contact-form textarea { height: 150px; resize: vertical; } .contact-form button { background-color: #e1a8a8; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 1em; transition: background-color 0.3s; } .contact-form button:hover { background-color: #d19797; } @media (max-width: 768px) { body { padding: 0; font-size: 0.9em; } .container { max-width: 100%; margin: 0; padding: 20px 10px; border-radius: 0; box-shadow: none; } }