.typing {
  position: relative;
  
  span {
	content: '';
	animation: blink 1.5s infinite;
	animation-fill-mode: both;
	height: 10px;
	width: 10px;
	background: #3b5998;
	position: absolute;
	left:0;
	top:0;
	border-radius: 50%;
	
	&:nth-child(2) {
	  animation-delay: .2s;
	  margin-left: 10px * 1.5;
	}
	
	&:nth-child(3) {
	  animation-delay: .4s;
	  margin-left: 10px * 3;
	}
  }
}


@keyframes blink {
  0% {
	opacity: .1;
  }
  20% {
	opacity: 1;
  }
  100% {
	opacity: .1;
  }
}