body {
    background-color: #155193;
    margin: 0; /* Remove default margins */
    height: 100vh; /* Full viewport height */
    display: flex; /* Use Flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

html {
    color: white;
    font-family: "Droid Serif", serif; /* Fallback font */
}

#logo {
    text-align: center; /* For potential text content */
}

img {
    width: 30vw; /* Default for desktop */
    height: auto; /* Maintain aspect ratio */
}

/* Mobile devices (screens smaller than 768px) */
@media screen and (max-width: 767px) {
    img {
        width: 100vw; /* Larger image width for mobile */
    }
}