/* .blink {
                animation: blinker 1.5s linear infinite;
                color: blue;
                font-family: sans-serif;

            }

            @keyframes blinker {
                50% {
                    opacity: 0;
                }
            }
*/

 /*
@keyframes blink {
    from { transform: translateX(100%); }
    to { transform: translateX(-100%); }
}

.blink {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    animation: marquee 5s linear infinite;
}

.blink:hover {
    animation-play-state: pause; /* Stops movement on hover */
    /*
}
*/

.blink {
    display: inline-block; /* Keeps the element in one line */
    white-space: nowrap; /* Prevents text from breaking into multiple lines */
    animation: moveText 90s linear infinite, blinker 5s linear infinite; /* Combine both animations */
    font-family: sans-serif;
    color: blue; /* Text color */
}

@keyframes moveText {
    0% {
        transform: translateX(100%); /* Start from the far right */
    }
    100% {
        transform: translateX(-100%); /* Move to the far left */
    }
}

@keyframes blinker {
    50% {
        opacity: 0; /* Blink by changing opacity to 0 halfway through the cycle */
    }
}

/* Pause both animations on hover */
.blink:hover {
    animation-play-state: paused; /* Pause both animations on hover */
}