/*
https://colorscheme.ru/#3L429tepAw0w0 
*/
:root {
  --color-0: rgba(25, 59, 137, 1); /* #193b89 */
  --color-1: rgba(40, 59, 102, 1); /* #283b66 */
  --color-2: rgba(8, 32, 89, 1); /* #082059 */
  --color-3: rgba(76, 112, 196 ); /* #4c70c4 */
  --color-4: rgba(108, 134, 196); /* #6c86c4 */
  --color-white: rgba(255, 255, 255, 1); /* #fff */
  --color-grey: rgba(238, 238, 238, 1); /* #eee */
  --color-black: rgba(0, 0, 0, 1); /* #000 */
  --color-a0: rgba(75, 22, 138, 1); /* #4b168a */
  --color-a1: rgba(68, 38, 104, 1); /* #442668 */
  --color-a2: rgba(45, 7, 90, 1); /* #2d075a */
  --color-a3: rgba(129, 73, 197, 1); /* #8149c5 */
  --color-a4: rgba(147, 106, 197, 1); /* #936ac5 */
  --color-b0: rgba(204, 189, 18, 1); /* #ccbd12 */
  --color-b1: rgba(153, 145, 48, 1); /* #999130 */
  --color-b2: rgba(133, 122, 6, 1); /* #857a06 */
  --color-b3: rgba(229, 217, 72, 1); /* #e5d948 */
  --color-b4: rgb(221, 202, 252); /* #e5dc72 */
  --color-c0: rgba(204, 142, 18, 1); /* #cc8e12 */
  --color-c1: rgba(153, 118, 48, 1); /* #997630 */
  --color-c2: rgba(133, 90, 6, 1); /* #855a06 */
  --color-c3: rgba(229, 177, 72, 1); /* #e5b148 */
  --color-c4: rgba(229, 191, 114, 1); /* #e5bf72 */
  --color-circle1: #4b405e;
}
.color-0 {
  color: var(--color-0);
}
.bg-color-0 {
  background-color: var(--color-0);
}
.color-1 {
  color: var(--color-1);
}
.bg-color-1 {
  background-color: var(--color-1);
}
.color-2 {
  color: var(--color-2);
}
.bg-color-2 {
  background-color: var(--color-2);
}
.color-3 {
  color: var(--color-3);
}
.bg-color-3 {
  background-color: var(--color-3);
}
.color-4 {
  color: var(--color-4);
}
.bg-color-4 {
  background-color: var(--color-4);
}
.color-white {
  color: var(--color-white);
}
.bg-color-white {
  background-color: var(--color-white);
}
.color-grey {
  color: var(--color-grey);
}
.bg-color-grey {
  background-color: var(--color-grey);
}
.color-black {
  color: var(--color-black);
}
.bg-color-black {
  background-color: var(--color-black);
}
.color-a0 {
  color: var(--color-a0);
}
.bg-color-a0 {
  background-color: var(--color-a0);
}
.color-a1 {
  color: var(--color-a1);
}
.bg-color-a1 {
  background-color: var(--color-a1);
}
.color-a2 {
  color: var(--color-a2);
}
.bg-color-a2 {
  background-color: var(--color-a2);
}
.color-a3 {
  color: var(--color-a3);
}
.bg-color-a3 {
  background-color: var(--color-a3);
}
.color-a4 {
  color: var(--color-a4);
}
.bg-color-a4 {
  background-color: var(--color-a4);
}
.color-b0 {
  color: var(--color-b0);
}
.bg-color-b0 {
  background-color: var(--color-b0);
}
.color-b1 {
  color: var(--color-b1);
}
.bg-color-b1 {
  background-color: var(--color-b1);
}
.color-b2 {
  color: var(--color-b2);
}
.bg-color-b2 {
  background-color: var(--color-b2);
}
.color-b3 {
  color: var(--color-b3);
}
.bg-color-b3 {
  background-color: var(--color-b3);
}
.color-b4 {
  color: var(--color-b4);
}
.bg-color-b4 {
  background-color: var(--color-b4);
}
.color-c0 {
  color: var(--color-c0);
}
.bg-color-c0 {
  background-color: var(--color-c0);
}
.color-c1 {
  color: var(--color-c1);
}
.bg-color-c1 {
  background-color: var(--color-c1);
}
.color-c2 {
  color: var(--color-c2);
}
.bg-color-c2 {
  background-color: var(--color-c2);
}
.color-c3 {
  color: var(--color-c3);
}
.bg-color-c3 {
  background-color: var(--color-c3);
}
.color-c4 {
  color: var(--color-c4);
}
.bg-color-c4 {
  background-color: var(--color-c4);
}

.color-middle-text {
  color: #f6e4e4;
}