body {
    font-family: sans-serif;
}

#login-screen, #user-info-screen {
    margin-top: 50px;
    text-align: center;
}

#user-info-screen {
    margin-top: 50px;
    text-align: center;
    opacity: 0; /* Initially set opacity to 0 */
    transition: opacity 1s ease; /* Define transition for opacity */
}

#user-info-screen.show { /* Add a new class for the animation state */
    opacity: 1; /* Set opacity to 1 during animation */
}