title: Typed.js Animated blinker cursor not working
body: <p>So I'm trying to use the blinker cursor on typed.js an awesome js.plugin which can be found here: <a href="https://github.com/mattboldt/typed.js" rel="nofollow">https://github.com/mattboldt/typed.js</a></p>
  
  <p>I'm trying to get the blinker cursor inline with the text as it types but as you can see at the minute from the jsfiddle: <a href="https://jsfiddle.net/harrydry/p4ev1nj2/" rel="nofollow">https://jsfiddle.net/harrydry/p4ev1nj2/</a> 
  it is just blinking on the side. </p>
  
  <p>The reason for this is that I have applied some an id to typed so that the text is centered and the font is changed etc. </p>
  
  <p>Unfortunately, this seems to have ruined the blinker effect. </p>
  
  <p>Is anyone aware of how to get both the blinker working with CSS styling applied as shown on the js fiddle. </p>
  
  <pre><code>    .typed-cursor{
      opacity: 1;
      -webkit-animation: blink 0.7s infinite;
      -moz-animation: blink 0.7s infinite;
      animation: blink 0.7s infinite;
      }
      @keyframes blink{
      0% { opacity:1; }
      50% { opacity:0; }
      100% { opacity:1; }
      }
      @-webkit-keyframes blink{
      0% { opacity:1; }
      50% { opacity:0; }
      100% { opacity:1; }
      }
      @-moz-keyframes blink{
      0% { opacity:1; }
      50% { opacity:0; }
      100% { opacity:1; }
      }
  </code></pre>
  
  <p>This is the code on typed.js page to get the typed-cursor blinking correctly </p>
  
  <p>Thanks a lot for any help. Of course, I will upvote the correct answer etc. 
  Enjoy the day 
  harry :) </p>