<h1>Hi, I am <span class="title"></span></h1>

:root {
  --background-color: #212121;
  --text-color: #fff;
  --font: serif;
}

* {
  margin: 0;
  padding: 0;
}

body {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--background-color);
  font-family: var(--font);
  color: var(--text-color);
}

h1 {
  width: 100vw;
  text-align: center;
}

// reference -  https://github.com/mattboldt/typed.js

var options = {
  strings: ["Jatin Sharma", "React Developer", "Python Developer"],
  typeSpeed: 40,
  backSpeed: 40,
  loop: true
};

var typed = new Typed(".title", options);