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

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

@keyframes animate1{
	0%{
		transform: translateX(-100%);
	}

	100%{
		transform: translateX(100%);
	}
}

@keyframes animate2{
	0%{
		transform: translateY(-100%);
	}

	100%{
		transform: translateY(100%);
	}
}

@keyframes animate3{
	0%{
		transform: translateX(100%);
	}

	100%{
		transform: translateX(-100%);
	}
}

@keyframes animate4{
	0%{
		transform: translateY(100%);
	}

	100%{
		transform: translateY(-100%);
	}
}


@keyframes notification-fill{
  /*notification timer fill 100% to 0%*/
  0%{
    width: 100%;
  }
  100%{
    width: 0%;
  }
}

@keyframes text-shadow-rgb{
	0%{
		text-shadow: 3px 1px 1px #5a81ff, 2px 2px 1px #165bfb, 4px 2px 1px #5a81ff, 3px 3px 1px #165bfb, 5px 3px 1px #5a81ff, 4px 4px 1px #165bfb, 6px 4px 1px #5a81ff, 5px 5px 1px #165bfb, 7px 5px 1px #5a81ff, 6px 6px 1px #165bfb, 8px 6px 1px #5a81ff, 7px 7px 1px #165bfb, 9px 7px 1px #5a81ff;
	}
	50%{
		text-shadow: 3px 1px 1px #FFFA59, 2px 2px 1px #FFF81D, 4px 2px 1px #FFFA59, 3px 3px 1px #FFF81D, 5px 3px 1px #FFFA59, 4px 4px 1px #FFF81D, 6px 4px 1px #FFFA59, 5px 5px 1px #FFF81D, 7px 5px 1px #FFFA59, 6px 6px 1px #FFF81D, 8px 6px 1px #FFFA59, 7px 7px 1px #FFF81D, 9px 7px 1px #FFFA59;
	}
	100%{
		text-shadow: 3px 1px 1px #5a81ff, 2px 2px 1px #165bfb, 4px 2px 1px #5a81ff, 3px 3px 1px #165bfb, 5px 3px 1px #5a81ff, 4px 4px 1px #165bfb, 6px 4px 1px #5a81ff, 5px 5px 1px #165bfb, 7px 5px 1px #5a81ff, 6px 6px 1px #165bfb, 8px 6px 1px #5a81ff, 7px 7px 1px #165bfb, 9px 7px 1px #5a81ff;
	}
}

@keyframes opacity-view{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}