/* Ensure the page takes the full height of the viewport */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

/* Container for the background image */
.background {
    background-color: rgb(6, 10, 9); /* Set the default background color */
    background-image: none; /* Ensure no background image initially */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain; /* Ensure the image width fills the container */
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    transition: background-color 0.5s ease-in-out; /* Smooth transition for background color changes */
}

/* Content section with text */
.content {
    padding: 0;
    margin: 0; /* Remove margin to prevent spacing issues */
}