@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeIn {
  animation: fadeIn 0.7s ease-in-out;
}

@media (max-width: 640px) {
  .max-w-3xl {
    padding: 1rem;
  }

  h1 {
    font-size: 1.5rem;
  }

  p,
  li {
    font-size: 0.95rem;
  }
}