body {
	display: flex;
}
.illustration-container {
	width: 600px;
}
.illustration-container svg {
	width: 100%;
}

.opacity-0 {
	opacity: 0;
}


.opacity-1 {
	opacity: 1 !important;
	transition: 1s;
}

/* ccs for state purple bracket -> arm */
#purple-person {
	/*opacity: 0;*/
	/*transition: 1s;*/
}


#logo-2.purple-person--visible #teal-bracket {
	opacity: 0;
	transition: 1s;
}

#logo-2.purple-person--visible #pink-bracket {
	opacity: 0;
	transition: 1s;
}

#logo-2.purple-person--visible #light-blue-bracket {
	opacity: 0;
	transition: 1s;
}