body {
    background-color: #171717;
    font-family:verdana;
    color: white;
    zoom: 1.2;
}

.center {
  background-color: #171717;
  display: flex; /* Add flex display to center the chat-container */
  flex-direction: column; /* Stack children vertically */
  justify-content: center; /* Vertically center the chat-container */
  align-items: center; /* Horizontally center the chat-container */
  padding: 10px;
  text-align: center;
}

.center-wrapper {
  background-color: #171717;
  margin: auto;
  display: inline-block
}


/* -------- talking - START ---------- */
.lds-talking {
  display: inline-block;
  position: relative;
  margin: auto;
  width: 80px;
  height: 80px;
}
.lds-talking div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: lds-talking 1.2s linear infinite;
}
.lds-talking div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.lds-talking div:nth-child(2) {
  animation-delay: 0s;
  top: 22px;
  left: 62px;
}
.lds-talking div:nth-child(3) {
  animation-delay: 0s;
  top: 11px;
  left: 52px;
}
.lds-talking div:nth-child(4) {
  animation-delay: 0s;
  top: 7px;
  left: 37px;
}
.lds-talking div:nth-child(5) {
  animation-delay: 0s;
  top: 11px;
  left: 22px;
}
.lds-talking div:nth-child(6) {
  animation-delay: 0s;
  top: 22px;
  left: 11px;
}
.lds-talking div:nth-child(7) {
  animation-delay: 0s;
  top: 37px;
  left: 7px;
}
.lds-talking div:nth-child(8) {
  animation-delay: 0s;
  top: 52px;
  left: 11px;
}
.lds-talking div:nth-child(9) {
  animation-delay: 0s;
  top: 62px;
  left: 22px;
}
.lds-talking div:nth-child(10) {
  animation-delay: 0s;
  top: 66px;
  left: 37px;
}
.lds-talking div:nth-child(11) {
  animation-delay: 0s;
  top: 62px;
  left: 52px;
}
.lds-talking div:nth-child(12) {
  animation-delay: 0s;
  top: 52px;
  left: 62px;
}
@keyframes lds-talking {
  80%, 100% {
  transform: scale(1);
  }
  50% {
  transform: scale(1.5);
  }
}
/* -------- talking - END ---------- */