.card {
    --bg-color: #707070;
    background-color: var(--bg-color);
    padding: 1rem 2rem;
    border-radius: 1.25rem;
}

.loader {
    color: rgb(72, 209, 9);
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 25px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 40px;
    padding: 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
}

#load {
    margin-top: 0px;
}

.words {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.words::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(var(--bg-color) 10%,
            transparent 20%,
            transparent 60%,
            var(--bg-color) 90%);
    z-index: 20;
}

.word {
    display: block;
    color: #956afa;
    animation: nacitani 2s infinite;
    animation-delay: calc(2s * var(--i));
}

@keyframes nacitani {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        -webkit-transform: translateX(102%);
        transform: translateX(102%);
    }
}