.typing{display:block;width:60px;height:40px;border-radius:20px;margin:0 1rem;display:flex;justify-content:center;align-items:center;background-color:#f2f2f2}.circle{display:block;height:10px;width:10px;border-radius:50%;background-color:#8d8d8d;margin:3px}.circle.scaling{animation:typing 1s ease-in-out infinite;animation-delay:3.6s}.circle.bouncing{animation:bounce 1s ease-in-out infinite;animation-delay:3.6s}.circle:first-child{animation-delay:0s}.circle:nth-child(2){animation-delay:333ms}.circle:nth-child(3){animation-delay:666ms}@keyframes typing{0%{transform:scale(1)}33%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes bounce{0%{transform:translateY(0)}33%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}