@keyframes squiggle {

    0% {
        background: url(../assets/voidspace/squiggle1.png);
    }
    14% {
        background: url(../assets/voidspace/squiggle2.png);
    }
    28% {
        background: url(../assets/voidspace/squiggle3.png);
    }
    42% {
        background: url(../assets/voidspace/squiggle4.png);
    }
    56% {
        background: url(../assets/voidspace/squiggle5.png);
    }
    70% {
        background: url(../assets/voidspace/squiggle6.png);
    }
    87% {
        background: url(../assets/voidspace/squiggle7.png);
    }
    100% {
        background: url(../assets/voidspace/squiggle8.png);
    }
}

@keyframes heartbeat {

    0% {
        transform: scaleY(1) scaleX(1);
    }
    65% {
        transform: scaleY(1) scaleX(1);
    }
    70% {
        transform: scaleY(1.1) scaleX(1.1);
    }
    75% {
        transform: scaleY(1.1) scaleX(1.1);
    }
    80% {
        transform: scaleY(1) scaleX(1);
    }
    85% {
        transform: scaleY(1) scaleX(1);
    }
    90% {
        transform: scaleY(1.1) scaleX(1.1);
    }
    95% {
        transform: scaleY(1.1) scaleX(1.1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}

@keyframes breathe {

    0% {
        transform: skew(-1deg, -1deg);
    }
    50% {
        transform: skew(1deg, 1deg);
    }
    100% {
        transform: skew(-1deg, -1deg);
    }
}

@keyframes reflect {
    0% {
        transform: rotateX(0deg);
    }
    20% {
        transform: rotateX(90deg);
    }
    30% {
        transform: rotateX(90deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    70% {
        transform: rotateX(270deg);
    }
    80% {
        transform: rotateX(270deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}

@keyframes slide-around {

    0% {
        transform: translate(-412px, -365px);
    }
    12.5% {
        transform: translate(-824px, -730px);
    }
    25% {
        transform: translate(-412px, -365px);
    }
    37.5% {
        transform: translate(0, -730px);
    }
    50%{
        transform: translate(-412px, -365px);
    }
    62.5% {
        transform: translate(0, 0);
    }
    75% {
        transform: translate(-412px, -365px);
    }
    87.5% {
        transform: translate(-824px, 0);
    }
    100% {
        transform: translate(-412px, -365px);
    }
}