body {
	font-size: 6.5vh;
	overflow: hidden;
	animation: bg 600s linear infinite;
}

#forest {
	width: 90vw;
	height: 90vh;
}

.run {
	height: 12vh;
	animation: run 5s alternate linear infinite; 
}

.bounce {
	animation: bounce 1s infinite;
}

.stretch {
	width: 1em;
	text-align: center;
	vertical-align: middle;	
	animation: stretch 1s linear infinite;
}

@keyframes run {
	from { transform: translateX(-6vw) }
	to { transform: translateX(100vw) }
}

@keyframes bounce {
	0% { transform: translateY(0); animation-timing-function: cubic-bezier(0.333333, 0, 0.666667, 0.333333) }
	50% { transform: translateY(8.8vh); animation-timing-function: cubic-bezier(0.333333, 0.666667, 0.666667, 1) }
	100% { transform: translateY(0) }
}

@keyframes stretch {
	40% { transform: scale(1.0, 1.0) }
	45% { transform: scale(1.1, .9) }
	50% { transform: scale(1.4, .6) }
	55% { transform: scale(1.2, .8) }
	60% { transform: scale(1.05, .95) }
	65% { transform: scale(1.0, 1.0) }
}

@keyframes loop {
	from { transform: rotate(0deg); color: #0F0 }
	to { transform: rotate(360deg); color: #000 }
}

@keyframes bg {
      0%   {background: #FFFAFA;}
      25%  {background: #FFFFFA;}
      50%  {background: #FAFAFF;}
      75%  {background: #FAFFFA;}
      100% {background: #FFFAFA;}
}