@keyframes anderfade{
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
      visibility: visible;
    }
}
@-webkit-keyframes anderfade{
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
      visibility: visible;
    }
}

@keyframes fade{
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
}
@-webkit-keyframes fade{
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
}

@keyframes reve{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        visibility:hidden;
      /* display: none; */
    }
}
@-webkit-keyframes reve{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        visibility:hidden;
      /* display: none; */
    }
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes imgIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes shaking {
  0% {
    transform:translate(0, 0);
  }
  50% {
    transform:translate(0, -8px);
  }
  100% {
    transform:translate(0, 0);
  }
}
@keyframes slideTextIn {
  0% {
    transform: translateY(150px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
@keyframes text-view {
  0% {
    /* transform: translateX(150px); */
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes text-view-2 {
  0% {
    /* transform: translateX(150px); */
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes section {
  0%{
    background: white;
  }
  100%{
    background: rgb(234, 234, 234);
  }
}