.prestige0, .prestige-legacy0 {
  color: #FFFFFF;
	background: #1F1F1F;
	border: 2px solid #B67F33;
}
.prestige0:hover, .prestige-legacy0:hover {
	color: #000000;
	background: #B67F33;
}

.prestige1, .prestige-legacy1 {
	color: #b341e0;
	background: black;
	border: 2px solid #b341e0;
}
.prestige1:hover, .prestige-legacy1:hover {
	color: #511568;
	background: white;
}

.prestige2, .prestige-legacy2 {
	color: #32c832;
	background: #0a640a;
	border: 2px solid #32c832;
}
.prestige2:hover, .prestige-legacy2:hover {
	background: #32c832;
	color: #0a640a;
}

.prestige3 {
	background: linear-gradient(#0c0033, #2e0033);
	border: 2px solid;
	animation: ghost 4s linear infinite
}
.prestige3:hover {
	box-shadow: inset 0px 0px 12px 0px #420072;
}
@keyframes ghost {
	0%{
		border-color: #690072;
		color: #e0ace5;
		text-shadow: 0px 0px 3px white, 0px 0px 6px #d200e5;
	}
	50% {
		border-color: #1c0072;
		color: #baace5;
		text-shadow: 0px 0px 6px white, 0px 0px 6px #3900e5;
	}
	100%{
		border-color: #690072;
		color: #e0ace5;
		text-shadow: 0px 0px 3px white, 0px 0px 6px #d200e5;
	}
}

.prestige-legacy3 {
	background: linear-gradient(#0c001e, #3a003f);
	border: 2px solid transparent;
	animation: ghostold 4s linear infinite
}
.prestige-legacy3:hover {
	border-color: rgba(255,255,255,0.5);
	box-shadow: inset 0px 0px 12px 0px #ffffff;
}
@keyframes ghostold {
	0%{
		color: #e900ff;
		text-shadow: 0px 0px 3px #e900ff, 0px 0px 6px #ffffff;
	}
	50% {
		color: #6a00ff;
		text-shadow: 0px 0px 6px #6a00ff, 0px 0px 6px #ffffff;
	}
	100%{
		color: #e900ff;
		text-shadow: 0px 0px 3px #e900ff, 0px 0px 6px #ffffff;
	}
}

.prestige4 {
	position: relative;
	background: transparent;
	box-shadow: inset 0px 0px 24px 0px black;
  overflow: hidden;
	border: 2px solid black;
	color: rgba(255,255,255,0.8);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
.prestige4:hover {
	box-shadow: inset 0px 0px 24px 0px white;
	border-color: #bfbfbf;
	color: white;
	text-shadow: 0px 0px 3px white;
}
.hadron-bg {
	position: absolute;
	background: conic-gradient(#ff0000, #00ff00, #0000ff, #ff0000);
	background-size: contain;
	height: 300px;
	width: 300px;
	top: calc(-150px + 50%);
	left: calc(-150px + 50%);
	z-index: -1;
	animation: hadronize 5s linear infinite;
}
@keyframes hadronize {
	0%{
	    transform: none;
	}
	100%{
	    transform: rotate(360deg);
	}
}

.prestige-legacy5 {
	color: #ffffff;
	animation: hadronizeold 1.5s linear infinite;
	border: 2px solid #1f1f1f;
	background: radial-gradient(transparent, #000000), repeating-linear-gradient(#990000, #009900, #000099, #990000);
	background-size: 100% 200%;
}
.prestige-legacy5:hover {
	color: #000000;
	animation: hadronizeold 1.5s linear infinite;
	border: 2px solid #bfbfbf;
	text-shadow: 0px 0px 3px #ffffff, 0px 0px 3px #ffffff;
	background: radial-gradient(transparent, #000000), repeating-linear-gradient(#990000, #009900, #000099, #990000);
	background-size: 100% 200%;
}
@keyframes hadronizeold{
	0%{
	    background-position: 50% 50%, 0% 0%;
	}
	100%{
	    background-position: 50% 50%, 0% 200%;
	}
}

.prestige5 {
	color: #bf5f00;
	text-shadow: 0 0 3px transparent, 0 0 6px #ffdf7f;
	background: radial-gradient(#ffbf00, #ff7f00);
	background-size: 300% 300%;
	background-position: 100% 100%;
	border: 2px solid #ffbf00;
}
.prestige5:hover {
	box-shadow: inset 0px 0px 24px 0px #ff3f00;
	border-color: #ff3f00;
	color: #ff3f00;
	text-shadow: 0 0 3px black, 0 0 6px #7f1f00;
}

.prestige-legacy6 {
	color: #7f6f1f;
	text-shadow: 0 0 1px #000000, 0 0 2px #7f7f7f, 0 0 3px #ffffff;
	background: radial-gradient(closest-side,#ff5400 0,#ff9021 33%,#ffdf3f 100%);
	border: 2px solid #ffdf3f;
}
.prestige-legacy6:hover {
	color: #ffffff;
	text-shadow: 0 0 1px #ffdf3f, 0 0 2px #7f6f1f, 0 0 3px #000000;
	background: radial-gradient(closest-side,#ff5400 0,#ff9021 33%,#ffdf3f 100%);
	border: 2px solid #ffdf3f;
}

.prestige6, .prestige-legacy4 {
	background: repeating-linear-gradient(#00bfff, transparent 50%, #00bfff 100%), repeating-linear-gradient(90deg, #00dfff, #007fff 50%, #00dfff 100%);
	background-size: 200% 200%;
	box-shadow: inset 0px 0px 12px 0px #00bfff;
	border: 2px solid #00bfff;
	color: white;
	text-shadow: 0px 0px 3px white, 0px 0px 3px black;
	animation: ethereal 5s linear infinite;
}
.prestige6:hover, .prestige-legacy4:hover {
	border: 2px solid #007fff;
	box-shadow: inset 0px 0px 12px 0px #007fff;
	color: #7f9fff;
	text-shadow: 0px 0px 3px black
}
@keyframes ethereal {
	0%{
		background-position: 0% 0%
	}
	50%{
		background-position: 100% 100%
	}
	100%{
		background-position: 200% 200%
	}
}

.prestige7, .prestige-legacy7 {
	color: #7fbfff;
	text-shadow: 0 0 3px #7fbfff, 0 0 3px #7fbfff, 0 0 4px #000000;
	background: radial-gradient(closest-side,transparent 0,transparent 50%,#000000 100%), linear-gradient(#000000, #3f5f7f);
	border: 2px solid #000000;
}
.prestige7:hover, .prestige-legacy7:hover {
	text-shadow: 0 0 9px #7fbfff, 0 0 9px #7fbfff, 0 0 12px #000000;
}

.prestige8, .prestige-legacy8 {
	color: #000000;
	text-shadow: 0px 0px 3px #ffffff, 0px 0px 3px #ffffff;
	animation: fract 3s linear infinite;
	border: 2px solid #1f1f1f;
	background: radial-gradient(transparent, #000000), repeating-linear-gradient(90deg,#000764,#206BCB 16%,#EDFFFF 42%,#FFAA00 64.25%,#000200 85.75%,#000764);
	background-size: 200% 100%;
}
.prestige8:hover, .prestige-legacy8:hover {
	color: #ffffff;
	border: 2px solid #bfbfbf;
	text-shadow: 0px 0px 3px #000000, 0px 0px 3px #000000;
}
@keyframes fract{
	0%{
	    background-position: 0% 0%, 0% 0%;
	}
	100%{
	    background-position: 0% 0%, 200% 200%;
	}
}

.prestige9 {
	border: 2px solid rgba(255,255,255,0);
	animation: omni 6s linear infinite;
}
.prestige9:hover {
	border: 2px solid rgba(255,255,255,0.5);
	text-shadow: 0px 0px 6px #ffffff, 0px 0px 3px #ffffff;
}
@keyframes omni {
	0%{
		background: #7f0000;
		box-shadow: inset 0px 0px 12px 0px #ff0000;
		color: #ff7f7f
	}
	16%{
		background: #7f7f00;
		box-shadow: inset 0px 0px 12px 0px #ffff00;
		color: #ffff7f
	}
	33%{
		background: #007f00;
		box-shadow: inset 0px 0px 12px 0px #00ff00;
		color: #7fff7f
	}
	50%{
		background: #007f7f;
		box-shadow: inset 0px 0px 12px 0px #00ffff;
		color: #7fffff
	}
	67%{
		background: #00007f;
		box-shadow: inset 0px 0px 12px 0px #0000ff;
		color: #7f7fff
	}
	83%{
		background: #7f007f;
		box-shadow: inset 0px 0px 12px 0px #ff00ff;
		color: #ff7fff
	}
	100%{
		background: #7f0000;
		box-shadow: inset 0px 0px 12px 0px #ff0000;
		color: #ff7f7f
	}
}

.prestige10, .prestige-legacy9 {
	color: #000000;
	text-shadow: 0px 0px 3px #7f7f7f, 0px 0px 3px #ffffff;
	background: linear-gradient(#000000,#1f1f1f 50%,#000000 100%);
	border: 2px solid #000000;
}
.prestige10:hover, .prestige-legacy9:hover {
	color: #ffffff;
	text-shadow: 0px 0px 3px #ffffff, 0px 0px 3px #ffffff
}

.prestige-legacy10 {
	color: #ffffff;
	text-shadow: 0px 0px 3px #ffffff, 0px 0px 3px #ffffff;
	background: #000000;
	border: 2px solid #000000;
}
.prestige-legacy10:hover {
	color: #ffffff;
	text-shadow: 0px 0px 9px #ffffff, 0px 0px 9px #ffffff
}

.prestige11, .prestige-legacy11 {
	color: #bfbfbf;
	text-shadow: 0px 0px 3px #bfbfbf, 0px 0px 3px #bfbfbf;
	background: #ffffff;
	border: 2px solid #efefef;
}
.prestige11:hover, .prestige-legacy11:hover {
	color: #ffffff;
	text-shadow: 0px 0px 3px #7f7f7f, 0px 0px 3px #7f7f7f;
}

.prestige-legacy12 {
	color: #ffffff;
	text-shadow: 0px 0px 3px #000000;
	background: radial-gradient(transparent, #ffffff),  linear-gradient(#cccc00, #00cccc 33%, #cc00cc 66%, #cccc00 100%);
	border: 2px solid #ffffff;
	animation: meta 3s linear infinite;
	background-size: 100% 300%;
}
.prestige-legacy12:hover {
	text-shadow: 0px 0px 6px #000000;
}
@keyframes meta {
	0%{
	    background-position: 0% 0%, 0% 0%;
	}
	100%{
	    background-position: 0% 0%, 300% 300%;
	}
}

.prestige-legacy13 {
	background: #fcfcfc;
	color: #fcfcfc;
	border: 2px solid #ffffff;
}
.prestige-legacy13:hover {
	background: #000000;
	color: #7f7f7f;
	text-shadow: 0px 0px 3px #3f3f3f;
	border-color: #000000;
}

.prestige-legacy14 {
	color: #000000;
	text-shadow: 0px 0px 3px #ffffff;
	background: linear-gradient(#000000, transparent 50%, #000000 100%), radial-gradient(circle, #ffffff, #3f9fff 50%, #000000 100%);
	border: 2px solid transparent;
}
.prestige-legacy14:hover {
	color: #ffffff;
	text-shadow: 0px 0px 3px #000000;
}

.prestige-legacy15 {
	color: #00ff00;
	text-shadow: 0px 0px 6px #000000, 0px 0px 6px #000000, 0px 0px 6px #000000, 0px 0px 6px #000000, 0px 0px 6px #000000, 0px 0px 6px #000000;
	background: url("../images/digitize.png");
	border: 2px solid #000000;
	animation: digitize 3s linear infinite;
}
.prestige-legacy15:hover {
	color: #000000;
	text-shadow: 0px 0px 6px #00ff00, 0px 0px 6px #00ff00, 0px 0px 6px #00ff00, 0px 0px 6px #00ff00, 0px 0px 6px #00ff00, 0px 0px 6px #00ff00;
}
@keyframes digitize {
	0%{
	    background-position: 0 0;
	}
	100%{
	    background-position: -20px -40px;
	}
}

.prestige-legacy16 {
	color: #ffffff;
	text-shadow: 0px 0px 3px #ffffff;
	background: radial-gradient(circle, #ffffff, #000000 75%, #e59900 100%);
	border: 2px solid #000000;
}
.prestige-legacy16:hover {
	color: #000000;
	text-shadow: 0px 0px 6px #e59900, 0px 0px 6px #e59900, 0px 0px 6px #e59900, 0px 0px 6px #e59900, 0px 0px 6px #e59900, 0px 0px 6px #e59900;
}

.prestige-legacy17 {
	border: 2px solid #000000;
	box-shadow: inset 0px 0px 12px 0px #ffffff;
	color: #001966;
	text-shadow: 0px 0px 3px #ffffff, 0px 0px 6px #ffffff;
	background: radial-gradient(circle, #7f7f7f, #000000 25%, transparent 50%), linear-gradient(#ffffff, transparent 33%, transparent 67%, #ffffff 100%), linear-gradient(90deg, #e59900 0%, #b341e0 100%);
}
.prestige-legacy17:hover {
	border-color: #0033cc;
	box-shadow: inset 0px 0px 12px 0px #0033cc;
	text-shadow: 0px 0px 3px #0033cc, 0px 0px 6px #0033cc;
}

.prestige-legacy18 {
	border: 2px solid #3f00ff;
	box-shadow: inset 0px 0px 12px 0px #7f00ff;
	color: #3f00ff;
	text-shadow: 0px 0px 6px #1f007f, 0px 0px 3px #1f007f;
	background: linear-gradient(#00007f, #0000ff 50%, #00007f 100%);
}
.prestige-legacy18:hover {
	box-shadow: inset 0px 0px 12px 0px #7f00ff;
	text-shadow: 0px 0px 6px #9f7fff, 0px 0px 3px #9f7fff;
}

.prestige-legacy19 {
	color: #bfbf00;
	text-shadow: 0px 0px 6px #bfbf00, 0px 0px 3px #bfbf00;
	background: radial-gradient(circle, transparent, #000000 50%, #000000 100%), linear-gradient(#3f3f00, transparent 50%, #3f3f00 100%), linear-gradient(#3f3f00, #ffff00 50%, #3f3f00 100%);
  border: 2px solid #000000;
}
.prestige-legacy19:hover {
	text-shadow: 0px 0px 6px #ffff00, 0px 0px 3px #ffffff;
}

.prestige-legacy20 {
	color: #ff3f00;
	text-shadow: 0px 0px 6px #ff3f00, 0px 0px 3px #000000;
	background: radial-gradient(transparent, #ff7f00), linear-gradient(#ff3f00, transparent 50%, #ff3f00 100%), linear-gradient(90deg, #ff0000, #ff7f00 50%, #ff0000 100%);
	border: 2px solid #ff3f00;
	animation: spiritual 3s linear infinite;
	background-size: 100% 300%;
}
.prestige-legacy20:hover {
	color: #ff7f00;
	text-shadow: 0px 0px 6px #ffbf7f, 0px 0px 3px #ffffff;
}
@keyframes spiritual {
	0%{
	    background-position: 0 0;
	}
	100%{
	    background-position: 300% 300%;
	}
}

.prestige-legacy21 {
	border: 2px solid #bfbfbf;
	box-shadow: inset 0px 0px 12px 0px #bfbfbf;
	color: #ff7f7f;
	text-shadow: 0px 0px 6px #ff7f7f, 0px 0px 3px #ff7f7f;
	background: #ffffff;
}
.prestige-legacy21:hover {
	color: #ff0000;
	text-shadow: 0px 0px 6px #ff0000, 0px 0px 3px #ff00000;
}
