.color {
	border: .125rem solid var(--color-text);
	border-radius: 2rem;
	padding: .5rem;
	text-align: center;
	width: 65%;
	margin: 1rem auto;
	font-weight: bold;
}

#dark,
#dark-alt,
#teal-dark,
#pink-dark {
	color: var(--color-light);
}

#light,
#light-alt,
#teal-light,
#pink-light {
	color: var(--color-dark);
}

#dark { background-color: var(--color-dark); }
#dark-alt { background-color: var(--color-dark-alt); }
#light { background-color: var(--color-light); }
#light-alt { background-color: var(--color-light-alt); }
#teal-dark { background-color: var(--color-teal-dark); }
#teal-light { background-color: var(--color-teal-light); }
#pink-dark { background-color: var(--color-pink-dark); }
#pink-light { background-color: var(--color-pink-light); }