@keyframes revealText {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    scale: 0.8;
  }
  100% {
    scale: 1.3;
  }
}

@keyframes cameraY {
  0% {
    transform: rotateY(8deg);
  }
  50% {
    transform: rotateY(-8deg);
  }
  100% {
    transform: rotateY(8deg);
  }
}

@keyframes cameraZ {
  0% {
    rotate: 4deg;
  }
  50% {
    rotate: -4deg;
  }
  100% {
    rotate: 4deg;
  }
}

@keyframes scaleToX {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes SpinningScaleIn {
  from {
    scale: 0;
    rotate: 360deg;
  }
  to {
    scale: 1;
    rotate: 180deg;
  }
}

@keyframes rotateCW {
  from {
    rotate: 180deg;
  }
  to {
    rotate: 0deg;
  }
}

@keyframes showResourcesIcon {
  from {
    left: 45%;
  }
  to {
    left: 10%;
  }
}

@keyframes showInstaIcon {
  from {
    left: 45%;
  }
  to {
    left: 80%;
  }
}