@keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(50px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      transform: translateY(-50px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInCenter {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
  @keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translateX(50px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translateX(-50px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  .fadeInUp {
    animation: fadeInUp 1s ease;
  }
  
  .fadeInDown {
    animation: fadeInDown 1s ease;
  }
  
  .fadeInCenter {
    animation: fadeInCenter 1s ease;
  }
  
  .fadeInRight {
    animation: fadeInRight 1s ease;
  }
  
  .fadeInLeft {
    animation: fadeInLeft 1s ease;
  }