/*
	Particles
*/

.particle {
	position: absolute;
	width: 45px;
	height: 45px;
	transform: translate( -23px, -23px );
	transform-origin: 50%, 50%;
}

.particle.supplies {
	background-image: url('../images/particles/supplies.png');
}

.particle.dirt {
	background-image: url('../images/particles/dirt.png');
}

.particle.gear {
	background-image: url('../images/particles/gear.png');
}
.particle.zombieflesh {
	width: 20px;
	height: 20px;
	background-image: url('../images/particles/zombieflesh.png');
}

.particle.cash {
	background-image: url('../images/particles/cash.png');
	width: 90px;
	height: 90px;
	transform: translate( -45px, -45px );
}

.rise-and-fade {
	animation-duration: 1.5s;
	animation-iteration-count: once;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in;
	animation-name: rise-and-fade-animation;
}
@keyframes rise-and-fade-animation {
	0% {
		transform: translate( 0px, 0px );
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		transform: translate( 0px, -50px );
		opacity: 0;
	}
}