.white {
	color: #fffff5;
}
.magenta {
	color: #8829b5;
}
.red {
	color: #c60031;
}
.yellow {
	color: #e5ca00;
}
.green {
	color: #00a56e;
}
.cyan {
	color: #00a9cc;
}
.blue {
	color: #184de0;
}
.black {
	color: #020200;
}

.bg-white {
	background-color: #fffff5;
}
.bg-magenta {
	background-color: #8829b5;
}
.bg-red {
	background-color: #c60031;
}
.bg-orange {
	background-color: #f26122;
}
.bg-yellow {
	background-color: #e5ca00;
}
.bg-green {
	background-color: #00a56e;
}
.bg-cyan {
	background-color: #00a9cc;
}
.bg-blue {
	background-color: #184de0;
}
.bg-black {
	background-color: #020200;
}
.bg-brown {
	background-color: #543b18;
}
.bg-gray {
	background-color: #808080;
}

.fill-white {
	fill: #fffff5;
}
.fill-magenta {
	fill: #8829b5;
}
.fill-red {
	fill: #c60031;
}
.fill-orange {
	fill: #f26122;
}
.fill-yellow {
	fill: #e5ca00;
}
.fill-green {
	fill: #00a56e;
}
.fill-cyan {
	fill: #00a9cc;
}
.fill-blue {
	fill: #184de0;
}
.fill-black {
	fill: #020200;
}
.fill-brown {
	fill: #543b18;
}
.fill-gray {
	fill: #808080;
}

.border-white {
	border-color: #fffff5;
}
.border-magenta {
	border-color: #8829b5;
}
.border-red {
	border-color: #c60031;
}
.border-yellow {
	border-color: #e5ca00;
}
.border-green {
	border-color: #00a56e;
}
.border-cyan {
	border-color: #00a9cc;
}
.border-blue {
	border-color: #184de0;
}
.border-black {
	border-color: #020200;
}