/*
Author: Atikul Islam;
Version: 1.0.0;
*/

/*animation:  animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction */

.rotation {
	animation: rotate 20s linear infinite;
}
@keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.move-up-down{
	animation: moving 2s linear infinite;
}
@keyframes moving {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	50% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}


@keyframes circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.circle {
    animation: circle 15s linear infinite;
}
.right {
  animation: right 15s linear infinite;
}
.spin2 {
  animation: spin2 15s linear infinite;
}
@keyframes right {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-positive {
  0% {
    width: 0;
  }
}