html {
	scroll-behavior: smooth;
}

.bounceWrapper {
	animation: hidden 1.5s ease-in;
  animation-delay: 3s;
}

@keyframes hidden {
  0% {
  	opacity: 0;
  }
  
  100% {
  	opacity: 1;
  }
}

.bounce {
  animation: move 1.5s infinite linear;
}

@keyframes move {
  0% {
    transform: translate(0, 0);
  }
  
  /* Finish changes by here */
  50% {
    opacity: 1;
    transform: translate(0, 20px);
  }

  /* Finish changes by here */
  70% {
    opacity: 0;
    transform: translate(0, 20px);
  }

  /* Between 20% and 100%, nothing changes */
  100% {
    opacity: 0;
    transform: translate(0, 20px);
  }
}

.zoom {
  transition: transform .2s; /* Animation */
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}