#leftarrow {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}
	#leftarrow .indicator {
		position: relative;
		width: 35px;
		height: 35px;
		transform: rotate(45deg);
	}
		#leftarrow .indicator span {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			border: none;
			border-bottom: 5px solid #fff;
			border-right: 5px solid #fff;
			animation: animate 2s linear infinite;
		}
			#leftarrow .indicator span:nth-child(1) {
				top: -30px;
				left: -30px;
				/*animation-delay: 0s;*/
			}
			#leftarrow .indicator span:nth-child(2) {
				top: -15px;
				left: -15px;
				/*animation-delay: 0.2s;*/
			}
			#leftarrow .indicator span:nth-child(3) {
				top: 0;
				left: 0;
				/*animation-delay: 0.4s;*/
			}
			#leftarrow .indicator span:nth-child(4) {
				top: 15px;
				left: 15px;
				/*animation-delay: 0.6s;*/
			}
			#leftarrow .indicator span:nth-child(5) {
				top: 30px;
				left: 30px;
				/*animation-delay: 0.8s;*/
			}
 @keyframes animate {
	0% {
		border-color: #FF3131;
		transform: translate(0,0);
		font-weight: bold;
	}
	20% {
		border-color: #0099FF;
		/*border-color: #39FF14;*/
		transform: translate(15px,15px);
	}
	20.1%, 100% {
		border-color: #0099FF;
		/*border-color: #39FF14;*/
	}
}