.text-white {
    color: #fff;
}

.typing_block {
    align-items: center;
    display: flex;
    height: 16px;
}

.typing_dot {
    -webkit-animation: typingAnimation 1.25s infinite ease-in-out;
    border-radius: 4px;
    display: inline-block;
    height: 6px;
    margin-right: 2px;
    width: 6px;
}

@-webkit-keyframes typingAnimation {
    0% {
        -webkit-transform: translateY(0px)
    }
    28% {
        -webkit-transform: translateY(-5px)
    }
    44% {
        -webkit-transform: translateY(0px)
    }
}

.typing_dot:nth-child(1) {
    -webkit-animation-delay: 200ms;
}

.typing_dot:nth-child(2) {
    -webkit-animation-delay: 300ms;
}

.typing_dot:nth-child(3) {
    -webkit-animation-delay: 400ms;
}