@charset "UTF-8";
/* CSS Document */
@keyframes swing-head-cub {
  100% {
    transform: translate(4rem, -2.6rem) rotate(25deg);
  }
}
@keyframes swing-arml-cub {
  100% {
    transform: translate(3.5rem, -2.5rem) rotate(15deg);
  }
}
@keyframes swing-armr-cub {
  100% {
    transform: translate(3.5rem, -1.5rem) rotate(15deg);
  }
}

@keyframes swing-head-fox {
  100% {
    transform: translate(3rem, -1.5rem) rotate(10deg);
  }
}
@keyframes swing-arm-fox {
  100% {
    transform: translate(-2rem, 1rem) rotate(-5deg);
  }
}

@keyframes swing-head-deer {
  100% {
    transform: translate(3rem, -1.5rem) rotate(12deg);
  }
}
@keyframes shake-handr-deer {
    from {
        transform: none;
    }
    15% {
        transform: translate3d(-12%, 0, 0) rotate3d(0, 0, 1, -2.5deg);
    }
    30% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 1.5deg);
    }
    45% {
        transform: translate3d(-7%, 0, 0) rotate3d(0, 0, 1, -1.5deg);
    }
    60% {
        transform: translate3d(5%, 0, 0) rotate3d(0, 0, 1, 1deg);
    }
    75% {
        transform: translate3d(-2.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
    }
    to {
        transform: none;
    }
}

@keyframes light-show {
	0% {
		fill: #E75924;
    	transform: translate(0, 1rem) scale3d(1, 1, 1);
	}
	50% {
		fill: #fbcb43;
		transform: translate(0.48rem, 1.3rem) scale3d(0.9, 0.9, 0.9);
	}
	100% {
		fill: #FFF;
		transform: translate(0, 1rem) scale3d(1, 1, 1);
	}
}

@keyframes move-santa {
  100% {
    transform: translateY(0.9rem);
  }
}
@keyframes santa-breath {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: translate(-0.35rem, -0.15rem) scale3d(1.02, 1.04, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes jesus-breath {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: translate(-0.1rem, -0.1rem) scale3d(1.01, 1.002, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes move-star {
  100% {
    transform: translate(11rem, -2.5rem) rotate(10deg);
  }
}

@keyframes move-page {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(15px);
  }
  50% {
    transform: translateY(30px);
  }
  75% {
    transform: translateY(45px);
  }
  100% {
    transform: translateY(76px);
  }
}

@keyframes move-letter {
  100% {
    transform: translateY(2.777rem) translateX(0.666rem);
  }
}

@keyframes move-father-arm {
  100% {
    transform: translate(2.8rem, -4rem) rotate(27deg);
  }
}
@keyframes move-child-arm {
  100% {
    transform: translate(-2rem, 1rem) rotate(-17deg);
  }
}