@keyframes bounce {

  0%,
  100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
  }
}

.animate-bounce {
  position: absolute;
  left: 50%;
  bottom: 2rem;
  animation: bounce 1s infinite;
}

.animate-mouse {
  border: solid 2px #ffffff80;
  border-radius: 9999px;
  justify-content: center;
  width: 1.5rem;
  height: 2.5rem;
  display: flex;
}

.animate-click {
  background-color: #ffffffb3;
  border-radius: 9999px;
  width: .25rem;
  height: .75rem;
  margin-top: .5rem;
}

.animates {
  animation-duration: 0.3s;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}