body {
    /* Sets the background color */
    background-color: rgb(64,130,109);
    
    /* Centers the content in the viewport using Flexbox */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Ensures the body takes up the full viewport height */
    margin: 0; /* Removes default body margin */

    font-family: Arial, sans-serif;
}

.container {
    text-align: center;
}

img {
    max-width: 100%;
    /* Prevent the image from exceeding the viewport height which causes a vertical scrollbar */
    max-height: 100vh;
    height: auto;
    /* Make the image a block to avoid small whitespace below inline images */
    display: block;
    /* Ensure the image scales to fit its box while preserving aspect ratio */
    object-fit: contain;
}