html, body {
    height: 100%; /* Full height for centering */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
}

body {
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    justify-content: flex-start; /* Align content to the top */
    align-items: center; /* Center horizontally */
    background-color: #f0f0f0; /* Light background color */
    font-family: 'Arial', sans-serif; /* Font style */
    text-align: center; /* Center text */
    padding-top: 50px; /* Add padding at the top to prevent overlap */
}

header {
    background-color: #2ecc71; /* Green background for header */
    color: white; /* White text */
    padding: 20px;
    border-radius: 8px; /* Rounded corners */
    margin-bottom: 20px; /* Space below header */
    width: 90%; /* Responsive width */
    max-width: 800px; /* Max width for header */
}

header img {
    max-width: 100%; /* Make the image responsive */
    height: auto; /* Maintain aspect ratio */
    border-radius: 10px; /* Rounded corners for image */
}

section {
    max-width: 800px; /* Max width for section */
    background-color: white; /* White background for section */
    padding: 20px;
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Soft shadow */
    margin-bottom: 20px; /* Space below section */
}

footer {
    font-style: italic; /* Italicize footer text */
    color: #666; /* Gray text */
    margin-top: 20px; /* Space above footer */
}