@-webkit-keyframes input-shadow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0px 0px 10px 3px #673AB7;
    }

    100% {
        box-shadow: none;
    }
}

@keyframes input-shadow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0px 0px 10px 3px #673AB7;
    }

    100% {
        box-shadow: none;
    }
}


@-webkit-keyframes text-shadow-poker {
    0% {
        text-shadow: 4px 1px 4px #54133d;
    }

    50% {
        text-shadow: 4px 1px 4px #d15da8;
    }

    100% {
        text-shadow: 4px 1px 4px #54133d;
    }
}

@keyframes text-shadow-poker {
    0% {
        text-shadow: 4px 1px 4px #54133d;
    }

    50% {
        text-shadow: 4px 1px 4px #d15da8;
    }

    100% {
        text-shadow: 4px 1px 4px #54133d;
    }
}


@-webkit-keyframes backgroundAnimation-purple {
    0% {
        background-position: 0% 49%
    }

    50% {
        background-position: 100% 52%
    }

    100% {
        background-position: 0% 49%
    }
}

@-moz-keyframes backgroundAnimation-purple {
    0% {
        background-position: 0% 49%
    }

    50% {
        background-position: 100% 52%
    }

    100% {
        background-position: 0% 49%
    }
}

@keyframes backgroundAnimation-purple {
    0% {
        background-position: 0% 49%
    }

    50% {
        background-position: 100% 52%
    }

    100% {
        background-position: 0% 49%
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@keyframes rotation-y {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(359deg);
    }
}

@-webkit-keyframes mark-shadow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0px 0px 5px 3px #1fe405;
    }

    100% {
        box-shadow: none;
    }
}

@keyframes mark-shadow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0px 0px 5px 3px #1fe405;
    }

    100% {
        box-shadow: none;
    }



}