.welcome-container {
    text-align: center;
    font-size: 2em;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    color:#fff;
}

.welcome-container h1 {
    font-size: 2em; /* Increase font size */
    color: #fff; /* Change text color */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Add shadow for depth */
    letter-spacing: 2px; /* Space out the letters */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; /* Add transition for transform */
}

.hidden {
    opacity: 0;
    transform: scale(0.8); /* Slightly scale down when hidden */
}