/*텍스트 아래에서 나타나는 애니메이션*/
@keyframes reveal {
  0% {
    transform: translateY(400%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes alertSlide {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/*우에서 좌로 애니메이션*/
@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fade_up {
	0% { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: translateY(0); }
}


@keyframes spinner-dot {
  0% {
    background-color: #45CB75;
  }
  100% {
    background-color: transparent;
  }
}

/*빛 움직임 애니메이션*/
@keyframes lightMove {
  0% {
    transform: translate(100%, -100%) rotateZ(45deg);
  }

  25% {
    transform: translate(-100%, 100%) rotateZ(45deg);
  }

  100% {
    transform: translate(-100%, 100%) rotateZ(45deg);
  }
}

/*좌우 흔들림 애니메이션*/
@keyframes shake {
	from {
		transform: rotate(1deg);
	}
	
	to {
		transform: rotate(-1deg)
	}
}