
.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 */
}

