body {
  background: #f9f9f9;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.animated-heading {
  animation: fadeInDown 1s ease-out;
  color: #28a745;
}

#response {
  transition: all 0.3s ease-in-out;
  border-left: 5px solid #28a745;
  background-color: #ffffff;
  min-height: 50px;
}

#response h3 {
  color: #333;
  font-size: 1.2em;
}

#response strong {
  color: #d9534f;
}

#response ul {
  padding-left: 20px;
}

#response li {
  margin-bottom: 5px;
}

/* Fade-in animation */
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}