body{
  background: #F4C753;
  background: linear-gradient(180deg, rgba(244, 199, 83, 1) 350px, rgba(255, 255, 255, 1) 650px) no-repeat;
}

.card-text {
  color: #0f0f0f;
  min-height: 13.75rem;
  max-height: 13.75rem;
  overflow-y: auto;
}
.card-title {
  font-weight: 600;
}

.card-body {
  justify-self: center;
  max-width: 20rem;
  max-height: 23.5rem;
  min-height: 23.5rem;
}

.card {
  animation: fadeUp 0.8s ease-in-out;
}

h1 {
  animation: fadeDown 0.8s ease-in-out;
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}