:root {
	--var-color1: #a0d9ff;
	--var-color2: #34e7d5;
	--var-color3: #87e956;
	--var-color4: #ffc438;
	--var-color5: #ffa9b5;
	--var-color6 : #ff869e;
	--var-color7: #ff8f76;
	--var-color8: #ffad66;
	--var-color9: #ffd884;
	--var-color10: #f5f29e;
	--var-color11: #998cf7;
	--var-color12: #60ee9c;
	--var-color13: #58c620;
	--var-color14: #e1d871;
	--var-color15: #ff95e6;
	--var-color16 : #dc9676;
	--var-color17: #e5fe8b;
	--var-color18: #66e0ff;
	--var-color19: #ffd884;
	--var-color20: #f5f29e;
}

.bg {
	background: white;
}

.union1 {
	background: white;
}

.colorful .person.clickable:hover {
	background-color: #a6f3ff;
	text-decoration: none;
}


.colorful .union1 {border-right-color: var(--var-color1) !important;}
.colorful .bg.union1 { 	background: var(--var-color1); }

.colorful .union2 {border-right-color: var(--var-color2) !important;}
.colorful .bg.union2 { 	background: var(--var-color2); }

.colorful .union3 {border-right-color: var(--var-color3) !important;}
.colorful .bg.union3 { 	background: var(--var-color3); }

.colorful .union4 {border-right-color: var(--var-color4) !important;}
.colorful .bg.union4 { 	background: var(--var-color4); }

.colorful .union5 {border-right-color: var(--var-color5) !important;}
.colorful .bg.union5 { 	background: var(--var-color5); }

.colorful .union6 {border-right-color: var(--var-color6) !important;}
.colorful .bg.union6 { 	background: var(--var-color6); }

.colorful .union7 {border-right-color: var(--var-color7) !important;}
.colorful .bg.union7 { 	background: var(--var-color7); }

.colorful .union8 {border-right-color: var(--var-color8) !important;}
.colorful .bg.union8 { 	background: var(--var-color8); }

.colorful .union9 {border-right-color: var(--var-color9) !important;}
.colorful .bg.union9 { 	background: var(--var-color9); }

.colorful .union10 {border-right-color: var(--var-color10) !important;}
.colorful .bg.union10 { 	background: var(--var-color10); }

.colorful .union11 {border-right-color: var(--var-color11) !important;}
.colorful .bg.union11 { 	background: var(--var-color11); }

.colorful .union12 {border-right-color: var(--var-color12) !important;}
.colorful .bg.union12 { 	background: var(--var-color12); }

.colorful .union13 {border-right-color: var(--var-color13) !important;}
.colorful .bg.union13 { 	background: var(--var-color13); }

.colorful .union14 {border-right-color: var(--var-color14) !important;}
.colorful .bg.union14 { 	background: var(--var-color14); }

.colorful .union15 {border-right-color: var(--var-color15) !important;}
.colorful .bg.union15 { 	background: var(--var-color15); }

.colorful .union16 {border-right-color: var(--var-color16) !important;}
.colorful .bg.union16 { 	background: var(--var-color16); }

.colorful .union17 {border-right-color: var(--var-color17) !important;}
.colorful .bg.union17 { 	background: var(--var-color17); }

.colorful .union18 {border-right-color: var(--var-color18) !important;}
.colorful .bg.union18 { 	background: var(--var-color18); }

.colorful .union19 {border-right-color: var(--var-color19) !important;}
.colorful .bg.union19 { 	background: var(--var-color19); }

.colorful .union20 {border-right-color: var(--var-color20) !important;}
.colorful .bg.union20 { 	background: var(--var-color20); }



.colorful .union21 {border-right-color: var(--var-color1) !important;}
.colorful .bg.union21 { 	background: var(--var-color1); }

.colorful .union22 {border-right-color: var(--var-color2) !important;}
.colorful .bg.union22 { 	background: var(--var-color2); }

.colorful .union23 {border-right-color: var(--var-color3) !important;}
.colorful .bg.union23 { 	background: var(--var-color3); }

.colorful .union24 {border-right-color: var(--var-color4) !important;}
.colorful .bg.union24 { 	background: var(--var-color4); }

.colorful .union25 {border-right-color: var(--var-color5) !important;}
.colorful .bg.union25 { 	background: var(--var-color5); }

.colorful .union26 {border-right-color: var(--var-color6) !important;}
.colorful .bg.union26 { 	background: var(--var-color6); }

.colorful .union27 {border-right-color: var(--var-color7) !important;}
.colorful .bg.union27 { 	background: var(--var-color7); }

.colorful .union28 {border-right-color: var(--var-color8) !important;}
.colorful .bg.union28 { 	background: var(--var-color8); }

.colorful .union29 {border-right-color: var(--var-color9) !important;}
.colorful .bg.union29 { 	background: var(--var-color9); }

.colorful .union30 {border-right-color: var(--var-color10) !important;}
.colorful .bg.union30 { 	background: var(--var-color10); }