.color1 {
  color: #483b8b;
}
.color1::-webkit-progress-value {
  background-color: #483b8b;
}
.colorize-color1 {
  filter: invert(23%) sepia(40%) saturate(1448%) hue-rotate(217deg) brightness(97%) contrast(94%);
}
.background-color1 {
  background-color: #483b8b;
}
.background-color1::-webkit-progress-bar {
  background-color: #483b8b;
}
.border-color1 {
  border-color: #483b8b;
}
.border-top-color1 {
  border-top-color: #483b8b;
}
.border-bottom-color1 {
  border-bottom-color: #483b8b;
}
.border-left-color1 {
  border-left-color: #483b8b;
}
.border-right-color1 {
  border-right-color: #483b8b;
}
.glow-color1 {
  box-shadow: 0px 0px 4px #483b8b;
}
.shadow-color1 {
  text-shadow: 0px 0px 4px #483b8b;
}
.color2 {
  color: #00a490;
}
.color2::-webkit-progress-value {
  background-color: #00a490;
}
.colorize-color2 {
  filter: invert(46%) sepia(80%) saturate(3423%) hue-rotate(146deg) brightness(94%) contrast(101%);
}
.background-color2 {
  background-color: #00a490;
}
.background-color2::-webkit-progress-bar {
  background-color: #00a490;
}
.border-color2 {
  border-color: #00a490;
}
.border-top-color2 {
  border-top-color: #00a490;
}
.border-bottom-color2 {
  border-bottom-color: #00a490;
}
.border-left-color2 {
  border-left-color: #00a490;
}
.border-right-color2 {
  border-right-color: #00a490;
}
.glow-color2 {
  box-shadow: 0px 0px 4px #00a490;
}
.shadow-color2 {
  text-shadow: 0px 0px 4px #00a490;
}
.orangeback {
  color: #f2f2f2;
}
.orangeback::-webkit-progress-value {
  background-color: #f2f2f2;
}
.colorize-orangeback {
  filter: invert(86%) sepia(92%) saturate(1%) hue-rotate(180deg) brightness(108%) contrast(90%);
}
.background-orangeback {
  background-color: #f2f2f2;
}
.background-orangeback::-webkit-progress-bar {
  background-color: #f2f2f2;
}
.border-orangeback {
  border-color: #f2f2f2;
}
.border-top-orangeback {
  border-top-color: #f2f2f2;
}
.border-bottom-orangeback {
  border-bottom-color: #f2f2f2;
}
.border-left-orangeback {
  border-left-color: #f2f2f2;
}
.border-right-orangeback {
  border-right-color: #f2f2f2;
}
.glow-orangeback {
  box-shadow: 0px 0px 4px #f2f2f2;
}
.shadow-orangeback {
  text-shadow: 0px 0px 4px #f2f2f2;
}