@charset "utf-8";
/* CSS Document */
@keyframes aniborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(85px);
        transform: translateX(85px);
    }
}
@keyframes heartbeat {
25% {
transform:scale(1.1)
}
75% {
transform:scale(0.9)
}
}
@keyframes rotateme {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes movescale {
    0% {
        transform: scale(.75);
    }
    50% {
        transform: scale(1.25);
    }
    100% {
        transform: scale(.75);
    } 
}
@keyframes movebounce {
    0% {
        transform: translateY(0px); 
    }
    50% {
        transform: translateY(25px); 
    }
    100% {
        transform: translateY(0px); 
    } 
}
@keyframes moveleftbounce {
    0% {
        transform: translateX(0px); 
    }
    50% {
        transform: translateX(20px); 
    }
    100% {
        transform: translateX(0px); 
    } 
}
@keyframes moverightbounce {
    0% {
        transform: translateX(0px); 
    }
    50% {
        transform: translateX(-20px); 
    }
    100% {
        transform: translateX(0px); 
    } 
}
@keyframes animationFramesOne {
    0% {
        transform: translate(0px,0px) rotate(0deg) ;
    }
    20% {
        transform: translate(73px,-1px) rotate(36deg) ;
    }
    40% {
        transform: translate(141px,72px) rotate(72deg) ;
    }
    60% {
        transform: translate(83px,122px) rotate(108deg) ;
    }
    80% {
        transform: translate(-40px,72px) rotate(144deg) ;
    }
    100% {
        transform:  translate(0px,0px) rotate(0deg) ;
    }
}
[class^="shape"]{
	position: absolute;
	/*z-index: -1;*/
}

/* END CSS */