.card {
  width: 100%;
}

@media (min-width: 576px) {
  .card {
    width: 90%;
  }
}

@media (min-width: 768px) {
  .card {
    width: 80%;
  }
}

@media (min-width: 992px) {
  .card {
    width: 75%;
  }
}

@media (min-width: 1200px) {
  .card {
    width: 70%;
  }
}

#outputdiv {
  right: 12%;
  bottom: -12px;
}

.text-theme {
  color: #0493A4;
}

.bg-theme {
  background: linear-gradient(90deg, #027f8e, #0493A4, #03a2b5);
}

.form-control::placeholder {
  color: #0493A490;
}