Cancerous MLG-style rainbow text for KC3Kai panel

kc3kai-mlg-text.css

/*
MLG TEXT FOR YOUR SHIPGIRLS
changes the color of your favorite ship girl's name
to cancerous rainbow mlg text
works in KC3 Kai

how to use:
paste code in KC3Kai Settings > Panel > Custom CSS

to modify:
change "#ShipBox1" to "#ShipBox<id of the ship>" e.g. "#ShipBox322"
id is visible at the top-right corner of the panel that appears
when you hover on a shipgirl's picture

change the speed by changing "1s" to whatever value you please
lower values = faster, more cancerous rainbow animation

protip:
to color all of your waifus (ringed ships), change

#ShipBox1 .ship_name

to

.sWife .ship_name

to color the flagship for all fleets, change that line to

.lship:nth-child(1) .ship_name, .sship:nth-child(1) .ship_name

if you know your CSS selectors, go fucking crazy
*/

/* vvvvv  COPYPASTA THE CODE BELOW vvvvv */

#ShipBox1 .ship_name {
	color: transparent !important;
	background-image: linear-gradient(to right, #ff0000 0%,#ffff00 20%,#00ff00 40%,#00ffff 60%,#0000ff 80%,#ff00ff 100%) !important;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	animation: mlgtext 1s infinite linear;
}

@keyframes mlgtext {
	0% {
		filter: hue-rotate(0deg);
	}
	100% {
		filter: hue-rotate(359deg);
	}
}