/*
.glowing
{
	position: relative;
	min-width: 750px;
	height: 750px;
	margin: -150px;
	transform-origin: right;
	animation: colorChange 5s linear infinite;
}
.glowing span
{
	position: absolute;
	top: calc(80px * var(--i));
	left: calc(80px * var(--i));
	bottom: calc(80px * var(--i));
	right: calc(80px * var(--i));
}
.glowing span:before
{
	content: '';
	position: absolute;
	top: 50%;
	left: -8px;
	width: 15px;
	height: 15px;
	background: #f00;
	border-radius: 50%;
}
.glowing:nth-child(even)
{
	transform-origin: left;
}
@keyframes colorChange
{
	0%
	{
		filter: hue-rotate(0deg);
		transform: rotate(0deg)
	}
	100%
	{
		filter: hue-rotate(360deg);
		transform: rotate(360deg)
	}
}
.glowing span:nth-child(3n + 1):before
{
	background: rgba(255,255,255,255);
	box-shadow: 0 0 20px rgba(255,255,255,1);
				0 0 40px rgba(255,255,255,1);
				0 0 60px rgba(255,255,255,1);
				0 0 80px rgba(255,255,255,1);
				0 0 0 8px rgba(255,255,255,.1);
}
.glowing span:nth-child(3n + 3):before
{
	background: rgba(255,255,255,255);
	box-shadow: 0 0 20px rgba(255,255,255,1);
				0 0 40px rgba(255,255,255,1);
				0 0 60px rgba(255,255,255,1);
				0 0 80px rgba(255,255,255,1);
				0 0 0 8px rgba(255,255,255,.1);
}
.glowing span:nth-child(3n + 4):before
{
	background: rgba(255,0,0,1);
	box-shadow: 0 0 20px rgba(255,255,255,1);
				0 0 40px rgba(255,255,255,1);
				0 0 60px rgba(255,255,255,1);
				0 0 80px rgba(255,255,255,1);
				0 0 0 8px rgba(255,255,255,.1);
}
.glowing span:nth-child(3n + 5):before
{
	background: rgba(255,255,255,255);
	box-shadow: 0 0 20px rgba(255,255,255,1);
				0 0 40px rgba(255,255,255,1);
				0 0 60px rgba(255,255,255,1);
				0 0 80px rgba(255,255,255,1);
				0 0 0 8px rgba(255,255,255,.1);
}
.glowing span:nth-child(3n + 6):before
{
	background: rgba(255,0,0,1);
	box-shadow: 0 0 20px rgba(255,255,255,1);
				0 0 40px rgba(255,255,255,1);
				0 0 60px rgba(255,255,255,1);
				0 0 80px rgba(255,255,255,1);
				0 0 0 8px rgba(255,255,255,.1);
}
.glowing span:nth-child(3n + 7):before
{
	background: rgba(255,255,255,255);
	box-shadow: 0 0 20px rgba(255,255,255,1);
				0 0 40px rgba(255,255,255,1);
				0 0 60px rgba(255,255,255,1);
				0 0 80px rgba(255,255,255,1);
				0 0 0 8px rgba(255,255,255,.1);
}
.glowing span:nth-child(3n + 8):before
{
	background: rgba(255,0,0,1);
	box-shadow: 0 0 20px rgba(255,255,255,1);
				0 0 40px rgba(255,255,255,1);
				0 0 60px rgba(255,255,255,1);
				0 0 80px rgba(255,255,255,1);
				0 0 0 8px rgba(255,255,255,.1);
}
.glowing span:nth-child(3n + 9):before
{
	background: rgba(255,255,255,255);
	box-shadow: 0 0 20px rgba(255,255,255,1);
				0 0 40px rgba(255,255,255,1);
				0 0 60px rgba(255,255,255,1);
				0 0 80px rgba(255,255,255,1);
				0 0 0 8px rgba(255,255,255,.1);
}
.glowing span:nth-child(3n + 10):before
{
	background: rgba(255,0,0,1);
	box-shadow: 0 0 20px rgba(255,255,255,1);
				0 0 40px rgba(255,255,255,1);
				0 0 60px rgba(255,255,255,1);
				0 0 80px rgba(255,255,255,1);
				0 0 0 8px rgba(255,255,255,.1);
}
.glowing span:nth-child(3n + 11):before
{
	background: rgba(255,255,255,255);
	box-shadow: 0 0 20px rgba(255,255,255,1);
				0 0 40px rgba(255,255,255,1);
				0 0 60px rgba(255,255,255,1);
				0 0 80px rgba(255,255,255,1);
				0 0 0 8px rgba(255,255,255,.1);
}
.glowing span:nth-child(3n + 12):before
{
	background: rgba(255,0,0,1);
	box-shadow: 0 0 20px rgba(255,255,255,1);
				0 0 40px rgba(255,255,255,1);
				0 0 60px rgba(255,255,255,1);
				0 0 80px rgba(255,255,255,1);
				0 0 0 8px rgba(255,255,255,.1);
}

.glowing span:nth-child(3n + 1)
{
	animation: animate 10s alternate infinite;
}
.glowing span:nth-child(3n + 2)
{
	animation: animate-reverse 3s alternate infinite;
}
.glowing span:nth-child(3n + 3)
{
	animation: animate 8s alternate infinite;
}
.glowing span:nth-child(3n + 4)
{
	animation: animate-reverse 10s alternate infinite;
}
.glowing span:nth-child(3n + 5)
{
	animation: animate 3s alternate infinite;
}
.glowing span:nth-child(3n + 6)
{
	animation: animate-reverse 8s alternate infinite;
}
.glowing span:nth-child(3n + 7)
{
	animation: animate 10s alternate infinite;
}
.glowing span:nth-child(3n + 8)
{
	animation: animate-reverse 3s alternate infinite;
}
.glowing span:nth-child(3n + 9)
{
	animation: animate 1s alternate infinite;
}
.glowing span:nth-child(3n + 10)
{
	animation: animate-reverse 10s alternate infinite;
}
.glowing span:nth-child(3n + 11)
{
	animation: animate 3s alternate infinite;
}
.glowing span:nth-child(3n + 12)
{
	animation: animate-reverse 8s alternate infinite;
}
@keyframes animate
{
	0%
	{
		transform: rotate(0deg);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
@keyframes animate-reverse
{
	0%
	{
		transform: rotate(360deg);
	}
	100%
	{
		transform: rotate(0deg);
	}
}
*/


