/* Стили анимации блика для кнопок */
@keyframes sheens {
    0%,79% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: rotateZ(60deg) translate(-5em,7.5em);
        transform: rotateZ(60deg) translate(-5em,7.5em)
    }

    80% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: rotateZ(60deg) translate(-5em,7.5em);
        transform: rotateZ(60deg) translate(-5em,7.5em)
    }

    95% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: rotateZ(60deg) translate(1em,-11em);
        transform: rotateZ(60deg) translate(1em,-11em)
    }

    to {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: rotateZ(60deg) translate(1em,-9em);
        transform: rotateZ(60deg) translate(1em,-9em)
    }
}
/* Стили кроссбраузерной анимации блика для кнопок */
@-webkit-keyframes sheens {
    0%,79% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: rotateZ(60deg) translate(-5em,7.5em);
        transform: rotateZ(60deg) translate(-5em,7.5em)
    }

    80% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: rotateZ(60deg) translate(-5em,7.5em);
        transform: rotateZ(60deg) translate(-5em,7.5em)
    }

    95% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: rotateZ(60deg) translate(1em,-11em);
        transform: rotateZ(60deg) translate(1em,-11em)
    }

    to {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: rotateZ(60deg) translate(1em,-9em);
        transform: rotateZ(60deg) translate(1em,-9em)
    }
}

/* Стили блика */
@keyframes stars {
    0% {
    opacity: 1;
    }
    25% {
    opacity: 0.5;
    }
    50% {
    opacity: 0;
    }
    75% {
    opacity: 0.5;
    }
    100% {
    opacity: 1;
    }
}


/* Стили движения для молний */
@keyframes lightning {
    0% {
        transform: trtranslateY(0px);
    }
    100% {
        transform: translateY(-20px);
    }
}

@media (min-width: 480px){
    @keyframes lightning {
        0% {
            transform: trtranslateY(0px);
        }
        100% {
            transform: translateY(-20px);
        }
    }
}






/* Стили для стрелочки */

@keyframes arrow {
    0% {
        height: 0;
    }
    100% {
        height: 370px;
    }
}