html {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom right, #003366, #2e8b57); /* Gradient from dark blue to sea green */
}

.logo-container img {
    display: block; /* Remove any default inline spacing */
    max-width: 100%; /* Ensure the logo is responsive */
    max-height: 100vh; /* Prevent the logo from being taller than the viewport */
}