/*************************************************
BACKGROUND
*************************************************/


.Bronze {

		background:
		linear-gradient(-45deg,
			rgba(255, 255, 255, 0),
			rgba(206, 137, 070, 1));

}

.Silver {

		background:
		linear-gradient(-45deg,
			rgba(255, 255, 255, 0),
			rgba(196,196,196, 1));

}

.Gold {

		background:
		linear-gradient(-45deg,
			rgba(255, 255, 255, 0),
			rgba(239,191,4, 1));

}

.background {





	background-size: 200% 200%;

	animation: gradient 6s ease infinite;

}

@keyframes gradient {

	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}

}

/*************************************************
GLOW EFFECTS
*************************************************/

.glow1 {

	position: absolute;

	width: 700px;
	height: 700px;

	top: -300px;
	right: -250px;

	border-radius: 50%;

	background: radial-gradient(circle,
			rgba(212, 175, 55, .22),
			transparent 70%);

	filter: blur(60px);

}

.glow2 {

	position: absolute;

	width: 650px;
	height: 650px;

	bottom: -300px;
	left: -250px;

	border-radius: 50%;

	background: radial-gradient(circle,
			rgba(52, 152, 219, .18),
			transparent 70%);

	filter: blur(70px);

}


/*************************************************
FLOATING PARTICLES
*************************************************/

.particle {

	position: absolute;

	border-radius: 50%;

	background: rgba(255, 255, 255, .15);

	animation: float linear infinite;

}

@keyframes float {

	from {

		transform: translateY(100vh);

	}

	to {

		transform: translateY(-120vh);

	}

}