:root{
	--duration-slow:3s;
	--duration-medium:2s;
	--duration-fast:1s;
	}

/* Zoom in */
@keyframes scaleIn{
	0% {transform: scale(0.2);}
	85% {transform:scale(1.1);}
	100% {transform:scale(1);}
	}

@keyframes hingeIn{
	0% {transform: rotate(-180deg); opacity:0;}
	50% {transform: rotate(-90deg); }
	85% {transform:rotate(15deg);}
	100% {transform:rotate(0deg);}
	}

@keyframes reveal {
		0% {width:0px; opacity:0;}
		100% {width:50%;}
	}

@keyframes gearSpin{
	0% {transform: rotate(0deg);}
	100% {transform:rotate(360deg);}
	}

@keyframes gearSpinRev{
	0% {transform: rotate(0deg);}
	100% {transform:rotate(-360deg);}
	}

  /*-----------------------*/
 /*     Typing Effect     */
/*-----------------------*/
@keyframes typing {
		0% {width:0px;}
		100% {width:100%;}
	}

@keyframes blinking {
	0%, 100% {border-color: transparent;}
	50% {border-right: 2px solid #ffffff;}
	}

@keyframes float{
	0%{transform: translateX(-700px);}
	100% {transform: translateX(1920px);}
	}