#welcomeScreen {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Fill the screen vertically */
    background-color: var(--nasa-bg);
}

.login-widget {
    background-color: var(--white);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    max-width: 320px;
    width: 100%;
}

    .login-widget label {
        margin-top: 16px;
        color: var(--dark);
    }

    .login-widget input {
        margin-top: 8px;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .login-widget button {
        margin-top: 16px;
        padding: 12px;
        background-color: var(--nasa-blue);
        color: var(--header-text);
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-weight: bold;
    }

        .login-widget button:hover {
            background-color: var(--nasa-red);
        }