@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+QingKe+HuangYou&display=swap');

.head-h1 {
    font-family: 'ZCOOL QingKe HuangYou';
    text-align: center;
    width: 100%;
    margin: 0;
    font-size: 60px;
    overflow: hidden;
    color: transparent;
    text-shadow: 0px 0px 3px #eee, 5px 5px 2px #008080, -5px -2px 2px maroon;
    font-weight: 400;
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    -moz-animation: shift 4s ease-in-out infinite alternate;
    -webkit-animation: shift 4s ease-in-out infinite alternate;
    animation: shift 4s ease-in-out infinite alternate;
}

@-moz-keyframes shift {
    0%,40%, 44%, 58%, 61%, 65%,69%,73%,100% {
        -moz-transform: skewX(0deg);
        transform: skewX(0deg);
    }
    41% {
        -moz-transform: skewX(10deg);
        transform: skewX(10deg);
    }
    42% {
        -moz-transform: skewX(-10deg);
        transform: skewX(-10deg);
    }
    59% {
        -moz-transform: skewX(40deg) skewY(10deg);
        transform: skewX(40deg) skewY(10deg);
    }
    60% {
        -moz-transform: skewX(-40deg) skewY(-10deg);
        transform: skewX(-40deg) skewY(-10deg);
    }
    63% {
        -moz-transform: skewX(10deg) skewY(-5deg);
        transform: skewX(10deg) skewY(-5deg);
    }
    70% {
        -moz-transform: skewX(-50deg) skewY(-20deg);
        transform: skewX(-50deg) skewY(-20deg);
    }
    71% {
        -moz-transform: skewX(10deg) skewY(-10deg);
        transform: skewX(10deg) skewY(-10deg);
    }
}
@-webkit-keyframes shift {
    0%,40%, 44%, 58%, 61%, 65%,69%,73%,100% {
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
    }
    41% {
        -webkit-transform: skewX(10deg);
        transform: skewX(10deg);
    }
    42% {
        -webkit-transform: skewX(-10deg);
        transform: skewX(-10deg);
    }
    59% {
        -webkit-transform: skewX(40deg) skewY(10deg);
        transform: skewX(40deg) skewY(10deg);
    }
    60% {
        -webkit-transform: skewX(-40deg) skewY(-10deg);
        transform: skewX(-40deg) skewY(-10deg);
    }
    63% {
        -webkit-transform: skewX(10deg) skewY(-5deg);
        transform: skewX(10deg) skewY(-5deg);
    }
    70% {
        -webkit-transform: skewX(-50deg) skewY(-20deg);
        transform: skewX(-50deg) skewY(-20deg);
    }
    71% {
        -webkit-transform: skewX(10deg) skewY(-10deg);
        transform: skewX(10deg) skewY(-10deg);
    }
}
@keyframes shift {
    0%,40%, 44%, 58%, 61%, 65%,69%,73%,100% {
        -moz-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
    }
    41% {
        -moz-transform: skewX(10deg);
        -ms-transform: skewX(10deg);
        -webkit-transform: skewX(10deg);
        transform: skewX(10deg);
    }
    42% {
        -moz-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
        -webkit-transform: skewX(-10deg);
        transform: skewX(-10deg);
    }
    59% {
        -moz-transform: skewX(40deg) skewY(10deg);
        -ms-transform: skewX(40deg) skewY(10deg);
        -webkit-transform: skewX(40deg) skewY(10deg);
        transform: skewX(40deg) skewY(10deg);
    }
    60% {
        -moz-transform: skewX(-40deg) skewY(-10deg);
        -ms-transform: skewX(-40deg) skewY(-10deg);
        -webkit-transform: skewX(-40deg) skewY(-10deg);
        transform: skewX(-40deg) skewY(-10deg);
    }
    63% {
        -moz-transform: skewX(10deg) skewY(-5deg);
        -ms-transform: skewX(10deg) skewY(-5deg);
        -webkit-transform: skewX(10deg) skewY(-5deg);
        transform: skewX(10deg) skewY(-5deg);
    }
    70% {
        -moz-transform: skewX(-50deg) skewY(-20deg);
        -ms-transform: skewX(-50deg) skewY(-20deg);
        -webkit-transform: skewX(-50deg) skewY(-20deg);
        transform: skewX(-50deg) skewY(-20deg);
    }
    71% {
        -moz-transform: skewX(10deg) skewY(-10deg);
        -ms-transform: skewX(10deg) skewY(-10deg);
        -webkit-transform: skewX(10deg) skewY(-10deg);
        transform: skewX(10deg) skewY(-10deg);
    }
}