@import url('https://fonts.googleapis.com/css2?family=Madimi+One&display=swap');


.animate-charcter {
    text-transform: uppercase;
    background-image: linear-gradient( to right, #ebb92f 0%, #44107a 29%, #ff1361 67%, #fff800 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #ffffff49;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 5s linear infinite;
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    font-size: 30px;
    font-weight: bold; /* Make the text bold */
}

@keyframes textclip {
    to {
        background-position: -200% center;
    }
}