@keyframes grow
{
0% {  
  -webkit-transform: scale(0);
  transform: scale(0);
}
60% {  
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
80% {  
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
100% {
  -webkit-transform: scale(1);
  transform: scale(1);
}
}

@-webkit-keyframes grow /* Safari and Chrome */
{
0% {  
  -webkit-transform: scale(0);
  transform: scale(0);
}
60% {  
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
80% {  
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
100% {
  -webkit-transform: scale(1);
  transform: scale(1);
}
}

@keyframes body-enter
{
0% { 
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
}
60% {  
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
80% {  
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
100% {  
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
}

@-webkit-keyframes body-enter /* Safari and Chrome */
{
0% { 
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
}
60% {  
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
80% {  
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
100% {  
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
}

@keyframes hair-anim
{
0% {  
  height:0px;
  -webkit-transform: translateY(137px);
  transform: translateY(137px);
}
100% {
  height: 137px;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
}

@-webkit-keyframes hair-anim /* Safari and Chrome */
{
0% {  
  height:0px;
  -webkit-transform: translateY(137px);
  transform: translateY(137px);
}
100% {
  height: 137px;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
}

@keyframes sideburn-anim
{
0% {
  opacity: 0;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
}
100% {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
}

@-webkit-keyframes sideburn-anim /* Safari and Chrome */
{
0% {
  opacity: 0;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
}
100% {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
}

@keyframes hair-top-anim
{
0% { 
  opacity: 0;
  -webkit-transform:translate(-64px, 30px);
  transform:translate(-64px, 30px);
}
60% {  
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(-64px, 30px);
  transform: rotate(0deg) translate(-64px, 30px);
}
80% {  
  opacity: 1;
  -webkit-transform: rotate(10deg) translate(-64px, -5px);
  transform: rotate(10deg) translate(-64px, -5px);
}
100% {  
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(-64px, 0px);
  transform: rotate(0deg) translate(-64px, 0px);
}
}

@-webkit-keyframes hair-top-anim /* Safari and Chrome */
{
0% { 
  opacity: 0;
  -webkit-transform:translate(-64px, 30px);
  transform:translate(-64px, 30px);
}
60% {  
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(-64px, 30px);
  transform: rotate(0deg) translate(-64px, 30px);
}
80% {  
  opacity: 1;
  -webkit-transform: rotate(10deg) translate(-64px, -5px);
  transform: rotate(10deg) translate(-64px, -5px);
}
100% {  
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(-64px, 0px);
  transform: rotate(0deg) translate(-64px, 0px);
}
}

@keyframes hair-bottom-anim
{
0% { 
  opacity: 0;
  -webkit-transform:translate(-27px, -40px);
  transform:translate(-27px, -40px);
}
60% {  
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(-27px, -40px);
  transform: rotate(0deg) translate(-27px, -40px);
}
80% {  
  opacity: 1;
  -webkit-transform: rotate(10deg) translate(-27px, 5px);
  transform: rotate(10deg) translate(-27px, 5px);
}
100% {  
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(-27px, 0px);
  transform: rotate(0deg) translate(-27px, 0px);
}
}

@-webkit-keyframes hair-bottom-anim /* Safari and Chrome */
{
0% { 
  opacity: 0;
  -webkit-transform:translate(-27px, -40px);
  transform:translate(-27px, -40px);
}
60% {  
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(-27px, -40px);
  transform: rotate(0deg) translate(-27px, -40px);
}
80% {  
  opacity: 1;
  -webkit-transform: rotate(10deg) translate(-27px, 5px);
  transform: rotate(10deg) translate(-27px, 5px);
}
100% {  
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(-27px, 0px);
  transform: rotate(0deg) translate(-27px, 0px);
}
}

@keyframes music-move
{
0% { 
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
} 
33% {  
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
66% {  
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}
100% {  
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
}

@-webkit-keyframes music-move /* Safari and Chrome */
{
0% { 
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
33% {  
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
66% {  
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}
100% {  
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
}

@keyframes eyebrow-anim-right
{
0% {
  opacity: 0;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
}
70% {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}  
100% {
  opacity: 1;
  -webkit-transform: rotate(9deg) translateY(0px);
  transform: rotate(9deg) translateY(0px);
}
}

@-webkit-keyframes eyebrow-anim-right /* Safari and Chrome */
{
0% {
  opacity: 0;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
}
70% {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
100% {
  opacity: 1;
  -webkit-transform: rotate(9deg) translateY(0px);
  transform: rotate(9deg) translateY(0px);
}
}
@keyframes eyebrow-raise
{
0% {
  top:-35px;
}
80% {
  top:-35px;

} 
100% {
  top:-45px;
}
}

@-webkit-keyframes eyebrow-raise /* Safari and Chrome */
{
0% {
  top:-35px;
}
80% {
  top:-35px;

} 
100% {
  top:-45px;
}
}
@keyframes eyebrow-anim-left
{
0% {
  opacity: 0;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
}
70% {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}  
100% {
  opacity: 1;
  -webkit-transform:translateY(0px);
  transform:translateY(0px);
}
}

@-webkit-keyframes eyebrow-anim-left /* Safari and Chrome */
{
0% {
  opacity: 0;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
}
70% {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
100% {
  opacity: 1;
  -webkit-transform:translateY(0px);
  transform:translateY(0px);
}
}

@keyframes border-pulse
{
0% {
  -webkit-transform: scale(0);
  transform: scale(0);
  border-width: 20px;
}
40% {
  -webkit-transform: scale(1);
  transform: scale(1);
  border-width: 20px;
  margin-left: -220px;
  margin-top: -220px;
}
100% {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  border-width: 0px;
  border-style: double;
  margin-left: -200px;
  margin-top: -200px;
}
}

@-webkit-keyframes border-pulse /* Safari and Chrome */
{
0% {
  -webkit-transform: scale(0);
  transform: scale(0);
  border-width: 20px;
}
40% {
  -webkit-transform: scale(1);
  transform: scale(1);
  border-width: 20px;
  margin-left: -220px;
  margin-top: -220px;
}
100% {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  border-width: 0px;
  border-style: double;
  margin-left: -200px;
  margin-top: -200px;
}
}
@keyframes shadow-anim
{
0% {
  opacity: 0;
  -webkit-transform: translate(98px,0px);
  transform: translate(98px,0px);
}
50% {
  opacity: 0;
}
100% {
  opacity: 1;
  -webkit-transform: translate(0px,0px);
  transform: translate(0px,0px);
}
}

@-webkit-keyframes shadow-anim /* Safari and Chrome */
{
0% {
  opacity: 0;
  -webkit-transform: translate(98px,0px);
  transform: translate(98px,0px);
}
50% {
  opacity: 0;
}
100% {
  opacity: 1;
  -webkit-transform: translate(0px,0px);
  transform: translate(0px,0px);
}
}
@keyframes triangle-light-anim
{
0% {
  -webkit-transform: translate(200px,0px);
  transform: translate(200px,0px);
}
100% {
  -webkit-transform: rotate(45deg) translate(0px,0px);
  transform: rotate(45deg) translate(0px,0px);
}
}

@-webkit-keyframes triangle-light-anim /* Safari and Chrome */
{
0% {
  -webkit-transform: translate(200px,0px);
  transform: translate(200px,0px);
}
100% {
  -webkit-transform: rotate(45deg) translate(0px,0px);
  transform: rotate(45deg) translate(0px,0px);
}
}
@keyframes triangle-dark-anim
{
0% {
  -webkit-transform: translate(-200px,0px);
  transform: translate(-200px,0px);
}
100% {
  -webkit-transform: rotate(-45deg) translate(0px,0px);
  transform: rotate(-45deg) translate(0px,0px);
}
}

@-webkit-keyframes triangle-dark-anim /* Safari and Chrome */
{
0% {
  -webkit-transform: translate(-200px,0px);
  transform: translate(-200px,0px);
}
100% {
  -webkit-transform: rotate(-45deg) translate(0px,0px);
  transform: rotate(-45deg) translate(0px,0px);
}
}
@keyframes note-anim
{
0% {
  opacity: 0;
  -webkit-transform: translate(0px,50px);
  transform: translate(0px,50px);
}
30% {
  -webkit-transform:rotate(12deg) translate(-30px,0px);
  transform:rotate(12deg) translate(-30px,0px);
}
45% {
  opacity: 1;
}  
60% {
  -webkit-transform:rotate(-12deg) translate(30px,-100px);
  transform:rotate(-12deg) translate(30px,-100px);
}
100% {
  opacity: 0;
  -webkit-transform:rotate(0deg) translate(0px,-200px);
  transform:rotate(0deg) translate(0px,-200px);
}
}

@-webkit-keyframes note-anim /* Safari and Chrome */
{
0% {
  opacity: 0;
  -webkit-transform: translate(0px,50px);
  transform: translate(0px,50px);
}
30% {
  -webkit-transform:rotate(12deg) translate(-30px,0px);
  transform:rotate(12deg) translate(-30px,0px);
}
45% {
  opacity: 1;
}  
60% {
  -webkit-transform:rotate(-12deg) translate(30px,-100px);
  transform:rotate(-12deg) translate(30px,-100px);
}
100% {
  opacity: 0;
  -webkit-transform:rotate(0deg) translate(0px,-200px);
  transform:rotate(0deg) translate(0px,-200px);
}
}
@keyframes text-anim
{
0% {
  -webkit-transform: translate(0px,100px);
  transform: translate(0px,100px);
}
60% {
  -webkit-transform:translate(0px,-20px);
  transform:translate(0px,-20px);
}
80% {
  -webkit-transform:translate(0px,15px);
  transform:translate(0px,15px);
}
100% {
  -webkit-transform:translate(0px,0px);
  transform:translate(0px,0px);
}
}

@-webkit-keyframes text-anim /* Safari and Chrome */
{
0% {
  -webkit-transform: translate(0px,100px);
  transform: translate(0px,100px);
}
60% {
  -webkit-transform:translate(0px,-20px);
  transform:translate(0px,-20px);
}
80% {
  -webkit-transform:translate(0px,15px);
  transform:translate(0px,15px);
}
100% {
  -webkit-transform:translate(0px,0px);
  transform:translate(0px,0px);
}
}
@keyframes eye-blink
{
0% {
  -webkit-transform: scaleY(1) translateY(0px);
  transform: scaleY(1) translateY(0px);
}
45% {
  -webkit-transform: scaleY(1) translateY(0px);
  transform: scaleY(1) translateY(0px);
}
50% {
  -webkit-transform: scaleY(0.1);
  transform: scaleY(0.1);
}
55% {
  -webkit-transform: scaleY(1) translateY(0px);
  transform: scaleY(1) translateY(0px);
}
100% {
  -webkit-transform: scaleY(1) translateY(0px);
  transform: scaleY(1) translateY(0px);
}
}

@-webkit-keyframes eye-blink /* Safari and Chrome */
{
0% {
  -webkit-transform: scaleY(1) translateY(0px);
  transform: scaleY(1) translateY(0px);
}
45% {
  -webkit-transform: scaleY(1) translateY(0px);
  transform: scaleY(1) translateY(0px);
}
50% {
  -webkit-transform: scaleY(0.1);
  transform: scaleY(0.1);
}
55% {
  -webkit-transform: scaleY(1) translateY(0px);
  transform: scaleY(1) translateY(0px);
}
100% {
  -webkit-transform: scaleY(1) translateY(0px);
  transform: scaleY(1) translateY(0px);
}
}