.typing-effect {
	overflow: hidden;
}

.typing-effect span {
	opacity: 0;
}

.typing-effect span.typed {
	opacity: 1;
	animation: blink-caret .3s step-end infinite;
}

@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: white; }
}

@keyframes display-block {
  from { opacity: 0; transform: translateY(20px) }
  to { opacity: 1; transform: translateY(0px); }
}

@keyframes vertical-graph {
  from { transform: scale(1, 0) }
  to { transform: scale(1) }
}

@keyframes horizontal-graph {
  from { transform: scale(0, 1) }
  to { transform: scale(1) }
}