/* React Animation Plugin — Text CSS */

.rap-word,
.rap-char {
    display: inline-block;
    will-change: transform, opacity;
}

.rap-rotating-word {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
}

/* Typewriter cursor blink */
@keyframes rap-blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}
.rap-cursor {
    display: inline-block;
    animation: rap-blink 0.7s step-end infinite;
    margin-left: 1px;
}

/* Gradient text clip */
.rap-gradient-text {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}