/*This removes the commas in between the tags!*/
.commas li:after {
	content: none;
}

/*This is the borders around the tags! This assumes a dark background, but if your skin has a light background, you can simply switch the 'white' border to a different color. You can also add background colors with for example: background: purple; */
.relationships a,
.warnings a,
.characters a,
.freeforms a {
	margin-left: .25rem;
	padding: .25rem;
	border: 2px solid white;
	border-radius: .5rem;
	line-height: 2rem !important;
}

/*This controls what happens when you hover over a tag! You can switch the colors around. */
.relationships a:hover,
.warnings a:hover,
.characters a:hover,
.freeforms a:hover {
	background: white;
	color: black
}

/*This is an example of how you can change the colors of the tags/borders around them, to differente them further from each other!*/
.relationships a {
	color: pink;
	border: 2px solid pink !important
}

/*And here's how to make the change on hovering, too!*/
.relationships a:hover {
	background: pink;
	border: 2px solid pink !important
}