/* static/css/index.css */

/* --- Full screen center --- */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: "Courier New", monospace;
}

/* --- Text styles --- */
#splash-text {
    font-weight: bold;
    font-size: clamp(24px, 8vw, 32px); /* responsive */
    margin: 0;
    text-align: center;
}

#splash-subtext {
    font-weight: normal;
    font-size: clamp(12px, 4vw, 16px); /* responsive */
    margin: 5px 0 0 0;
    text-align: center;
}

/* --- Image styles --- */
#splash-image {
    max-width: 90vw;     /* shrink if needed */
    max-height: 80vh;    /* shrink if needed */
    width: auto;
    height: auto;
    display: none;       /* hidden initially */
    object-fit: contain; /* maintain aspect ratio */
    margin-top: 10px;
}

/* Mobile adjustments (small screens) */
@media (max-width: 400px) {
    #splash-text {
        font-size: 6vw;
    }
    #splash-subtext {
        font-size: 3vw;
    }
}