/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jan 09 2024 | 20:14:45 */
.twistUp {
	animation-name: twistUp;
    transform-origin: bottom left;
	-webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

@keyframes twistUp {
  0% { opacity: 0; transform: translateY(70%) rotateX(-60deg) rotateY(-10deg); }
  100% { opacity: 1; transform: translateY(0) rotateX(0) rotateY(0deg); }
}

@keyframes lineWipe {
  from {
    clip-path: inset(0 0 100% 0);
	transform: translateY(10px);
  }
  to {
    clip-path: inset(0 0 0 0);
	transform: translateY(0px);
  }
}

.lineWipe {
  animation: 1s cubic-bezier(.5, .5, .5, 1) lineWipe both;
}


@keyframes revealRight {
  from {
    clip-path: inset(0 100% 0 0);
	transform: translateX(20px);
  }
  to {
    clip-path: inset(0 0 0 0);
	transform: translateX(0px);
  }
}

.revealRight {
  animation: 1.5s cubic-bezier(.5, .5, .5, 1) revealRight both;
  animation-delay: .3s;
}

@keyframes revealLeft {
  from {
    clip-path: inset(0 0 0 100%);
	transform: translateX(20px);
  }
  to {
    clip-path: inset(0 0 0 0);
	transform: translateX(0px);
  }
}

.revealLeft {
  animation: 1.5s cubic-bezier(.5, .5, .5, 1) revealLeft both;
  animation-delay: .3s;
}



/* Stretch Left */
.stretchLeft{
	animation-name: stretchLeft;
    transform-origin: 100% 0%;
}
@keyframes stretchLeft {
	0% {transform: scaleX(0);}
	100% {transform: scaleX(1);}										
}
/* Stretch Right */
.stretchRight{
	animation-name: stretchRight;
    transform-origin: 0% 0%;		
}
@keyframes stretchRight {
	0% {transform: scaleX(0);}
	100% {transform: scaleX(1);}			
}
/* Stretch Down */
.stretchDown{
	animation-name: stretchDown;
    transform-origin: 50% 0%;
}
@keyframes stretchDown {
	0% {transform: scaleY(0);}
	100% {transform: scaleY(1);}		
}
/* Stretch Up */
.stretchUp{
	animation-name: stretchUp;
    transform-origin: 100% 0%;		
}
@keyframes stretchUp {
    0% {transform: scaleY(0);}
    100% {transform: scaleY(1);}			
}