.go-up-load {
  animation: go-up-load ease-in-out;
  animation-duration: 1s;
}

.go-up-load-delay3s {
  animation: go-up-load ease-in-out;
  animation-duration: 1s;
  animation-delay: 3s;
}

@keyframes go-up-load {
  0% {
    transform: translateY(10%);
  }
}

.arrowflash {
  animation: arrowflash ease-in-out;
  animation-duration: 1s;
  animation-iteration-count: 7;
  animation-delay: .5s;
}

.loadfade {
  animation: loadfade ease-in-out;
  animation-duration: 1s;
}

@keyframes loadfade {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.loadpop {
  animation: loadpop ease-out;
  animation-duration: 2s;
}

.loadreveal {
  animation: reveal ease-in-out;
  animation-duration: 2s;
}

@keyframes reveal {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes loadpop {
  0% {
    opacity: 0;
    transform: scale(0.0);
  }
  80% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1.0);
  }
}

.loadslide-left {
  animation: slide-left ease-out;
  animation-duration: 1s;
}

@keyframes slide-left {
  0% {
    transform: translateX(500%);
  }
  100% {
    transform: translateX(0%);
  }
}

html {
  scroll-behavior: smooth;
}

@keyframes arrowflash {
  0% {
    opacity: 0;
    transform: translateY(-40%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(40%);
  }
}