.dot-loader {
    margin-top: 100px;
    display: flex;
    justify-content: center;
}

    .dot-loader div {
        width: 8px;
        height: 8px;
        background-color: black;
        border-radius: 50%;
        margin: 0 3px;
        animation: dot-loading 1.0s infinite ease-in-out;
    }

        .dot-loader div:nth-child(1) {
            animation-delay: -0.32s;
        }

        .dot-loader div:nth-child(2) {
            animation-delay: -0.16s;
        }

@keyframes dot-loading {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1.0);
    }
}