body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    line-height: 1.5; /* Improved readability */
}

header {
    text-align: center;
    padding: 20px;
}

main {
    padding: 20px;
}

.message {
    background-color: rgba(255, 255, 255, 0.1); /* Light transparent background */
    border-radius: 5px;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

h1 {
    font-size: 2.5rem; /* Responsive heading size */
}

h2, h3 {
    color: #ffffff; /* White headings */
    font-size: 1.5rem; /* Responsive heading size */
}

p {
    font-size: 1rem; /* Responsive paragraph size */
}

/* Media Queries for Mobile Devices */
@media (max-width: 600px) {
    h1 {
        font-size: 2rem; /* Smaller heading size for mobile */
    }

    h2, h3 {
        font-size: 1.25rem; /* Smaller heading size for mobile */
    }

    p {
        font-size: 0.9rem; /* Smaller paragraph size for mobile */
    }

    .message, .stay-tuned {
        padding: 15px; /* Adjust padding for mobile */
    }

    .home-button {
        font-size: 1rem; /* Use rem for consistency */
        padding: 8px 16px; /* Adjust padding for mobile */
    }
}

.button-container {
    display: flex; /* Enable flexbox */
    justify-content: center; /* Center items horizontally */
    margin: 20px 0; /* Space above and below the button */
}

.home-button {
    padding: 10px 20px; /* Padding inside the button */
    background-color: white; /* Button background color */
    color: #4CAF50; /* Text color */
    text-decoration: none; /* Remove underline */
    border-radius: 5px; /* Rounded corners */
    font-size: 1rem; /* Font size */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
}

.home-button:hover {
    background-color: #e7e7e7; /* Light gray on hover for better contrast */
}

