body {
    animation: fadeIn 0.5s ease-in;
 }
 
 @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
 }
 a {
    transition: color 0.3s ease, text-shadow 0.3s ease;
 }
 .menu a {
    transition: color 0.3s ease, text-shadow 0.3s ease;
 }
 .button-style1,
.button-donate-guide,
.submit-btn {
   transition: all 0.3s ease;
}
.girdItem {
    transition: box-shadow 0.3s ease, transform 0.2s ease;
 }
 
 .girdItem:hover {
    transform: translateY(-2px);
 }
 @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
       animation-duration: 0.01ms !important;
       animation-iteration-count: 1 !important;
       transition-duration: 0.01ms !important;
    }
  .modal {
    transition: none !important;
  }
}