@charset "UTF-8";


.fadeInTrigger{
  opacity:0;
}
.fadeIn{
  animation-name:fadeInAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeUpTrigger{
  opacity:0;
}
.fadeUp{
  animation-name:fadeUpAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(50px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

.zoomInTrigger{
  transform:scale(0);
}
.zoomIn{
  animation-name:zoomInAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  transform:scale(0);
}

@keyframes zoomInAnime{
  from {
    transform:scale(0);
  }

  to {
    transform:scale(1);
  }
}