@keyframes grow-y {
  0% {
    y: 100%;
    height: 0;
  }
  100% {
    y: 0;
    height: 100%;
  }
}

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

@keyframes bounce {
  50% {
    transform: translateX(-15px);
  }
}

@keyframes slow-fade-in {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes draw-stroke {
  to {
    stroke-dashoffset: 0;
  }
}