@charset "UTF-8";

.none {
	background-color: none;
}

.black {
	background-color: #000;
}

.gray {
	background-color: #aaa;
}

.white {
	background-color: #fff;
}

.cream {
	background-color: #f4f3e9;
}

.orange {
	background-color: #ffa500;
}

.yellow {
	background-color: #ff0;
}

.green {
	background-color: #98d581;
}

.cyan {
	background-color: #0ff;
}

.blue {
	background-color: #00f;
}

.purple {
	background-color: #800080;
}

.magenta {
	background-color: #f0f;
}

/* HOVER STATE COLOR CLASSES */

.white-hover:hover {
	background-color: #fff;
}

.red-hover:hover {
	color: #fc0619;
	background-color: #fc0619;
}
.green-hover:hover {
	color: #36bc2a;
	background-color: #000;
}