.noise {
    position: fixed;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    width: 300%;
    height: 300%;
    background: transparent url('../img/noise.png') repeat 0 0;
    background-repeat: repeat;
    animation: noisey .2s infinite;
    opacity: .9;
    visibility: visible;
    z-index:50;
  }
  
.noiseclip{
    position: absolute; 
    width:100%;
    height:100%;
    top:0;
    left:0;
    clip: rect(0, auto, auto, 0);
}
  
  
  @keyframes noisey {
      0% { transform: translate(0,0) }
      10% { transform: translate(-5%,-5%) }
      20% { transform: translate(-10%,5%) }
      30% { transform: translate(5%,-10%) }
      40% { transform: translate(-5%,15%) }
      50% { transform: translate(-10%,5%) }
      60% { transform: translate(15%,0) }
      70% { transform: translate(0,10%) }
      80% { transform: translate(-15%,0) }
      90% { transform: translate(10%,5%) }
      100% { transform: translate(5%,0) }
  }

  .transition {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.transition.fade-in {
    opacity: 1;
    transform: translateY(0);
    transition-duration:1000;
}

.transitiontwo {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.transitiontwo.fade-in {
  opacity: 1;
  transform: translateY(0);
  transition-duration:1000;
}


.loadtext {
  /* visibility: hidden;
  -webkit-backface-visibility: hidden; */
  opacity:0;
  -webkit-animation: fade-up 0.5s ease-in 0.25s forwards;
  animation: fade-up 0.5s ease-in 0.25s forwards;
  transform: translateY(20px);
}

@-webkit-keyframes fade-up {
  0% {
      opacity: 0;
      transform: translateY(20px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

@keyframes fade-up {
  0% {
      opacity: 0;
      transform: translateY(20px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

.marquee-track {
  animation: scroll-left 30s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}