@keyframes anderfade{
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
      visibility: visible;
    }
  }
  @keyframes anderout{
    0%{
      visibility: visible;
      opacity: 1;
    }
    50%{
      opacity: .5;
    }
    100%{
      opacity: 0;
      visibility: hidden;
    }
}
@keyframes fade{
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
}
@keyframes reve{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        visibility:hidden;
      /* display: none; */
    }
}
@keyframes reve2{
    0%{
        opacity: 1;
    }
    50%{
      opacity: 1;
    }
    100%{
        opacity: 0;
        visibility:hidden;
      /* display: none; */
    }
}

@keyframes fadeIn {
    0% {opacity: 0}
    50% {opacity: 0.5}
    100% {opacity: 1}
}
@keyframes fadeIn-next {
  0% {
    filter: opacity(30%);
  }
  100% {
    filter: opacity(100%);
  }
}
@keyframes imgIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes shaking {
  0% {
    transform:translate(0, 0);
  }
  50% {
    transform:translate(0, -6px);
  }
  100% {
    transform:translate(0, 0);
  }
}
@keyframes surf {
  0% {
    transform:translate(0, 0);
  }
  50% {
    transform:translate(6px, 0);
  }
  100% {
    transform:translate(0, 0);
  }
}
@keyframes surf2 {
  0% {
    transform:translate(0, 0);
  }
  100% {
    transform:translate(22px, 0);
  }
}
@keyframes flash {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slideTextIn {
  0% {
    transform: translateY(150px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
@keyframes right-flow {
  0% {
    transform: translateX(150px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
@keyframes section {
  0%{
    background: white;
  }
  100%{
    background: rgb(234, 234, 234);
  }
}
@keyframes top-text-flow {
  0%{
    transform: translateX(-1000px);
  }
  100%{
    transform: translateX(0);
  }
}
@keyframes img-scroll {
  0%{
    transform: translateY(0%);
  }
  100%{
    transform: translateY(-10%);
  }
}