.typing{align-items:center;display:flex;height:17px}.typing .dot{animation:mercuryTypingAnimation 1.8s ease-in-out infinite;background-color:blue;border-radius:50%;height:7px;margin-right:4px;vertical-align:middle;width:7px;display:inline-block}.typing .dot:first-child{animation-delay:.2s}.typing .dot:nth-child(2){animation-delay:.3s}.typing .dot:nth-child(3){animation-delay:.4s}.typing .dot:last-child{margin-right:0}@keyframes mercuryTypingAnimation{0%{transform:translateY(0);background-color:#6cad96}28%{transform:translateY(-7px);background-color:#9ecab9}44%{transform:translateY(0);background-color:#b5d9cb}}