#splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f7fbff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    flex-wrap: wrap;
    flex-direction: column;
}
#splash-text {
    font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 600;
    font-size: 23px;
    line-height: 1.4em;
    margin-top: 20px;
    color: #999898;
}
@keyframes changeText {
    0% { opacity: 1; }
    10% { opacity: 1; }
    20% { opacity: 0.2; }
    25% { opacity: 0; }
    35% { opacity: 0; }
    100% { opacity: 0; }
}

#splash-text-container {
    text-align: center;
    margin-top: 20px;
}

.splash-text {
    position: absolute;
    font-family: 'gilroy light',Helvetica,Arial,Lucida,sans-serif;
    /* font-weight: 600; */
    font-size: 23px;
    line-height: 1.4em;
    margin-top: 20px;
    color: #999898;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    animation: changeText 5s infinite;
}

.splash-text:nth-child(1) {
    animation-delay: 0s;
}
.splash-text:nth-child(2) {
    animation-delay: 1s; /* Adjust delay for each subsequent text */
}
.splash-text:nth-child(3) {
    animation-delay: 2s;
}
.splash-text:nth-child(4) {
    animation-delay: 3s;
}
.splash-text:nth-child(5) {
    animation-delay: 4s;
}

/* Ensure the first text is initially visible */
.splash-text:nth-child(1) {
    display: block;
}