body{
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
  background:#FFF;
}

.dot-loader {

        display: flex;
        gap: 10px;
      }

      .dot-loader span {
        width: 12px;
        height: 12px;
        background: #800000;
        border-radius: 50%;
        animation: bounce 0.6s infinite alternate;
      }

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

      .dot-loader span:nth-child(3) {
        animation-delay: 0.4s;
      }

      @keyframes bounce {
        to {
          transform: translateY(-12px);
          opacity: 0.5;
        }
      }