body
{
	display          : flex;
	align-items      : center;
	justify-content  : center;
	border-radius    : 25px;
	bottom           : 20px;
	right            : 20px;
	top              : 20px;
	left             : 20px;
	position         : absolute;
	overflow         : hidden;
	background-color : black;
}

figure
{
	background-repeat : no-repeat;
	background-size   : contain;
}

.skelly
{
	display                   : block;
	position                  : absolute;
	left                      : 200%;
	animation-timing-function : linear;
	animation-duration        : 10s;
}

.walkingSkelly
{
	background-image : url("Dancing Skeletons/Walking Skeleton.gif");
}

.dancingSkelly
{
	background-image : url("Dancing Skeletons/Dancing-Skeleton_transparent.gif");
	padding          : 0 0 0 0;
	margin           : 0 0 -28px 0;
}

.dancingSkelly2
{
	background-image : url("Dancing Skeletons/Dancing-Skeleton2.gif");
}

.animateLTR
{
	animation-name : ltr;
}

.animateRTL
{
	transform      : scaleX(-1);
	animation-name : rtl;
}

@keyframes ltr
{
	from
	{
		left : -100%;
	}
	to
	{
		left : 100%;
	}
}

@keyframes rtl
{
	from
	{
		left : 100%;
	}
	to
	{
		left : -100%;
	}
}