* {
  font-family: "Poppins", sans-serif;
}

body {
  font-size: 15px;
}

nav {
  transition: transform 0.3s ease-in-out;
}

html {
  scroll-behavior: smooth;
}

.tab-btn.active {
  color: #24ca68;
  border-bottom-color: #24ca68;
}

.tab-btn {
  transition: all 0.2s ease-in-out;
}

#stickyHelpButton {
  box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06);
}

#donationModal {
  backdrop-filter: blur(4px);
}

.donation-amount-btn:active {
  transform: scale(0.98);
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

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