.bg1 {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	z-index: -3;
	animation: pulse 15s infinite;
	-webkit-animation: pulse 15s infinite;
}

@keyframes pulse {
	0% {
		background: linear-gradient(45deg, hsla(27, 100%, 9%, 1) 0%, hsla(27, 100%, 9%, 0) 70%);
	}
	25% {
		background: linear-gradient(45deg, hsla(27, 100%, 50%, 1) 0%, hsla(27, 100%, 50%, 0) 70%);
	}
	50% {
		background: linear-gradient(45deg, hsla(27, 37%, 50%, 1) 0%, hsla(27, 37%, 50%, 0) 70%);
	}
	75% {
		background: linear-gradient(45deg, hsla(27, 100%, 40%, 1) 0%, hsla(27, 100%, 40%, 0) 70%);
	}
	100% {
		background: linear-gradient(45deg, hsla(27, 100%, 9%, 1) 0%, hsla(27, 100%, 9%, 0) 70%);
	}
}

.bg2 {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	z-index: -4;
	animation: pulseB 20s infinite;
	-webkit-animation: pulseB 20s infinite;
}

@keyframes pulseB {
	0% {
		background: linear-gradient(135deg, hsla(179, 100%, 48%, 1) 10%, hsla(179, 100%, 48%, 0) 80%);
	}
	25% {
		background: linear-gradient(135deg, hsla(179, 36%, 48%, 1) 10%, hsla(179, 36%, 48%, 0) 80%);
	}
	50% {
		background: linear-gradient(135deg, hsla(179, 100%, 3%, 1) 10%, hsla(179, 100%, 3%, 0) 80%);
	}
	75% {
		background: linear-gradient(135deg, hsla(179, 100%, 36%, 1) 10%, hsla(179, 100%, 36%, 0) 80%);
	}
	100% {
		background: linear-gradient(135deg, hsla(179, 100%, 48%, 1) 10%, hsla(179, 100%, 48%, 0) 80%);
	}
}

.bg3 {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	z-index: -5;
	animation: pulseC 25s infinite;
	-webkit-animation: pulseC 25s infinite;
}

@keyframes pulseC {
	0% {
		background: linear-gradient(225deg, hsla(146, 100%, 43%, 1) 10%, hsla(146, 100%, 43%, 0) 80%);
	}
	25% {
		background: linear-gradient(225deg, hsla(146, 100%, 23%, 1) 10%, hsla(146, 100%, 23%, 0) 80%);
	}
	50% {
		background: linear-gradient(225deg, hsla(146, 37%, 23%, 1) 10%, hsla(146, 37%, 23%, 0) 80%);
	}
	75% {
		background: linear-gradient(225deg, hsla(146, 100%, 3%, 1) 10%, hsla(146, 100%, 3%, 0) 80%);
	}
	100% {
		background: linear-gradient(225deg, hsla(146, 100%, 43%, 1) 10%, hsla(146, 100%, 43%, 0) 80%);
	}
}

.bg4 {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	z-index: -6;
	animation: pulseD 30s infinite;
	-webkit-animation: pulseD 30s infinite;
}

@keyframes pulseD {
	0% {
		background: linear-gradient(315deg, hsla(227, 100%, 33%, 1) 100%, hsla(227, 100%, 33%, 0) 70%);
	}
	25% {
		background: linear-gradient(315deg, hsla(227, 37%, 33%, 1) 100%, hsla(227, 37%, 33%, 0) 70%);
	}
	50% {
		background: linear-gradient(315deg, hsla(227, 100%, 63%, 1) 100%, hsla(227, 100%, 63%, 0) 70%);
	}
	75% {
		background: linear-gradient(315deg, hsla(227, 100%, 7%, 1) 100%, hsla(227, 100%, 7%, 0) 70%);
	}
	100% {
		background: linear-gradient(315deg, hsla(227, 100%, 33%, 1) 100%, hsla(227, 100%, 33%, 0) 70%);
	}
}

.bg5 {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	z-index: -1;
	background: rgba(22, 22, 22, 0.29);
	background: -moz-radial-gradient(center, ellipse cover, rgba(22, 22, 22, 0.39) 0%, rgba(22, 22, 22, 0.98) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(22, 22, 22, 0.39)), color-stop(100%, rgba(22, 22, 22, 0.98)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(22, 22, 22, 0.39) 0%, rgba(22, 22, 22, 0.98) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(22, 22, 22, 0.39) 0%, rgba(22, 22, 22, 0.98) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(22, 22, 22, 0.39) 0%, rgba(22, 22, 22, 0.98) 100%);
	background: radial-gradient(ellipse at center, rgba(22, 22, 22, 0.39) 0%, rgba(22, 22, 22, 0.98) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#161616', GradientType=1);
}

.bg6 {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	z-index: -1;
	background-image: url(../img/bg2.png);
}


#particles-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(22, 22, 22, 0.6);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	z-index: -1;
}