section span
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4px;
	height:4px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(255,255,255,0.1),
	0 0 0 8px rgba(255,255,255,0.1),
	0 0 20px rgba(255,255,255,1);
	animation: stars 3s linear infinite;

}

section span::before
{
	content: '';
	position: absolute;
	top: 50%;
	trabsform: translate(-50%);
	width: 300px;
	height: 1px;
	background: linear-gradient(90deg, #fff, transparent);

}

@keyframes stars
{
	0%{
		transform: rotate(315deg) translateX(0);
		opacity:0;
	}
	70%{
		opacity: 1;
	}
	100%
	{
		transform: rotate(315deg) translate(-1000px);
		opacity: 0;
	}
}

section span:nth-child(1)
{
	top: 0;
	right: 0;
	left: initial;
	animation-delay: 0;
	animation-duration: 1s;
}

section span:nth-child(2)
{
	top: 0;
	right: 80px;
	left: initial;
	animation-delay: 0.2s;
	animation-duration: 3s;
}

section span:nth-child(3)
{
	top: 0;
	right: 80px;
	left: initial;
	animation-delay: 0.2s;
	animation-duration: 3s;
}

section span:nth-child(4)
{
	top: 0;
	right: 180px;
	left: initial;
	animation-delay: 0.6s;
	animation-duration: 1.5s;
}

section span:nth-child(5)
{
	top: 0;
	right: 400px;
	left: initial;
	animation-delay: 0.8s;
	animation-duration: 2.5s;
}
section span:nth-child(6)
{
	top: 0;
	right: 600px;
	left: initial;
	animation-delay: 1s;
	animation-duration: 3s;
}
ection span:nth-child(7)
{
	top: 300px;
	right: 0px;
	left: initial;
	animation-delay: 1.2s;
	animation-duration: 1.75s;
}
section span:nth-child(8)
{
	top: 0px;
	right: 700px;
	left: initial;
	animation-delay: 1.4s;
	animation-duration: 1.25s;
}

section span:nth-child(9)
{
	top: 0px;
	right: 1000px;
	left: initial;
	animation-delay: 0.75s;
	animation-duration: 2.25s;
}
section span:nth-child(10)
{
	top: 0px;
	right: 4500px;
	left: initial;
	animation-delay: 2.75s;
	animation-duration: 2.25s;
}