/* fades drawing when leaving viewport */
svg .red-bullseye-fg { 
	opacity: 0;
	transition:  opacity 0.4s ease;
}
svg .red-bullseye-bg { 
	opacity: 0;
	transition:  transform 1s ease, opacity 2s ease;
	transform: translate(-100%, -100%);
}
/* length of dasharry and dashoffset varies based on path length */
.onload .red-bullseye-fg,
.inscreen .red-bullseye-fg {
	opacity: 1;
	stroke-dasharray: 1453; 
	stroke-dashoffset:  1453;
	animation:  dash 1.5s linear forwards;
}
.onload .red-bullseye-bg,
.inscreen .red-bullseye-bg {
	animation:  fromtopleft 0.7s ease-out forwards;
	opacity: 1;
}