/* styles.css or your main CSS file */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.fade-up {
  animation: fadeUp 0.5s ease-in-out;
}

.fade-down {
  animation: fadeDown 0.5s ease-in-out;
}

/* test styles */

/* a {
  text-decoration: none; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased; 
  text-rendering: optimizeLegibility; 
  font-size: 16px; 
  line-height: 1.5; 
}


@-moz-document url-prefix() {
  a {
    -moz-osx-font-smoothing: grayscale; 
    text-rendering: optimizeLegibility; 
  }
} */