/* General Styles */ body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; box-sizing: border-box; } /* Hero Section Styles */ .hero { background-image: url('path_to_your_image.png'); /* Add your image path here */ background-size: cover; background-position: center; height: 100vh; display: flex; justify-content: center; align-items: center; color: white; text-align: center; } .hero-content h1 { font-size: 3rem; margin-bottom: 20px; } .hero-content p { font-size: 1.5rem; margin-bottom: 30px; } .cta-button { padding: 15px 30px; background-color: #ff5733; /* Button color */ color: white; text-decoration: none; font-size: 1.2rem; border-radius: 5px; transition: background-color 0.3s; } .cta-button:hover { background-color: #e94e2b; /* Button hover color */ } /* About Section Styles */ .about { padding: 50px; background-color: #f8f8f8; text-align: center; } .about h2 { font-size: 2.5rem; margin-bottom: 20px; } .about p { font-size: 1.2rem; margin-bottom: 30px; } .about .cta-button { background-color: #4CAF50; /* Green button color */ } .about .cta-button:hover { background-color: #45a049; } /* Footer Styles */ footer { background-color: #333; color: white; padding: 20px; text-align: center; } footer a { color: #ff5733; text-decoration: none; } footer a:hover { text-decoration: underline; }