<div>
  <h1><span class='test'></span></h1>
</div>
html{
  position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50vh;
  background: #121212;
}

h1{
  color: #8AA8FF;
  font-family: 'Karla', sans-serif;
  font-size: 42px;
}

.typed-cursor {
  color:#fff;
  font-weight: 100;
}
var typed = new Typed('.test', {
  strings: [
    "Let's build^1000 a website", 
    "Let's build^1000 an app",
    "Let's build^1000 it better", 
    "Let's build it^1000 together ^2000💜"],
  typeSpeed: 50,
  backSpeed: 50,
  smartBackspace: true, // Default value
  loop: true,
  backDelay: 2000
  });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.jsdelivr.net/npm/typed.js@2.0.11