body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; color: #640875; } .container { width: 80%; margin: 0 auto; padding: 20px; } h1, h2, h3 { color: #444; } .hero h1 { color: #640875; } .hero { background-color: #333333; color: #fff; padding: 50px 20px; text-align: center; } .features, .testimonials, .gallery, .contact { margin: 20px 0; padding: 20px; background: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .features h2, .testimonials h2, .gallery h2, .contact h2 { margin-top: 0; } .features .feature, .testimonials .testimonial { margin: 10px 0; } .gallery { display: flex; flex-wrap: wrap; justify-content: space-around; } .gallery img { width: 50%; height: auto; border-radius: 8px; } .contact form input, .contact form textarea { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 4px; } .contact form button { padding: 10px 20px; background-color: #333; color: #fff; border: none; border-radius: 4px; cursor: pointer; }