@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap');

.childish-font {
  font-family: 'Comic Neue', cursive;
}


img.zoomable {
  cursor: pointer;
}

img.zoomable:hover {
  transform: scale(1.5);
  transition: transform 0.3s;
}

.animated-image {
  position: absolute;
  z-index: 1000;
  transition: all 1s ease-in-out;
}

@keyframes flyInScale {
  0% {
    transform: translateY(-100%) scale(0);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.97);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.97);
  }
}

.fly-in-scale {
  animation-name: flyInScale;
  animation-fill-mode: both;
}

.pulsate {
  animation-name: pulse;
  animation-duration: 12s;
  animation-iteration-count: infinite;
}