section
{
	position:relative;
	width: 100%;
	/*height:100vh;*/
	overflow:hidden;
	background:#000200;
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
}

section h3
{
	color: transparent;
	font-weight: 900;
	font-size: 4em;
	
	-webkit-text-stroke: 2px #fff;
	text-transform: uppercase;
	margin-top: -110px;
	text-align: center;
	
}
section .star
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	animation: animate 30s ease-in-out infinite,
		backgroundmove 16s linear infinite;
}
section .star.star1
{
	animation-delay: 0s;
	background: url("../images/star1.jpg")
}
section .star.star2
{
	animation-delay: -1s;
	background: url("../images/star2.jpg")
}
section .star.star3
{
	animation-delay: -2s;
	background: url("../images/star3.jpg")
}


section .star.star6
{
	animation-delay: -5s;
	background: url("../images/star6.jpg")
}

@keyframes animate
{
	0%,20%,40%,60%,80%,100%
	{
		opacity: 0;
	}
	10%,30%,50%,70%,90%
	{
		opacity: 1;
	}
}
@keyframes backgroundmove
{
	0%
	{
		transform: scale(1);
	}
	100%
	{
		transform: scale(2);
	}
}
section h6
{
	color: transparent;
	font-weight: 300;
	font-size:2em;
	-webkit-text-stroke: 2px #fff;
	text-transform: uppercase;
	margin-bottom: -285px;
	padding-top: 20px;
}