/* flag - fades drawing when leaving viewport */
svg .green-tree-fg { 
	opacity: 0;
	transition:  opacity 0.4s ease;
}
svg .green-tree-bg { 
	opacity: 0;
	transition:  transform 2s ease, opacity 2s ease, rotate 2s ease;
	transform: translateY(50%);
}
/* flag - length of dasharry and dashoffset varies based on path length */
.onload .green-tree-fg,
.inscreen .green-tree-fg {
	opacity: 1;
	stroke-dasharray: 2246; 
	stroke-dashoffset:  2246;
	animation:  dash 1.5s linear forwards;
}
.onload .green-tree-bg,
.inscreen .green-tree-bg {
	animation:  frombottom 2s ease forwards;
	opacity: 1;
}