/* Aurora
- moves from Right to Left
- has sparkle effect applied to every element
- has sun ray effect
*/


div[class*='aly'] {
	position: absolute; 
	bottom: 400vh;
	width:1000vw;
	left: 0;
}

.aly1 { transform: translateZ(-20000px); }
.aly2 { transform: translateZ(-25000px); }
.aly3 { transform: translateZ(-30000px); }
.aly4 { transform: translateZ(-35000px); }

div[class*='apt'] {
	position: relative;
	border-style: none;
	border-width: 0px;
	/*background-image: linear-gradient(to bottom, rgba(0,80,80,0), rgba(0,80,80,1));*/
	opacity:0;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-play-state: running;
	animation-name: aptkf;
	padding: 0;
	margin: -5vh;
	float: left;
	transform-origin: 50% 50%;
}

@keyframes aptkf {
	0%, 100% { transform: translateZ(600px) translateY(5px) translateZ(-5000px) skewX(-8deg) skewY(3deg); opacity:0.9; }
	50% { transform: translateZ(-600px) translateY(-5px) translateZ(5000px) skewX(-6deg) skewY(-3deg); opacity: 0.3; }
	
}

div[class*='apt'] {
background: #2A7B9B;
background: linear-gradient(0deg, rgba(42, 123, 155, 0) 0%, rgba(60, 164, 153, 1) 4%, rgba(67, 162, 154, 1) 8%, rgba(86, 156, 158, 0.7) 18%, rgba(199, 47, 184, 0.15) 63%, rgba(199, 27, 184, 0) 100%);


}

.apt1 {
	height:300vh;
	width:100vh;
}

.apt2 {
	height:290vh;
	width:60vh;
}

.apt3 {
	height:280vh;
	width:150vh;
}

.apt4 {
	height:270vh;
	width:80vh;
}