title: How to remove cursor from the typewriter text animation
body: <p>I am trying to remove a cursor from the typewriter animation. I found this code online, works exactly what I wanted it to work, but I am not able to remove the cursor. What am I missing?
  Here is my code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    background  :#3d6485;
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 36px;
    }
  .type {
    --n                     : 56;
    color                   : #000;
    opacity                 : 0;
    background              : linear-gradient(-90deg, #F3933F 5px, #0000 0) 10px 0
                            , linear-gradient(#F3933F 0 0) 0 0;
    background-size         : calc( var(--n) * 1ch ) 200%;
    -webkit-background-clip : padding-box, text;
    background-clip         : padding-box, text;
    background-repeat       : no-repeat;
    animation               : d 2s forwards
                            , b .1s infinite steps(1)
                            , t calc( var(--n) * .1s ) steps( var(--n) ) forwards;
    animation-delay         : 2s;
    }
  @keyframes d {
    from { opacity: 0; }
    100% { opacity: 1; }
    }
  @keyframes t {
    from { background-size: 0 200%; }
    }
  @keyframes b {
    100% { background-position: 0 -100%, 0 0; }
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p class="lol"&gt;
    &lt;span class="type"&gt;
      Hello world
    &lt;/span&gt;
  &lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>