.card {
  height: 90vh;
  display: flex;
  flex-direction: column;
}

.chat-area {
  flex-grow: 1;
  overflow-y: auto;
}

#chat-content {
  flex-grow: 1;
  overflow-y: auto;
}

.form-outline .form-control:focus ~ .form-label {
  color: #39c0ed;
  transition: all 0.2s linear;
}

.form-outline .form-control ~ .form-label {
  color: #bfbfbf;
}

@keyframes myAnimation {
  0% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 1;}
}

.myAnimatedClass {
  animation: myAnimation 1s infinite;
}

canvas {
  display: block;
  vertical-align: bottom;
} /* ---- particles.js container ---- */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #EEEEEE;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;