<body>
  <div class="header">
    <h2>I'm a <span class="animate"></span> </h2>
  </div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.12/typed.min.js" integrity="sha512-3J8teBiHrSyaaRBajZyIEtpDsXdPq1gsznKWIVb5CnorQuFhjWGhWe54z8YNnHHr7MZuExb9m5kvf964HiT1Sw==" crossorigin="anonymous"></script>
</body>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
body{
  background-color: #161a1d;
  color:#fff;
}
h2{
  color:#fff;
  font-size: 5em;
  text-align:center;
  font-family: 'Bebas Neue', cursive;
  letter-spacing:2px;
  text-shadow: 1px 2px white;
  
}
.animate{
  color:#fec89a;
  letter-spacing:2px;
}
 var typing = new Typed (".animate",{
      strings:['Web Developer','Blogger','Python Developer'],
      typeSpeed:120,
      backSpeed:70,
      loop:true,
      
   });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.