/* Here is your custom css styles. */
/* 鼠标样式 */
body {
    cursor: url("https://images.shaogy.top/feature/default.cur"),auto;
}
/*小手样式*/
.waves-effect, a, img {
    cursor: url("https://images.shaogy.top/feature/pointer.cur"),auto;
}


/* dream展示的图片边角样式 */
.front-img img {
    border-radius: 8px;
}

/* 字体修改 */
@font-face {
    font-family: "ZhuZiAWan";
    src: url("https://images.shaogy.top/ZhuZiAWan.ttf");
}

body{
    font-family: "ZhuZiAWan";
}


.mouse{
    position: fixed;
    top: 64px;
    left: -50px;
}

.rotateimg {
    -webkit-animation: rotateimg 3s linear infinite;
    transition: transform 3s;
}
@keyframes rotateimg {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateimg {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@media (max-width: 1080px){
    header .brand-logo .logo-img{
        height: 31px;
        border-radius: 50%;
    }
}

/*代码雨*/
/* canvas {
    position: fixed;
    right: 0px;
    bottom: 0px;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    z-index: -1;
} */



/* 跳动的红心 */
/**
 * Minified by jsDelivr using clean-css v5.3.2.
 * Original file: /gh/HCLonely/images@master/others/heartbeat.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
 #heartbeat {
    color: red;
    animation: iconAnimate 1.33s ease-in-out infinite
}

@-moz-keyframes iconAnimate {

    0%,
    100% {
        transform: scale(1)
    }

    10%,
    30% {
        transform: scale(.9)
    }

    20%,
    40%,
    60%,
    80% {
        transform: scale(1.1)
    }

    50%,
    70% {
        transform: scale(1.1)
    }
}

@-webkit-keyframes iconAnimate {

    0%,
    100% {
        transform: scale(1)
    }

    10%,
    30% {
        transform: scale(.9)
    }

    20%,
    40%,
    60%,
    80% {
        transform: scale(1.1)
    }

    50%,
    70% {
        transform: scale(1.1)
    }
}

@-o-keyframes iconAnimate {

    0%,
    100% {
        transform: scale(1)
    }

    10%,
    30% {
        transform: scale(.9)
    }

    20%,
    40%,
    60%,
    80% {
        transform: scale(1.1)
    }

    50%,
    70% {
        transform: scale(1.1)
    }
}

@keyframes iconAnimate {

    0%,
    100% {
        transform: scale(1)
    }

    10%,
    30% {
        transform: scale(.9)
    }

    20%,
    40%,
    60%,
    80% {
        transform: scale(1.1)
    }

    50%,
    70% {
        transform: scale(1.1)
    }
}

/*# sourceMappingURL=/sm/7c97f3456d34ee6c17ca4a9141bef0f29c52d1ce9d85298b17f398a0de252965.map */

/* 字体颜色变化 */
.ghost:hover{
    /* animation: pageTitleText 1s infinite; */
    animation-duration: 1s;
    animation-name: pageTitleText;
    animation-iteration-count: infinite;
}

@keyframes pageTitleText {
    0% {
        text-shadow: 2px 0 0 tomato
    }

    10% {
        text-shadow: -2px -2px 0 gold
    }

    100%,
    20% {
        text-shadow: 2px 0 0 #0f0
    }

    30%,
    70% {
        text-shadow: 2px 0 0 #40e0d0
    }

    40% {
        text-shadow: 2px 2px 0 tomato
    }

    50% {
        text-shadow: 0 -2px 0 gold
    }

    60% {
        text-shadow: 0 2px 0 #0f0
    }

    80% {
        text-shadow: 2px -4px 0 tomato
    }

    90% {
        text-shadow: 2px 2px 0 gold
    }
}






/* 字体晃动 */
.quiver {
    animation: quiver 5s infinite ease-in-out;
    display: inline-block;
    margin: 0 5px;
}

@-moz-keyframes quiver {

    2%,
    24%,
    80% {
        -webkit-transform: translate(0, 1.5px) rotate(1.5deg);
        -moz-transform: translate(0, 1.5px) rotate(1.5deg);
        -ms-transform: translate(0, 1.5px) rotate(1.5deg);
        -o-transform: translate(0, 1.5px) rotate(1.5deg);
        transform: translate(0, 1.5px) rotate(1.5deg)
    }

    4%,
    68%,
    98% {
        -webkit-transform: translate(0, -1.5px) rotate(-.5deg);
        -moz-transform: translate(0, -1.5px) rotate(-.5deg);
        -ms-transform: translate(0, -1.5px) rotate(-.5deg);
        -o-transform: translate(0, -1.5px) rotate(-.5deg);
        transform: translate(0, -1.5px) rotate(-.5deg)
    }

    38%,
    6% {
        -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);
        -moz-transform: translate(0, 1.5px) rotate(-1.5deg);
        -ms-transform: translate(0, 1.5px) rotate(-1.5deg);
        -o-transform: translate(0, 1.5px) rotate(-1.5deg);
        transform: translate(0, 1.5px) rotate(-1.5deg)
    }

    8%,
    86% {
        -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);
        -moz-transform: translate(0, -1.5px) rotate(-1.5deg);
        -ms-transform: translate(0, -1.5px) rotate(-1.5deg);
        -o-transform: translate(0, -1.5px) rotate(-1.5deg);
        transform: translate(0, -1.5px) rotate(-1.5deg)
    }

    10%,
    72% {
        -webkit-transform: translate(0, 2.5px) rotate(1.5deg);
        -moz-transform: translate(0, 2.5px) rotate(1.5deg);
        -ms-transform: translate(0, 2.5px) rotate(1.5deg);
        -o-transform: translate(0, 2.5px) rotate(1.5deg);
        transform: translate(0, 2.5px) rotate(1.5deg)
    }

    12%,
    64%,
    78%,
    96% {
        -webkit-transform: translate(0, -.5px) rotate(1.5deg);
        -moz-transform: translate(0, -.5px) rotate(1.5deg);
        -ms-transform: translate(0, -.5px) rotate(1.5deg);
        -o-transform: translate(0, -.5px) rotate(1.5deg);
        transform: translate(0, -.5px) rotate(1.5deg)
    }

    14%,
    54% {
        -webkit-transform: translate(0, -1.5px) rotate(1.5deg);
        -moz-transform: translate(0, -1.5px) rotate(1.5deg);
        -ms-transform: translate(0, -1.5px) rotate(1.5deg);
        -o-transform: translate(0, -1.5px) rotate(1.5deg);
        transform: translate(0, -1.5px) rotate(1.5deg)
    }

    16% {
        -webkit-transform: translate(0, -.5px) rotate(-1.5deg);
        -moz-transform: translate(0, -.5px) rotate(-1.5deg);
        -ms-transform: translate(0, -.5px) rotate(-1.5deg);
        -o-transform: translate(0, -.5px) rotate(-1.5deg);
        transform: translate(0, -.5px) rotate(-1.5deg)
    }

    18%,
    22% {
        -webkit-transform: translate(0, .5px) rotate(-1.5deg);
        -moz-transform: translate(0, .5px) rotate(-1.5deg);
        -ms-transform: translate(0, .5px) rotate(-1.5deg);
        -o-transform: translate(0, .5px) rotate(-1.5deg);
        transform: translate(0, .5px) rotate(-1.5deg)
    }

    20%,
    36%,
    46% {
        -webkit-transform: translate(0, -1.5px) rotate(2.5deg);
        -moz-transform: translate(0, -1.5px) rotate(2.5deg);
        -ms-transform: translate(0, -1.5px) rotate(2.5deg);
        -o-transform: translate(0, -1.5px) rotate(2.5deg);
        transform: translate(0, -1.5px) rotate(2.5deg)
    }

    26%,
    50% {
        -webkit-transform: translate(0, .5px) rotate(.5deg);
        -moz-transform: translate(0, .5px) rotate(.5deg);
        -ms-transform: translate(0, .5px) rotate(.5deg);
        -o-transform: translate(0, .5px) rotate(.5deg);
        transform: translate(0, .5px) rotate(.5deg)
    }

    28% {
        -webkit-transform: translate(0, .5px) rotate(1.5deg);
        -moz-transform: translate(0, .5px) rotate(1.5deg);
        -ms-transform: translate(0, .5px) rotate(1.5deg);
        -o-transform: translate(0, .5px) rotate(1.5deg);
        transform: translate(0, .5px) rotate(1.5deg)
    }

    30%,
    40%,
    62%,
    76%,
    88% {
        -webkit-transform: translate(0, -.5px) rotate(2.5deg);
        -moz-transform: translate(0, -.5px) rotate(2.5deg);
        -ms-transform: translate(0, -.5px) rotate(2.5deg);
        -o-transform: translate(0, -.5px) rotate(2.5deg);
        transform: translate(0, -.5px) rotate(2.5deg)
    }

    32%,
    34%,
    66% {
        -webkit-transform: translate(0, 1.5px) rotate(-.5deg);
        -moz-transform: translate(0, 1.5px) rotate(-.5deg);
        -ms-transform: translate(0, 1.5px) rotate(-.5deg);
        -o-transform: translate(0, 1.5px) rotate(-.5deg);
        transform: translate(0, 1.5px) rotate(-.5deg)
    }

    42% {
        -webkit-transform: translate(0, 2.5px) rotate(-1.5deg);
        -moz-transform: translate(0, 2.5px) rotate(-1.5deg);
        -ms-transform: translate(0, 2.5px) rotate(-1.5deg);
        -o-transform: translate(0, 2.5px) rotate(-1.5deg);
        transform: translate(0, 2.5px) rotate(-1.5deg)
    }

    44%,
    70% {
        -webkit-transform: translate(0, 1.5px) rotate(.5deg);
        -moz-transform: translate(0, 1.5px) rotate(.5deg);
        -ms-transform: translate(0, 1.5px) rotate(.5deg);
        -o-transform: translate(0, 1.5px) rotate(.5deg);
        transform: translate(0, 1.5px) rotate(.5deg)
    }

    48%,
    74%,
    82% {
        -webkit-transform: translate(0, -.5px) rotate(.5deg);
        -moz-transform: translate(0, -.5px) rotate(.5deg);
        -ms-transform: translate(0, -.5px) rotate(.5deg);
        -o-transform: translate(0, -.5px) rotate(.5deg);
        transform: translate(0, -.5px) rotate(.5deg)
    }

    52%,
    56%,
    60% {
        -webkit-transform: translate(0, 2.5px) rotate(2.5deg);
        -moz-transform: translate(0, 2.5px) rotate(2.5deg);
        -ms-transform: translate(0, 2.5px) rotate(2.5deg);
        -o-transform: translate(0, 2.5px) rotate(2.5deg);
        transform: translate(0, 2.5px) rotate(2.5deg)
    }

    58% {
        -webkit-transform: translate(0, .5px) rotate(2.5deg);
        -moz-transform: translate(0, .5px) rotate(2.5deg);
        -ms-transform: translate(0, .5px) rotate(2.5deg);
        -o-transform: translate(0, .5px) rotate(2.5deg);
        transform: translate(0, .5px) rotate(2.5deg)
    }

    84% {
        -webkit-transform: translate(0, 1.5px) rotate(2.5deg);
        -moz-transform: translate(0, 1.5px) rotate(2.5deg);
        -ms-transform: translate(0, 1.5px) rotate(2.5deg);
        -o-transform: translate(0, 1.5px) rotate(2.5deg);
        transform: translate(0, 1.5px) rotate(2.5deg)
    }

    90% {
        -webkit-transform: translate(0, 2.5px) rotate(-.5deg);
        -moz-transform: translate(0, 2.5px) rotate(-.5deg);
        -ms-transform: translate(0, 2.5px) rotate(-.5deg);
        -o-transform: translate(0, 2.5px) rotate(-.5deg);
        transform: translate(0, 2.5px) rotate(-.5deg)
    }

    92% {
        -webkit-transform: translate(0, .5px) rotate(-.5deg);
        -moz-transform: translate(0, .5px) rotate(-.5deg);
        -ms-transform: translate(0, .5px) rotate(-.5deg);
        -o-transform: translate(0, .5px) rotate(-.5deg);
        transform: translate(0, .5px) rotate(-.5deg)
    }

    94% {
        -webkit-transform: translate(0, 2.5px) rotate(.5deg);
        -moz-transform: translate(0, 2.5px) rotate(.5deg);
        -ms-transform: translate(0, 2.5px) rotate(.5deg);
        -o-transform: translate(0, 2.5px) rotate(.5deg);
        transform: translate(0, 2.5px) rotate(.5deg)
    }

    0%,
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        -moz-transform: translate(0, 0) rotate(0);
        -ms-transform: translate(0, 0) rotate(0);
        -o-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@-webkit-keyframes quiver {

    2%,
    24%,
    80% {
        -webkit-transform: translate(0, 1.5px) rotate(1.5deg);
        -moz-transform: translate(0, 1.5px) rotate(1.5deg);
        -ms-transform: translate(0, 1.5px) rotate(1.5deg);
        -o-transform: translate(0, 1.5px) rotate(1.5deg);
        transform: translate(0, 1.5px) rotate(1.5deg)
    }

    4%,
    68%,
    98% {
        -webkit-transform: translate(0, -1.5px) rotate(-.5deg);
        -moz-transform: translate(0, -1.5px) rotate(-.5deg);
        -ms-transform: translate(0, -1.5px) rotate(-.5deg);
        -o-transform: translate(0, -1.5px) rotate(-.5deg);
        transform: translate(0, -1.5px) rotate(-.5deg)
    }

    38%,
    6% {
        -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);
        -moz-transform: translate(0, 1.5px) rotate(-1.5deg);
        -ms-transform: translate(0, 1.5px) rotate(-1.5deg);
        -o-transform: translate(0, 1.5px) rotate(-1.5deg);
        transform: translate(0, 1.5px) rotate(-1.5deg)
    }

    8%,
    86% {
        -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);
        -moz-transform: translate(0, -1.5px) rotate(-1.5deg);
        -ms-transform: translate(0, -1.5px) rotate(-1.5deg);
        -o-transform: translate(0, -1.5px) rotate(-1.5deg);
        transform: translate(0, -1.5px) rotate(-1.5deg)
    }

    10%,
    72% {
        -webkit-transform: translate(0, 2.5px) rotate(1.5deg);
        -moz-transform: translate(0, 2.5px) rotate(1.5deg);
        -ms-transform: translate(0, 2.5px) rotate(1.5deg);
        -o-transform: translate(0, 2.5px) rotate(1.5deg);
        transform: translate(0, 2.5px) rotate(1.5deg)
    }

    12%,
    64%,
    78%,
    96% {
        -webkit-transform: translate(0, -.5px) rotate(1.5deg);
        -moz-transform: translate(0, -.5px) rotate(1.5deg);
        -ms-transform: translate(0, -.5px) rotate(1.5deg);
        -o-transform: translate(0, -.5px) rotate(1.5deg);
        transform: translate(0, -.5px) rotate(1.5deg)
    }

    14%,
    54% {
        -webkit-transform: translate(0, -1.5px) rotate(1.5deg);
        -moz-transform: translate(0, -1.5px) rotate(1.5deg);
        -ms-transform: translate(0, -1.5px) rotate(1.5deg);
        -o-transform: translate(0, -1.5px) rotate(1.5deg);
        transform: translate(0, -1.5px) rotate(1.5deg)
    }

    16% {
        -webkit-transform: translate(0, -.5px) rotate(-1.5deg);
        -moz-transform: translate(0, -.5px) rotate(-1.5deg);
        -ms-transform: translate(0, -.5px) rotate(-1.5deg);
        -o-transform: translate(0, -.5px) rotate(-1.5deg);
        transform: translate(0, -.5px) rotate(-1.5deg)
    }

    18%,
    22% {
        -webkit-transform: translate(0, .5px) rotate(-1.5deg);
        -moz-transform: translate(0, .5px) rotate(-1.5deg);
        -ms-transform: translate(0, .5px) rotate(-1.5deg);
        -o-transform: translate(0, .5px) rotate(-1.5deg);
        transform: translate(0, .5px) rotate(-1.5deg)
    }

    20%,
    36%,
    46% {
        -webkit-transform: translate(0, -1.5px) rotate(2.5deg);
        -moz-transform: translate(0, -1.5px) rotate(2.5deg);
        -ms-transform: translate(0, -1.5px) rotate(2.5deg);
        -o-transform: translate(0, -1.5px) rotate(2.5deg);
        transform: translate(0, -1.5px) rotate(2.5deg)
    }

    26%,
    50% {
        -webkit-transform: translate(0, .5px) rotate(.5deg);
        -moz-transform: translate(0, .5px) rotate(.5deg);
        -ms-transform: translate(0, .5px) rotate(.5deg);
        -o-transform: translate(0, .5px) rotate(.5deg);
        transform: translate(0, .5px) rotate(.5deg)
    }

    28% {
        -webkit-transform: translate(0, .5px) rotate(1.5deg);
        -moz-transform: translate(0, .5px) rotate(1.5deg);
        -ms-transform: translate(0, .5px) rotate(1.5deg);
        -o-transform: translate(0, .5px) rotate(1.5deg);
        transform: translate(0, .5px) rotate(1.5deg)
    }

    30%,
    40%,
    62%,
    76%,
    88% {
        -webkit-transform: translate(0, -.5px) rotate(2.5deg);
        -moz-transform: translate(0, -.5px) rotate(2.5deg);
        -ms-transform: translate(0, -.5px) rotate(2.5deg);
        -o-transform: translate(0, -.5px) rotate(2.5deg);
        transform: translate(0, -.5px) rotate(2.5deg)
    }

    32%,
    34%,
    66% {
        -webkit-transform: translate(0, 1.5px) rotate(-.5deg);
        -moz-transform: translate(0, 1.5px) rotate(-.5deg);
        -ms-transform: translate(0, 1.5px) rotate(-.5deg);
        -o-transform: translate(0, 1.5px) rotate(-.5deg);
        transform: translate(0, 1.5px) rotate(-.5deg)
    }

    42% {
        -webkit-transform: translate(0, 2.5px) rotate(-1.5deg);
        -moz-transform: translate(0, 2.5px) rotate(-1.5deg);
        -ms-transform: translate(0, 2.5px) rotate(-1.5deg);
        -o-transform: translate(0, 2.5px) rotate(-1.5deg);
        transform: translate(0, 2.5px) rotate(-1.5deg)
    }

    44%,
    70% {
        -webkit-transform: translate(0, 1.5px) rotate(.5deg);
        -moz-transform: translate(0, 1.5px) rotate(.5deg);
        -ms-transform: translate(0, 1.5px) rotate(.5deg);
        -o-transform: translate(0, 1.5px) rotate(.5deg);
        transform: translate(0, 1.5px) rotate(.5deg)
    }

    48%,
    74%,
    82% {
        -webkit-transform: translate(0, -.5px) rotate(.5deg);
        -moz-transform: translate(0, -.5px) rotate(.5deg);
        -ms-transform: translate(0, -.5px) rotate(.5deg);
        -o-transform: translate(0, -.5px) rotate(.5deg);
        transform: translate(0, -.5px) rotate(.5deg)
    }

    52%,
    56%,
    60% {
        -webkit-transform: translate(0, 2.5px) rotate(2.5deg);
        -moz-transform: translate(0, 2.5px) rotate(2.5deg);
        -ms-transform: translate(0, 2.5px) rotate(2.5deg);
        -o-transform: translate(0, 2.5px) rotate(2.5deg);
        transform: translate(0, 2.5px) rotate(2.5deg)
    }

    58% {
        -webkit-transform: translate(0, .5px) rotate(2.5deg);
        -moz-transform: translate(0, .5px) rotate(2.5deg);
        -ms-transform: translate(0, .5px) rotate(2.5deg);
        -o-transform: translate(0, .5px) rotate(2.5deg);
        transform: translate(0, .5px) rotate(2.5deg)
    }

    84% {
        -webkit-transform: translate(0, 1.5px) rotate(2.5deg);
        -moz-transform: translate(0, 1.5px) rotate(2.5deg);
        -ms-transform: translate(0, 1.5px) rotate(2.5deg);
        -o-transform: translate(0, 1.5px) rotate(2.5deg);
        transform: translate(0, 1.5px) rotate(2.5deg)
    }

    90% {
        -webkit-transform: translate(0, 2.5px) rotate(-.5deg);
        -moz-transform: translate(0, 2.5px) rotate(-.5deg);
        -ms-transform: translate(0, 2.5px) rotate(-.5deg);
        -o-transform: translate(0, 2.5px) rotate(-.5deg);
        transform: translate(0, 2.5px) rotate(-.5deg)
    }

    92% {
        -webkit-transform: translate(0, .5px) rotate(-.5deg);
        -moz-transform: translate(0, .5px) rotate(-.5deg);
        -ms-transform: translate(0, .5px) rotate(-.5deg);
        -o-transform: translate(0, .5px) rotate(-.5deg);
        transform: translate(0, .5px) rotate(-.5deg)
    }

    94% {
        -webkit-transform: translate(0, 2.5px) rotate(.5deg);
        -moz-transform: translate(0, 2.5px) rotate(.5deg);
        -ms-transform: translate(0, 2.5px) rotate(.5deg);
        -o-transform: translate(0, 2.5px) rotate(.5deg);
        transform: translate(0, 2.5px) rotate(.5deg)
    }

    0%,
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        -moz-transform: translate(0, 0) rotate(0);
        -ms-transform: translate(0, 0) rotate(0);
        -o-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@-o-keyframes quiver {

    2%,
    24%,
    80% {
        -webkit-transform: translate(0, 1.5px) rotate(1.5deg);
        -moz-transform: translate(0, 1.5px) rotate(1.5deg);
        -ms-transform: translate(0, 1.5px) rotate(1.5deg);
        -o-transform: translate(0, 1.5px) rotate(1.5deg);
        transform: translate(0, 1.5px) rotate(1.5deg)
    }

    4%,
    68%,
    98% {
        -webkit-transform: translate(0, -1.5px) rotate(-.5deg);
        -moz-transform: translate(0, -1.5px) rotate(-.5deg);
        -ms-transform: translate(0, -1.5px) rotate(-.5deg);
        -o-transform: translate(0, -1.5px) rotate(-.5deg);
        transform: translate(0, -1.5px) rotate(-.5deg)
    }

    38%,
    6% {
        -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);
        -moz-transform: translate(0, 1.5px) rotate(-1.5deg);
        -ms-transform: translate(0, 1.5px) rotate(-1.5deg);
        -o-transform: translate(0, 1.5px) rotate(-1.5deg);
        transform: translate(0, 1.5px) rotate(-1.5deg)
    }

    8%,
    86% {
        -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);
        -moz-transform: translate(0, -1.5px) rotate(-1.5deg);
        -ms-transform: translate(0, -1.5px) rotate(-1.5deg);
        -o-transform: translate(0, -1.5px) rotate(-1.5deg);
        transform: translate(0, -1.5px) rotate(-1.5deg)
    }

    10%,
    72% {
        -webkit-transform: translate(0, 2.5px) rotate(1.5deg);
        -moz-transform: translate(0, 2.5px) rotate(1.5deg);
        -ms-transform: translate(0, 2.5px) rotate(1.5deg);
        -o-transform: translate(0, 2.5px) rotate(1.5deg);
        transform: translate(0, 2.5px) rotate(1.5deg)
    }

    12%,
    64%,
    78%,
    96% {
        -webkit-transform: translate(0, -.5px) rotate(1.5deg);
        -moz-transform: translate(0, -.5px) rotate(1.5deg);
        -ms-transform: translate(0, -.5px) rotate(1.5deg);
        -o-transform: translate(0, -.5px) rotate(1.5deg);
        transform: translate(0, -.5px) rotate(1.5deg)
    }

    14%,
    54% {
        -webkit-transform: translate(0, -1.5px) rotate(1.5deg);
        -moz-transform: translate(0, -1.5px) rotate(1.5deg);
        -ms-transform: translate(0, -1.5px) rotate(1.5deg);
        -o-transform: translate(0, -1.5px) rotate(1.5deg);
        transform: translate(0, -1.5px) rotate(1.5deg)
    }

    16% {
        -webkit-transform: translate(0, -.5px) rotate(-1.5deg);
        -moz-transform: translate(0, -.5px) rotate(-1.5deg);
        -ms-transform: translate(0, -.5px) rotate(-1.5deg);
        -o-transform: translate(0, -.5px) rotate(-1.5deg);
        transform: translate(0, -.5px) rotate(-1.5deg)
    }

    18%,
    22% {
        -webkit-transform: translate(0, .5px) rotate(-1.5deg);
        -moz-transform: translate(0, .5px) rotate(-1.5deg);
        -ms-transform: translate(0, .5px) rotate(-1.5deg);
        -o-transform: translate(0, .5px) rotate(-1.5deg);
        transform: translate(0, .5px) rotate(-1.5deg)
    }

    20%,
    36%,
    46% {
        -webkit-transform: translate(0, -1.5px) rotate(2.5deg);
        -moz-transform: translate(0, -1.5px) rotate(2.5deg);
        -ms-transform: translate(0, -1.5px) rotate(2.5deg);
        -o-transform: translate(0, -1.5px) rotate(2.5deg);
        transform: translate(0, -1.5px) rotate(2.5deg)
    }

    26%,
    50% {
        -webkit-transform: translate(0, .5px) rotate(.5deg);
        -moz-transform: translate(0, .5px) rotate(.5deg);
        -ms-transform: translate(0, .5px) rotate(.5deg);
        -o-transform: translate(0, .5px) rotate(.5deg);
        transform: translate(0, .5px) rotate(.5deg)
    }

    28% {
        -webkit-transform: translate(0, .5px) rotate(1.5deg);
        -moz-transform: translate(0, .5px) rotate(1.5deg);
        -ms-transform: translate(0, .5px) rotate(1.5deg);
        -o-transform: translate(0, .5px) rotate(1.5deg);
        transform: translate(0, .5px) rotate(1.5deg)
    }

    30%,
    40%,
    62%,
    76%,
    88% {
        -webkit-transform: translate(0, -.5px) rotate(2.5deg);
        -moz-transform: translate(0, -.5px) rotate(2.5deg);
        -ms-transform: translate(0, -.5px) rotate(2.5deg);
        -o-transform: translate(0, -.5px) rotate(2.5deg);
        transform: translate(0, -.5px) rotate(2.5deg)
    }

    32%,
    34%,
    66% {
        -webkit-transform: translate(0, 1.5px) rotate(-.5deg);
        -moz-transform: translate(0, 1.5px) rotate(-.5deg);
        -ms-transform: translate(0, 1.5px) rotate(-.5deg);
        -o-transform: translate(0, 1.5px) rotate(-.5deg);
        transform: translate(0, 1.5px) rotate(-.5deg)
    }

    42% {
        -webkit-transform: translate(0, 2.5px) rotate(-1.5deg);
        -moz-transform: translate(0, 2.5px) rotate(-1.5deg);
        -ms-transform: translate(0, 2.5px) rotate(-1.5deg);
        -o-transform: translate(0, 2.5px) rotate(-1.5deg);
        transform: translate(0, 2.5px) rotate(-1.5deg)
    }

    44%,
    70% {
        -webkit-transform: translate(0, 1.5px) rotate(.5deg);
        -moz-transform: translate(0, 1.5px) rotate(.5deg);
        -ms-transform: translate(0, 1.5px) rotate(.5deg);
        -o-transform: translate(0, 1.5px) rotate(.5deg);
        transform: translate(0, 1.5px) rotate(.5deg)
    }

    48%,
    74%,
    82% {
        -webkit-transform: translate(0, -.5px) rotate(.5deg);
        -moz-transform: translate(0, -.5px) rotate(.5deg);
        -ms-transform: translate(0, -.5px) rotate(.5deg);
        -o-transform: translate(0, -.5px) rotate(.5deg);
        transform: translate(0, -.5px) rotate(.5deg)
    }

    52%,
    56%,
    60% {
        -webkit-transform: translate(0, 2.5px) rotate(2.5deg);
        -moz-transform: translate(0, 2.5px) rotate(2.5deg);
        -ms-transform: translate(0, 2.5px) rotate(2.5deg);
        -o-transform: translate(0, 2.5px) rotate(2.5deg);
        transform: translate(0, 2.5px) rotate(2.5deg)
    }

    58% {
        -webkit-transform: translate(0, .5px) rotate(2.5deg);
        -moz-transform: translate(0, .5px) rotate(2.5deg);
        -ms-transform: translate(0, .5px) rotate(2.5deg);
        -o-transform: translate(0, .5px) rotate(2.5deg);
        transform: translate(0, .5px) rotate(2.5deg)
    }

    84% {
        -webkit-transform: translate(0, 1.5px) rotate(2.5deg);
        -moz-transform: translate(0, 1.5px) rotate(2.5deg);
        -ms-transform: translate(0, 1.5px) rotate(2.5deg);
        -o-transform: translate(0, 1.5px) rotate(2.5deg);
        transform: translate(0, 1.5px) rotate(2.5deg)
    }

    90% {
        -webkit-transform: translate(0, 2.5px) rotate(-.5deg);
        -moz-transform: translate(0, 2.5px) rotate(-.5deg);
        -ms-transform: translate(0, 2.5px) rotate(-.5deg);
        -o-transform: translate(0, 2.5px) rotate(-.5deg);
        transform: translate(0, 2.5px) rotate(-.5deg)
    }

    92% {
        -webkit-transform: translate(0, .5px) rotate(-.5deg);
        -moz-transform: translate(0, .5px) rotate(-.5deg);
        -ms-transform: translate(0, .5px) rotate(-.5deg);
        -o-transform: translate(0, .5px) rotate(-.5deg);
        transform: translate(0, .5px) rotate(-.5deg)
    }

    94% {
        -webkit-transform: translate(0, 2.5px) rotate(.5deg);
        -moz-transform: translate(0, 2.5px) rotate(.5deg);
        -ms-transform: translate(0, 2.5px) rotate(.5deg);
        -o-transform: translate(0, 2.5px) rotate(.5deg);
        transform: translate(0, 2.5px) rotate(.5deg)
    }

    0%,
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        -moz-transform: translate(0, 0) rotate(0);
        -ms-transform: translate(0, 0) rotate(0);
        -o-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@keyframes quiver {

    2%,
    24%,
    80% {
        -webkit-transform: translate(0, 1.5px) rotate(1.5deg);
        -moz-transform: translate(0, 1.5px) rotate(1.5deg);
        -ms-transform: translate(0, 1.5px) rotate(1.5deg);
        -o-transform: translate(0, 1.5px) rotate(1.5deg);
        transform: translate(0, 1.5px) rotate(1.5deg)
    }

    4%,
    68%,
    98% {
        -webkit-transform: translate(0, -1.5px) rotate(-.5deg);
        -moz-transform: translate(0, -1.5px) rotate(-.5deg);
        -ms-transform: translate(0, -1.5px) rotate(-.5deg);
        -o-transform: translate(0, -1.5px) rotate(-.5deg);
        transform: translate(0, -1.5px) rotate(-.5deg)
    }

    38%,
    6% {
        -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);
        -moz-transform: translate(0, 1.5px) rotate(-1.5deg);
        -ms-transform: translate(0, 1.5px) rotate(-1.5deg);
        -o-transform: translate(0, 1.5px) rotate(-1.5deg);
        transform: translate(0, 1.5px) rotate(-1.5deg)
    }

    8%,
    86% {
        -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);
        -moz-transform: translate(0, -1.5px) rotate(-1.5deg);
        -ms-transform: translate(0, -1.5px) rotate(-1.5deg);
        -o-transform: translate(0, -1.5px) rotate(-1.5deg);
        transform: translate(0, -1.5px) rotate(-1.5deg)
    }

    10%,
    72% {
        -webkit-transform: translate(0, 2.5px) rotate(1.5deg);
        -moz-transform: translate(0, 2.5px) rotate(1.5deg);
        -ms-transform: translate(0, 2.5px) rotate(1.5deg);
        -o-transform: translate(0, 2.5px) rotate(1.5deg);
        transform: translate(0, 2.5px) rotate(1.5deg)
    }

    12%,
    64%,
    78%,
    96% {
        -webkit-transform: translate(0, -.5px) rotate(1.5deg);
        -moz-transform: translate(0, -.5px) rotate(1.5deg);
        -ms-transform: translate(0, -.5px) rotate(1.5deg);
        -o-transform: translate(0, -.5px) rotate(1.5deg);
        transform: translate(0, -.5px) rotate(1.5deg)
    }

    14%,
    54% {
        -webkit-transform: translate(0, -1.5px) rotate(1.5deg);
        -moz-transform: translate(0, -1.5px) rotate(1.5deg);
        -ms-transform: translate(0, -1.5px) rotate(1.5deg);
        -o-transform: translate(0, -1.5px) rotate(1.5deg);
        transform: translate(0, -1.5px) rotate(1.5deg)
    }

    16% {
        -webkit-transform: translate(0, -.5px) rotate(-1.5deg);
        -moz-transform: translate(0, -.5px) rotate(-1.5deg);
        -ms-transform: translate(0, -.5px) rotate(-1.5deg);
        -o-transform: translate(0, -.5px) rotate(-1.5deg);
        transform: translate(0, -.5px) rotate(-1.5deg)
    }

    18%,
    22% {
        -webkit-transform: translate(0, .5px) rotate(-1.5deg);
        -moz-transform: translate(0, .5px) rotate(-1.5deg);
        -ms-transform: translate(0, .5px) rotate(-1.5deg);
        -o-transform: translate(0, .5px) rotate(-1.5deg);
        transform: translate(0, .5px) rotate(-1.5deg)
    }

    20%,
    36%,
    46% {
        -webkit-transform: translate(0, -1.5px) rotate(2.5deg);
        -moz-transform: translate(0, -1.5px) rotate(2.5deg);
        -ms-transform: translate(0, -1.5px) rotate(2.5deg);
        -o-transform: translate(0, -1.5px) rotate(2.5deg);
        transform: translate(0, -1.5px) rotate(2.5deg)
    }

    26%,
    50% {
        -webkit-transform: translate(0, .5px) rotate(.5deg);
        -moz-transform: translate(0, .5px) rotate(.5deg);
        -ms-transform: translate(0, .5px) rotate(.5deg);
        -o-transform: translate(0, .5px) rotate(.5deg);
        transform: translate(0, .5px) rotate(.5deg)
    }

    28% {
        -webkit-transform: translate(0, .5px) rotate(1.5deg);
        -moz-transform: translate(0, .5px) rotate(1.5deg);
        -ms-transform: translate(0, .5px) rotate(1.5deg);
        -o-transform: translate(0, .5px) rotate(1.5deg);
        transform: translate(0, .5px) rotate(1.5deg)
    }

    30%,
    40%,
    62%,
    76%,
    88% {
        -webkit-transform: translate(0, -.5px) rotate(2.5deg);
        -moz-transform: translate(0, -.5px) rotate(2.5deg);
        -ms-transform: translate(0, -.5px) rotate(2.5deg);
        -o-transform: translate(0, -.5px) rotate(2.5deg);
        transform: translate(0, -.5px) rotate(2.5deg)
    }

    32%,
    34%,
    66% {
        -webkit-transform: translate(0, 1.5px) rotate(-.5deg);
        -moz-transform: translate(0, 1.5px) rotate(-.5deg);
        -ms-transform: translate(0, 1.5px) rotate(-.5deg);
        -o-transform: translate(0, 1.5px) rotate(-.5deg);
        transform: translate(0, 1.5px) rotate(-.5deg);
    }

    42% {
        -webkit-transform: translate(0, 2.5px) rotate(-1.5deg);
        -moz-transform: translate(0, 2.5px) rotate(-1.5deg);
        -ms-transform: translate(0, 2.5px) rotate(-1.5deg);
        -o-transform: translate(0, 2.5px) rotate(-1.5deg);
        transform: translate(0, 2.5px) rotate(-1.5deg)
    }

    44%,
    70% {
        -webkit-transform: translate(0, 1.5px) rotate(.5deg);
        -moz-transform: translate(0, 1.5px) rotate(.5deg);
        -ms-transform: translate(0, 1.5px) rotate(.5deg);
        -o-transform: translate(0, 1.5px) rotate(.5deg);
        transform: translate(0, 1.5px) rotate(.5deg)
    }

    48%,
    74%,
    82% {
        -webkit-transform: translate(0, -.5px) rotate(.5deg);
        -moz-transform: translate(0, -.5px) rotate(.5deg);
        -ms-transform: translate(0, -.5px) rotate(.5deg);
        -o-transform: translate(0, -.5px) rotate(.5deg);
        transform: translate(0, -.5px) rotate(.5deg);
    }

    52%,
    56%,
    60% {
        -webkit-transform: translate(0, 2.5px) rotate(2.5deg);
        -moz-transform: translate(0, 2.5px) rotate(2.5deg);
        -ms-transform: translate(0, 2.5px) rotate(2.5deg);
        -o-transform: translate(0, 2.5px) rotate(2.5deg);
        transform: translate(0, 2.5px) rotate(2.5deg)
    }

    58% {
        -webkit-transform: translate(0, .5px) rotate(2.5deg);
        -moz-transform: translate(0, .5px) rotate(2.5deg);
        -ms-transform: translate(0, .5px) rotate(2.5deg);
        -o-transform: translate(0, .5px) rotate(2.5deg);
        transform: translate(0, .5px) rotate(2.5deg)
    }

    84% {
        -webkit-transform: translate(0, 1.5px) rotate(2.5deg);
        -moz-transform: translate(0, 1.5px) rotate(2.5deg);
        -ms-transform: translate(0, 1.5px) rotate(2.5deg);
        -o-transform: translate(0, 1.5px) rotate(2.5deg);
        transform: translate(0, 1.5px) rotate(2.5deg)
    }

    90% {
        -webkit-transform: translate(0, 2.5px) rotate(-.5deg);
        -moz-transform: translate(0, 2.5px) rotate(-.5deg);
        -ms-transform: translate(0, 2.5px) rotate(-.5deg);
        -o-transform: translate(0, 2.5px) rotate(-.5deg);
        transform: translate(0, 2.5px) rotate(-.5deg)
    }

    92% {
        -webkit-transform: translate(0, .5px) rotate(-.5deg);
        -moz-transform: translate(0, .5px) rotate(-.5deg);
        -ms-transform: translate(0, .5px) rotate(-.5deg);
        -o-transform: translate(0, .5px) rotate(-.5deg);
        transform: translate(0, .5px) rotate(-.5deg)
    }

    94% {
        -webkit-transform: translate(0, 2.5px) rotate(.5deg);
        -moz-transform: translate(0, 2.5px) rotate(.5deg);
        -ms-transform: translate(0, 2.5px) rotate(.5deg);
        -o-transform: translate(0, 2.5px) rotate(.5deg);
        transform: translate(0, 2.5px) rotate(.5deg)
    }

    0%,
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        -moz-transform: translate(0, 0) rotate(0);
        -ms-transform: translate(0, 0) rotate(0);
        -o-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
    }
}