.fadeInPages{animation-name:fadeIn;
   animation-delay:0.9s;
   animation-duration:0.5s;
   animation-iteration-count:1;
   animation-fill-mode:both;}
   


@keyframes fadeIn {from{opacity:0;}to{opacity:1;}}

@keyframes fadeOut {from{opacity:1;}to{opacity:0;}}

.fadeOutPages{animation-name:fadeOut;
   animation-delay:7s;
   animation-duration:0.5s;
   animation-iteration-count:1;
   animation-fill-mode:both;}
   
.hero-h2{animation-name:fadeIn;
   animation-delay:3s;
   animation-duration:3s;
   animation-iteration-count:1;
   animation-fill-mode:both;}
   
  .audio-tracks{animation-name:fadeIn;
   animation-delay:3s;
   animation-duration:8s;
   animation-iteration-count:1;
   animation-fill-mode:both;}
   
   #scroller2{animation-name:fadeIn;
   animation-delay:1s;
   animation-duration:2s;
   animation-iteration-count:1;
   animation-fill-mode:both;}
   
   #homeanimate4{animation-name:fadeIn;
   animation-delay:3.9s;
   animation-duration:4s;
   animation-iteration-count:1;
   animation-fill-mode:both;}
   
   #homeanimate5{animation-name:fadeIn;
   animation-delay:4.9s;
   animation-duration:6s;
   animation-iteration-count:1;
   animation-fill-mode:both;}