@charset "utf-8";
/* CSS Document */

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #000000; /* Sets the background to black */
    display: flex; /* Helps in centering the image */
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
}

.image-container {
    /* Optional: can add padding if you want a small border around the image */
    /* padding: 10px; */
    max-width: 100%;
    max-height: 100vh; /* Viewport height */
    display: flex;
    justify-content: center;
    align-items: center;
}

img {
    max-width: 100%;      /* Image will not exceed the container width */
    max-height: 100vh;    /* Image will not exceed the viewport height */
    height: auto;         /* Maintain aspect ratio */
    width: auto;          /* Maintain aspect ratio */
    display: block;       /* Removes potential extra spacing issues */
}