body { font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0; } .event-container { max-width: 600px; margin: 50px auto; background-color: #e74c3c; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); color: #fff; } .event-header { background-color: #c0392b; padding: 20px; text-align: center; } .event-title { font-size: 28px; font-weight: bold; margin-bottom: 10px; } .event-subtitle { font-size: 18px; margin-bottom: 20px; } .event-content { padding: 20px; } .event-description { font-size: 16px; line-height: 1.6; margin-bottom: 30px; } .event-button { display: inline-block; padding: 10px 20px; background-color: #fff; color: #e74c3c; text-decoration: none; border-radius: 5px; font-size: 18px; transition: background-color 0.3s ease, color 0.3s ease; } .event-button:hover { background-color: #d35400; color: #fff; }