*{margin:0;padding:0;}
*,*:before,*:after{
	-webkit-box-sizing:inherit;
	box-sizing:inherit;
}
html,body{height:100%;}

:root{
	--c1: #1a005a;
	--c2: #001860;
	--c3: #00769e;
}

#particlesBg{
	display:flex;
	height:100%;
	align-items:center;
	justify-content:center;
	/*background-image:linear-gradient(-6deg, #401c6d, #7022cF 50%, #5341ca);*/
	background-image: linear-gradient(270deg, var(--c1), #000, var(--c2));
	background-size: 200% 100%;
	animation: gradient 15s ease infinite;
}
#particles{
	flex: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
#logo{
	position:relative;
	margin:0 auto;
	width: 320px;
	height: 200px;
	background-image: url('/img/JChampions.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

@keyframes gradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}