.color1 {
  color: #0787c5;
}
.color1::-webkit-progress-value {
  background-color: #0787c5;
}
.colorize-color1 {
  filter: invert(28%) sepia(86%) saturate(1748%) hue-rotate(177deg) brightness(102%) contrast(94%);
}
.background-color1 {
  background-color: #0787c5;
}
.background-color1::-webkit-progress-bar {
  background-color: #0787c5;
}
.border-color1 {
  border-color: #0787c5;
}
.border-top-color1 {
  border-top-color: #0787c5;
}
.border-bottom-color1 {
  border-bottom-color: #0787c5;
}
.border-left-color1 {
  border-left-color: #0787c5;
}
.border-right-color1 {
  border-right-color: #0787c5;
}
.glow-color1 {
  box-shadow: 0px 0px 4px #0787c5;
}
.shadow-color1 {
  text-shadow: 0px 0px 4px #0787c5;
}
.color2 {
  color: #7474ba;
}
.color2::-webkit-progress-value {
  background-color: #7474ba;
}
.colorize-color2 {
  filter: invert(51%) sepia(42%) saturate(477%) hue-rotate(202deg) brightness(86%) contrast(95%);
}
.background-color2 {
  background-color: #7474ba;
}
.background-color2::-webkit-progress-bar {
  background-color: #7474ba;
}
.border-color2 {
  border-color: #7474ba;
}
.border-top-color2 {
  border-top-color: #7474ba;
}
.border-bottom-color2 {
  border-bottom-color: #7474ba;
}
.border-left-color2 {
  border-left-color: #7474ba;
}
.border-right-color2 {
  border-right-color: #7474ba;
}
.glow-color2 {
  box-shadow: 0px 0px 4px #7474ba;
}
.shadow-color2 {
  text-shadow: 0px 0px 4px #7474ba;
}
.orangeback {
  color: #eaeaf4;
}
.orangeback::-webkit-progress-value {
  background-color: #eaeaf4;
}
.colorize-orangeback {
  filter: invert(97%) sepia(3%) saturate(1823%) hue-rotate(188deg) brightness(100%) contrast(92%);
}
.background-orangeback {
  background-color: #eaeaf4;
}
.background-orangeback::-webkit-progress-bar {
  background-color: #eaeaf4;
}
.border-orangeback {
  border-color: #eaeaf4;
}
.border-top-orangeback {
  border-top-color: #eaeaf4;
}
.border-bottom-orangeback {
  border-bottom-color: #eaeaf4;
}
.border-left-orangeback {
  border-left-color: #eaeaf4;
}
.border-right-orangeback {
  border-right-color: #eaeaf4;
}
.glow-orangeback {
  box-shadow: 0px 0px 4px #eaeaf4;
}
.shadow-orangeback {
  text-shadow: 0px 0px 4px #eaeaf4;
}