.UpDown_1 {
  animation: bottom_animation 6s infinite;
  -webkit-animation: bottom_animation 6s infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.eyesandbrow {
  animation: bottom_animation 6s infinite;
  -webkit-animation: bottom_animation 6s infinite;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.shizzle-animated {
  visibility: visible !important;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
.Santa_Climbing_Chimney {
  -webkit-animation-name: Santa_Climbing_Chimney;
  animation-name: Santa_Climbing_Chimney;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@-webkit-keyframes Santa_Climbing_Chimney {
 0% {
 -webkit-transform: translateY(200%);
}
 50% {
 opacity: 0.7;
 -webkit-transform: translateY(100%) rotate(-7deg);
}
 75% {
 -webkit-transform: translateY(50%) rotate(7deg);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0) rotate(0deg);
}
}
@keyframes Santa_Climbing_Chimney {
 0% {
 transform: translateY(200%);
}
 50% {
 opacity: 0.7;
 transform: translateY(100%) rotate(-7deg);
}
 75% {
 transform: translateY(50%) rotate(7deg);
}
 100% {
 opacity: 1;
 transform: translateY(0) rotate(0deg);
}
}

.slideScaleUpIn {
  -webkit-animation-delay: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 3s;
  animation-duration: 3s;
  -webkit-animation-name: slideScaleUpIn;
  animation-name: slideScaleUpIn;
}

 @-webkit-keyframes slideScaleUpIn {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px) scale(.1);
}
 80% {
 opacity: 1;
 -webkit-transform: scale(.8);
}
}
@keyframes slideScaleUpIn {
 0% {
 opacity: 0;
 transform: translateY(-2000px) scale(.1);
}
 80% {
 opacity: 1;
 transform: scale(.8);
}
}

 
 @keyframes bottom_animation {
 0% {
transform: rotate(0deg);
}
 25% {
transform: rotate(2deg);
}
 50% {
transform: rotate(0deg);
}
 75% {
transform: rotate(2deg);
}
 100% {
transform: rotate(0deg);
}
}

 @-webkit-keyframes bottom_animation {
0% {
transform: rotate(0deg);
}
 25% {
transform: rotate(2deg);
}
 50% {
transform: rotate(0deg);
}
 75% {
transform: rotate(2deg);
}
 100% {
transform: rotate(0deg);
}
}

/* SVG DEFAULT STYLING FROM ILLUSTRATOR */
.santa-0 {
  fill: #C10E0E;
}
.santa-1 {
  fill: #F4C7B3;
}
.santa-2 {
  opacity: 0.2;
}
.cheeks {
  fill: #EAB5A0;
}
.santa-4 {
  fill: #F2F2F2;
  stroke: #E6E6E6;
  stroke-width: 1.8489;
  stroke-miterlimit: 10;
}
.santa-5 {
  fill: none;
}
.santa-6 {
  fill: #F2F2F2;
}
.santa-7 {
  fill: #E6E6E6;
}
.santa-white {
  fill: #FFFFFF;
}
.nose {
  fill: #EAB5A0;
}
.santa-11 {
  fill: #5E5958;
}
.eyeball {
  fill: #F9F5F4;
}
.santa-13 {
  fill: #D60B0B;
}
.santa-14 {
  fill: #BC0202;
}
.santa-15 {
  fill: #C6C6C6;
}
.santa-16 {
  fill: none;
  stroke: #F2F2F2;
  stroke-width: 16.7815;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.santa-17 {
  fill: #C40808;
}
.santa-18 {
  opacity: 0.15;
}
.santa-19 {
  fill: #B50808;
}
.santa-20 {
  fill: none;
  stroke: #F2F2F2;
  stroke-width: 17.3975;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
  
  
/* WebKit Scrollbar Styling */

::-webkit-scrollbar {
 width: 15px;
}

::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
 border-radius: 8px;
}

::-webkit-scrollbar-thumb {
 border-radius: -10%;
 background-color: rgba(0,62,9,1.00);
}