body, html {
    height: 100%; /* Ensures the html and body elements cover the full viewport height */
    margin: 0; /* Removes default browser margin */
    padding: 0;
}

body {
    /* 1. Set the background image URL */
    background-image: url('carl-haas-2026.png');

    /* 2. Center the image position */
    background-position: center;

    /* 3. Prevent the image from repeating */
    background-repeat: no-repeat;

    /* 4. Scale the image to cover the entire container (viewport) */
    background-size: cover;

    /* Optional: Fixed attachment for a parallax-like effect when scrolling */
    background-attachment: fixed; 

    /* Optional: Add text color for readability over the background */
    color: white;
    text-align: center;
    padding-top: 50px; /* Example padding */
}