:root {
  --main-color: #54b435;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--main-color);
}

.text-main {
  color: var(--main-color);
}

.bg-main {
  background-color: var(--main-color);
}

.hover\:bg-main-dark:hover {
  background-color: #3f8f28;
}

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

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