bounce text

<style>
  .lebounce mark {
    font-size: 4em;
    z-index: 99;
    animation: bounce 2s infinite;
    animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1) width:auto;
    background: none;
  }

  .lebounce mark:nth-child(1) {
    animation-delay: 0s;
    display: inline-block;
  }

  .lebounce mark:nth-child(2) {
    animation-delay: 0.2s;
    display: inline-block;
  }

  .lebounce mark:nth-child(3) {
    animation-delay: 0.4s;
    display: inline-block;
  }

  .lebounce mark:nth-child(4) {
    animation-delay: 0.6s;
    display: inline-block;
  }

  .lebounce mark:nth-child(5) {
    animation-delay: 0.8s;
    display: inline-block;
  }

  .lebounce mark:nth-child(6) {
    animation-delay: 1s;
    display: inline-block;
  }

  .lebounce mark:nth-child(7) {
    animation-delay: 1.2s;
    display: inline-block;
  }

  .lebounce mark:nth-child(8) {
    animation-delay: 1.4s;
    display: inline-block;
  }

  .lebounce mark:nth-child(9) {
    animation-delay: 1.6s;
    display: inline-block;
  }

  .lebounce mark:nth-child(10) {
    animation-delay: 1.8s;
    display: inline-block;
  }

  @keyframes bounce {
    0% {
      transform: scale(1, 1) translateY(0);
    }

    10% {
      transform: scale(1.1, .9) translateY(0);
    }

    30% {
      transform: scale(.9, 1.1) translateY(-30px);
    }

    50% {
      transform: scale(1.05, .95) translateY(0);
    }

    60% {
      transform: scale(1, 1) translateY(-4px);
    }

    100% {
      transform: scale(1, 1) translateY(0);
    }
  }
</style>

<div class="lebounce"><mark>I</mark><mark>n</mark><mark>s</mark><mark>e</mark><mark>r</mark><mark>t</mark> <mark>h</mark><mark>e</mark><mark>r</mark><mark>e</mark></div>
<div style="font-size: 1.5em;">
  To insert into Carrd: copy and paste all the styles into an embed, nothing outside of it. If you have pro plus, give the text you want to have bouncy letters the "lebounce" class. If you have pro standard, change ".lebounce" to "#text01" or whatever the ID of your text is. To then put the code into action, highlight each individual letter using Carrd's markdown rules (==l====i====k=====e== ==t====h====i====s==). Voila.
  As for creds...<br>
  CYBERPINKED FOR THE BASE CODE. ALLISON OF MCYT.CRD.CO. Then also li'l old me, Jake @carrduser, only if you repost to your resource Carrd because I optimized it for Carrd. THANKS!!!!!!! Muchas gracias.
</div>