.grow-fast {
  animation: grow 0.7s forwards;
}

.grow-normal {
  animation: grow 1s forwards;
}

.grow-slow {
  animation: grow 1.5s ease-in-out;
}

@keyframes grow {
  from { transform: scale(0); }
  to { transform: scale(1); }
}

@keyframes grow-and-spin {
  from { transform: scale(0); rotate: 0deg; }
  to { transform: scale(1); rotate: 360deg;}
}