[data-inviewport="spin"].is-inViewport {animation:spin 0.3s linear 5 both}
@keyframes spin{
	0% {transform:rotateX(0)}
	50% {transform: rotateX(-180deg)}
	100% {transform:rotateX(0)}
}
[data-inviewport="bounce"].is-inViewport {animation:bounce 1s linear 1s both}
@keyframes bounce{
	0%, 50%, 100% {transform:translateY(0px)}
	25%, 75% {transform:translateY(20px)}
}
@keyframes moveBorder
{
    0%, 100%{
        top: -299px;
        left: -299px;
    }
    25%{
        top: -299px;
        left: calc(100% - 1px);
    }
    50%{
        top: calc(100% - 1px);
        left: calc(100% - 1px);
    }
    75%{
        top: calc(100% - 1px);
        left: -299px;
    }
}