#dex-sign {
    display: inline-block;
    margin: 30px 10px 15px 10px;
    width: 282px;
    height: 110px;
    background: url(../sprite/signature.png) no-repeat;
    background-size: cover;
    color: var(--blue);
    position: relative;
}

.play {
    -moz-animation: sign-anim 3s .2s steps(65) forwards;
    -o-animation: sign-anim 3s .2s steps(65) forwards;
    -webkit-animation: sign-anim 3s .2s steps(65) forwards;
    animation: sign-anim 3s .2s steps(65) forwards;
}

@-webkit-keyframes sign-anim {
    to {
        background-position: 0 -6902;
    }
}

@-moz-keyframes sign-anim {
    to {
        background-position: 0 -6902;
    }
}

@-o-keyframes sign-anim {
    to {
        background-position: 0 -6902;
    }
}

@keyframes sign-anim {
    to {
        background-position: 0 -6902;
    }
}