body {
  background: #0b121a;
}
/* Basic styles */
h1 {
	position: relative;
	float: left;
	color: #0b121a;
}
h1 span{
	position: absolute;
	top: 0;
	right: 0;
	background: #f7f7f7;
	width: 100%;
	border-left: .1em solid transparent;
	-webkit-animation: typing 3s steps(16) forwards,
										 cursor 1s infinite;
	animation: typing 3s steps(16) forwards,
						 cursor 1s infinite;
}
/* Animation */
@-webkit-keyframes typing{
	from { width: 100%;}
	to { width: 0;}
}
@-webkit-keyframes cursor{
	50% { border-color: black;}
}
@keyframes typing{
	from{ width: 100%;}
	to{ width: 0;}
}
@keyframes cursor{
	50% { border-color: black;}
}