/* filtering the black color to other colors  by https://codepen.io/sosuke/pen/Pjoqqp */
.color-filter-purple {
	filter: invert(36%) sepia(95%) saturate(2258%) hue-rotate(246deg) brightness(101%) contrast(101%);
}

.color-filter-blue {
	filter: invert(31%) sepia(71%) saturate(4071%) hue-rotate(233deg) brightness(103%) contrast(106%);
}

.color-filter-navi {
	filter: invert(29%) sepia(14%) saturate(5802%) hue-rotate(194deg) brightness(95%) contrast(96%);
}

.color-filter-green {
	/* filter: invert(58%) sepia(83%) saturate(298%) hue-rotate(71deg) brightness(85%) contrast(89%); */
	filter: invert(47%) sepia(68%) saturate(472%) hue-rotate(81deg) brightness(97%) contrast(97%);
}

.color-filter-rose {
	filter: invert(77%) sepia(80%) saturate(1561%) hue-rotate(302deg) brightness(94%) contrast(114%);
}

.color-filter-red {
	filter: invert(58%) sepia(72%) saturate(5270%) hue-rotate(330deg) brightness(111%) contrast(110%);
}

.color-filer-bright-red, .color-filer-f00, .color-filer-ff0000 {
	filter: invert(23%) sepia(99%) saturate(7324%) hue-rotate(358deg) brightness(99%) contrast(110%);
}

.color-filer-bright-green, .color-filer-0f0, .color-filer-00ff00 {
	filter: invert(64%) sepia(75%) saturate(4263%) hue-rotate(82deg) brightness(119%) contrast(124%);
}

.color-filer-bright-blue, .color-filer-00f, .color-filer-0000ff {
	filter: invert(8%) sepia(100%) saturate(7110%) hue-rotate(248deg) brightness(96%) contrast(144%);
}

.color-filter-yellow, .color-filer-ff0, .color-filer-ffff00 {
	filter: invert(96%) sepia(28%) saturate(4165%) hue-rotate(358deg) brightness(102%) contrast(104%);
}

.color-filter-magenta, .color-filer-f0f, .color-filer-ff00ff {
	filter: invert(43%) sepia(100%) saturate(6374%) hue-rotate(295deg) brightness(112%) contrast(139%);
}

.color-filter-cyan, .color-filer-0ff, .color-filer-00ffff {
	filter: invert(89%) sepia(59%) saturate(5427%) hue-rotate(103deg) brightness(99%) contrast(102%);
}

.color-filter-lightbrown {
	filter: invert(49%) sepia(13%) saturate(961%) hue-rotate(316deg) brightness(98%) contrast(90%);
}

.color-filter-white {
	filter: invert(95%) sepia(100%) saturate(21%) hue-rotate(348deg) brightness(105%) contrast(105%);
}