*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	text-align: center;
}
#Background{
	animation: background 15s linear infinite alternate;
	transform-origin: center;
	transform-box: fill-box;
}

#bottomshoe{
	animation: bottomshoe 1.5s linear infinite alternate;
	transform-origin: center;
	transform-box: fill-box;
}
#hair-stroke{
	animation: hairstroke 0.3s linear infinite alternate;
	transform-origin: bottom;
	transform-box: fill-box;
}
#Heart1, #Heart2, #Heart3, #Heart4, #Heart5, #Heart6, #Heart7, #Heart8, #Heart9{

	animation: hearts 1s ease-in-out infinite alternate;
	transform-origin: center;
	transform-box: fill-box;
}
@keyframes hairstroke{
	from {
		transform: rotateZ(0deg)
	}
	to{
		transform: rotateZ(2deg)
	}

}
@keyframes background{
	from{
		fill: rgb(242,242,242)
	}
	to{

		fill: rgb(0,0,0)
	}
}
@keyframes bottomshoe{
	from{
		transform: rotateZ(-3deg)
	}
	to{

		transform: rotateZ(5deg)
	}
}
@keyframes hearts{
	from{
		transform: rotateZ(0deg)
	}
	to{

		transform: rotateZ(30deg)
	}

}