@keyframes fadeInUp {
    0% {
      transform: translateY(10%);
      opacity: 0;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
  }
  
@keyframes fadeInRight {
    0% {
      transform: translateX(10%);
      opacity: 0;
    }
    100% {
      transform: translateX(0%);
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }


  .fadeInUp-animation {
    animation: 1.5s fadeInUp;
  }

  .fadeInRight-animation {
    animation: 1.5s fadeInRight;
  }

  img {
   animation-duration: 1.5s;
   animation-name: fadeInRight; 
  }

  footer {
    animation-duration: 1.5s;
    animation-name: fadeInUp;

  }

  h3 {
    animation-duration: 1.5s;
    animation-name: fadeInUp;
  }

  nav {
    animation-duration: 1.5s;
    animation-name: fadeIn;
  }

  .slideshow{
    left: -50%;
  }