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

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

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

/* Improve touch targets for mobile */
input,
button {
  font-size: 16px;
  /* Prevents zoom on iOS */
}

@media (max-width: 640px) {
  body {
    padding: 16px;
    align-items: flex-start;
    padding-top: 20%;
  }
}

.hidden {
  display: none;
}