.animation-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	transform: translateZ(0);
}

.feather {
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23ff99cc' d='M50,5c0,0-25,25-25,50s25,45,25,45s25-20,25-45S50,5,50,5z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.4;
	filter: drop-shadow(0 0 3px #ff66cc);
}

.bat-wing {
	position: absolute;
	width: 60px;
	height: 60px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23660033' d='M10,50c0,0,30-40,40-40c10,0,30,20,40,40c0,0-30,20-40,20C40,70,10,50,10,50z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.3;
	filter: drop-shadow(0 0 5px #ff3399);
}

@keyframes pulseGlow {
	0% {
		text-shadow:
			0 0 10px #ff33cc,
			0 0 20px #990066;
		transform: scale(1);
	}

	50% {
		text-shadow:
			0 0 15px #ff66cc,
			0 0 30px #cc0099;
		transform: scale(1.02);
	}

	100% {
		text-shadow:
			0 0 10px #ff33cc,
			0 0 20px #990066;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes float {
	0% {
		transform: translateY(0) rotate(0deg);
	}

	50% {
		transform: translateY(-20px) rotate(10deg);
	}

	100% {
		transform: translateY(0) rotate(0deg);
	}
}

.heart {
	position: absolute;
	width: 15px;
	height: 15px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23ff3399' d='M50,30c0,0-25-30-45,0c-20,30,45,70,45,70s65-40,45-70C75,0,50,30,50,30z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.6;
}

.silhouette {
	position: fixed;
	bottom: -20px;
	right: 40px;
	width: 200px;
	height: 350px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3Cpath fill='%23660033' d='M40,10c0,0-10,20-10,40c0,20,10,30,10,40c0,10-10,20-10,30c0,10,10,20,20,20c10,0,20-10,20-20c0-10-10-20-10-30c0-10,10-20,10-40c0-20-10-40-10-40C60,10,40,10,40,10z'/%3E%3Cpath fill='%23660033' d='M30,30c0,0-20,10-20,20c0,10,5,15,5,15s15-5,15-15C30,40,30,30,30,30z'/%3E%3Cpath fill='%23660033' d='M70,30c0,0,20,10,20,20c0,10-5,15-5,15s-15-5-15-15C70,40,70,30,70,30z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.15;
	filter: drop-shadow(0 0 15px #ff66cc);
	animation: float 8s infinite ease-in-out;
}

.silhouette:nth-child(1) {
	top: 160px;
	left: 40px;
}