@keyframes slideInRight {
    from {
      transform: translateX(40%);
      opacity:0;
    }
    to {
      transform: translateX(0);
      opacity:1;
    }
  }
  @keyframes slideInLeft {
    from {
      transform: translateX(-40%) scale(1);
      opacity:0;
    }
    to {
      transform: translateX(0) scale(1);
      opacity:1;
    }
  }@keyframes fadeIn {
    from {
      /* transform: translateX(-40%) scale(1); */
      opacity:0;
    }
    to {
      /* transform: translateX(0) scale(1); */
      opacity:1;
    }
  }
  @keyframes slideInTop {
    from {
      transform: translateY(-100%);
      opacity:0;
    }
    to {
      transform: translateY(0);
      opacity:1;
    }
  }

   @keyframes slideInBottom {
    from {
      transform: translateY(+100%);
      opacity:0;
    }
    to {
      transform: translateY(0);
      opacity:1;
    }
  }
  
  .slide-in-right {
    animation: slideInRight 1s ease-in-out forwards;
  }
  .fade-in {
    animation: fadeIn 1s ease-in-out forwards;
  }
  .slide-in-left {
    animation: slideInLeft 1s ease-in-out forwards;
  }
  .slide-in-top {
    animation: slideInTop 1s ease-in-out forwards; 
  }
  .slide-in-bottom {
    animation: slideInBottom 1s ease-in-out forwards; 
  }

  .backgroundGlow{
    transition:0.25s !important;
  }

    .backgroundGlow:hover{
      box-shadow: 0 0 50px #FFFFFF !important;
  }


  .card{
    transition:0.25s !important;
  }

    .card:hover{
      box-shadow: 0 0 50px #FFFFFF !important;
  }