@import url("https://fonts.googleapis.com/css?family=Lato:400,700");

*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html,
body {
    height: 100%;
}

body {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    background: #111;
    color: #fff;
}

a.switcher {
    display: block;
    position: fixed;
    text-decoration: none;
    z-index: 999999999999;
    right: 20px;
    bottom: 20px;
    width: 16px;
    height: 16px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 0.15;
    transition: opacity 0.15s;
}

a.switcher:hover {
    opacity: 1;
}

a.switcher:before {
    display: block;
    content: '';
    position: absolute;
    border-radius: 4px;
    width: 2px;
    height: 5px;
    background: #fff;
    top: 0;
    left: 5px;
}

.screen {
    position: relative;
    z-index: 1;
    widht: 100%;
    height: 100%;
    overflow: hidden;
}

.figure {
    display: block;
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-top: 200px solid #fff;
    border-right: 100px solid transparent;
    border-left: 100px solid transparent;
    border-bottom: 0 solid transparent;
}

.figure:before {
    display: block;
    content: '';
    position: absolute;
    z-index: 99;
    width: 0;
    height: 0;
    top: -194px;
    left: -90px;
    margin: auto;
    border-top: 180px solid #111;
    border-right: 90px solid transparent;
    border-left: 90px solid transparent;
    border-bottom: 0 solid transparent;
}

.figure-mask {
    display: block;
    position: absolute;
    z-index: 99;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-top: 200px solid transparent;
    border-right: 100px solid #111;
    border-left: 100px solid #111;
    border-bottom: 0 solid transparent;
}

.clock {
    display: block;
    position: absolute;
    z-index: 9;
    width: 720px;
    height: 128px;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    cursor: default;
}

.clock span {
    display: block;
    position: relative;
    font-size: 128px;
    line-height: 1;
}

.clock.is-off {
    -webkit-animation: is-off 2s linear infinite !important;
    animation: is-off 2s linear infinite !important;
}

.glitch:before {
    position: absolute;
    z-index: 999999;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: bg-move 2s linear infinite;
    animation: bg-move 2s linear infinite;
    background-size: 100% 8px;
    background-image: linear-gradient(0, rgba(255, 255, 255, 0.05) 10%, transparent 10%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 60%, transparent 60%, transparent);
}

.glitch .figure,
.glitch .figure-mask {
    transform: skewX(0deg) scaleY(1);
    -webkit-animation: tr-bag 4s linear infinite;
    animation: tr-bag 4s linear infinite;
}

.glitch .clock {
    transform: skewX(0deg) scaleY(1);
    -webkit-animation: clock-bag 4s linear infinite;
    animation: clock-bag 4s linear infinite;
}

.glitch .clock span:before,
.glitch .clock span:after {
    display: block;
    content: attr(data-time);
    position: absolute;
    top: 0;
    color: #fff;
    background: #111;
    overflow: hidden;
    width: 720px;
    height: 128px;
    clip: rect(0, 900px, 0, 0);
}

.glitch .clock span:before {
    left: -2px;
    text-shadow: 2px 0 #00f;
    animation: c2 1s infinite linear alternate-reverse;
}

.glitch .clock span:after {
    left: 3px;
    text-shadow: -2px 0 #f00;
    animation: c1 2s infinite linear alternate-reverse;
}

@-webkit-keyframes is-off {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    56% {
        opacity: 0;
    }
    57% {
        opacity: 0;
    }
    58% {
        opacity: 1;
    }
    71% {
        transform: scaleY(1) skewX(0deg);
    }
    72% {
        transform: scaleY(3) skewX(-60deg);
    }
    73% {
        transform: scaleY(1) skewX(0deg);
    }
    80% {
        opacity: 1;
    }
    81% {
        opacity: 0;
    }
    84% {
        opacity: 0;
    }
    85% {
        opacity: 1;
    }
    91% {
        transform: scaleX(1) scaleY(1) skewX(0deg);
        color: #fff;
    }
    92% {
        transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
        color: #008000;
    }
    93% {
        transform: scaleX(1) scaleY(1) skewX(0deg);
        color: #fff;
    }
}

@keyframes is-off {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    56% {
        opacity: 0;
    }
    57% {
        opacity: 0;
    }
    58% {
        opacity: 1;
    }
    71% {
        transform: scaleY(1) skewX(0deg);
    }
    72% {
        transform: scaleY(3) skewX(-60deg);
    }
    73% {
        transform: scaleY(1) skewX(0deg);
    }
    80% {
        opacity: 1;
    }
    81% {
        opacity: 0;
    }
    84% {
        opacity: 0;
    }
    85% {
        opacity: 1;
    }
    91% {
        transform: scaleX(1) scaleY(1) skewX(0deg);
        color: #fff;
    }
    92% {
        transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
        color: #008000;
    }
    93% {
        transform: scaleX(1) scaleY(1) skewX(0deg);
        color: #fff;
    }
}

@-webkit-keyframes c1 {
    0% {
        clip: rect(93px, 9999px, 14px, 0);
    }
    5% {
        clip: rect(91px, 9999px, 75px, 0);
    }
    10% {
        clip: rect(15px, 9999px, 6px, 0);
    }
    15.000000000000002% {
        clip: rect(84px, 9999px, 96px, 0);
    }
    20% {
        clip: rect(93px, 9999px, 7px, 0);
    }
    25% {
        clip: rect(58px, 9999px, 96px, 0);
    }
    30.000000000000004% {
        clip: rect(34px, 9999px, 30px, 0);
    }
    35.00000000000001% {
        clip: rect(14px, 9999px, 65px, 0);
    }
    40% {
        clip: rect(1px, 9999px, 88px, 0);
    }
    45% {
        clip: rect(62px, 9999px, 2px, 0);
    }
    50% {
        clip: rect(59px, 9999px, 94px, 0);
    }
    55% {
        clip: rect(10px, 9999px, 29px, 0);
    }
    60.00000000000001% {
        clip: rect(47px, 9999px, 71px, 0);
    }
    65% {
        clip: rect(99px, 9999px, 78px, 0);
    }
    70.00000000000001% {
        clip: rect(48px, 9999px, 95px, 0);
    }
    75% {
        clip: rect(48px, 9999px, 33px, 0);
    }
    80% {
        clip: rect(26px, 9999px, 17px, 0);
    }
    85% {
        clip: rect(11px, 9999px, 92px, 0);
    }
    90% {
        clip: rect(96px, 9999px, 52px, 0);
    }
    95% {
        clip: rect(94px, 9999px, 50px, 0);
    }
    100% {
        clip: rect(46px, 9999px, 18px, 0);
    }
}

@keyframes c1 {
    0% {
        clip: rect(93px, 9999px, 14px, 0);
    }
    5% {
        clip: rect(91px, 9999px, 75px, 0);
    }
    10% {
        clip: rect(15px, 9999px, 6px, 0);
    }
    15.000000000000002% {
        clip: rect(84px, 9999px, 96px, 0);
    }
    20% {
        clip: rect(93px, 9999px, 7px, 0);
    }
    25% {
        clip: rect(58px, 9999px, 96px, 0);
    }
    30.000000000000004% {
        clip: rect(34px, 9999px, 30px, 0);
    }
    35.00000000000001% {
        clip: rect(14px, 9999px, 65px, 0);
    }
    40% {
        clip: rect(1px, 9999px, 88px, 0);
    }
    45% {
        clip: rect(62px, 9999px, 2px, 0);
    }
    50% {
        clip: rect(59px, 9999px, 94px, 0);
    }
    55% {
        clip: rect(10px, 9999px, 29px, 0);
    }
    60.00000000000001% {
        clip: rect(47px, 9999px, 71px, 0);
    }
    65% {
        clip: rect(99px, 9999px, 78px, 0);
    }
    70.00000000000001% {
        clip: rect(48px, 9999px, 95px, 0);
    }
    75% {
        clip: rect(48px, 9999px, 33px, 0);
    }
    80% {
        clip: rect(26px, 9999px, 17px, 0);
    }
    85% {
        clip: rect(11px, 9999px, 92px, 0);
    }
    90% {
        clip: rect(96px, 9999px, 52px, 0);
    }
    95% {
        clip: rect(94px, 9999px, 50px, 0);
    }
    100% {
        clip: rect(46px, 9999px, 18px, 0);
    }
}

@-webkit-keyframes c2 {
    0% {
        clip: rect(30px, 9999px, 94px, 0);
    }
    5% {
        clip: rect(41px, 9999px, 46px, 0);
    }
    10% {
        clip: rect(83px, 9999px, 49px, 0);
    }
    15.000000000000002% {
        clip: rect(82px, 9999px, 34px, 0);
    }
    20% {
        clip: rect(38px, 9999px, 37px, 0);
    }
    25% {
        clip: rect(84px, 9999px, 63px, 0);
    }
    30.000000000000004% {
        clip: rect(55px, 9999px, 82px, 0);
    }
    35.00000000000001% {
        clip: rect(82px, 9999px, 79px, 0);
    }
    40% {
        clip: rect(37px, 9999px, 44px, 0);
    }
    45% {
        clip: rect(18px, 9999px, 91px, 0);
    }
    50% {
        clip: rect(38px, 9999px, 10px, 0);
    }
    55% {
        clip: rect(8px, 9999px, 50px, 0);
    }
    60.00000000000001% {
        clip: rect(80px, 9999px, 57px, 0);
    }
    65% {
        clip: rect(16px, 9999px, 95px, 0);
    }
    70.00000000000001% {
        clip: rect(94px, 9999px, 71px, 0);
    }
    75% {
        clip: rect(98px, 9999px, 10px, 0);
    }
    80% {
        clip: rect(75px, 9999px, 25px, 0);
    }
    85% {
        clip: rect(76px, 9999px, 38px, 0);
    }
    90% {
        clip: rect(73px, 9999px, 66px, 0);
    }
    95% {
        clip: rect(15px, 9999px, 87px, 0);
    }
    100% {
        clip: rect(72px, 9999px, 27px, 0);
    }
    23% {
        transform: scaleX(0.8);
    }
}

@keyframes c2 {
    0% {
        clip: rect(30px, 9999px, 94px, 0);
    }
    5% {
        clip: rect(41px, 9999px, 46px, 0);
    }
    10% {
        clip: rect(83px, 9999px, 49px, 0);
    }
    15.000000000000002% {
        clip: rect(82px, 9999px, 34px, 0);
    }
    20% {
        clip: rect(38px, 9999px, 37px, 0);
    }
    25% {
        clip: rect(84px, 9999px, 63px, 0);
    }
    30.000000000000004% {
        clip: rect(55px, 9999px, 82px, 0);
    }
    35.00000000000001% {
        clip: rect(82px, 9999px, 79px, 0);
    }
    40% {
        clip: rect(37px, 9999px, 44px, 0);
    }
    45% {
        clip: rect(18px, 9999px, 91px, 0);
    }
    50% {
        clip: rect(38px, 9999px, 10px, 0);
    }
    55% {
        clip: rect(8px, 9999px, 50px, 0);
    }
    60.00000000000001% {
        clip: rect(80px, 9999px, 57px, 0);
    }
    65% {
        clip: rect(16px, 9999px, 95px, 0);
    }
    70.00000000000001% {
        clip: rect(94px, 9999px, 71px, 0);
    }
    75% {
        clip: rect(98px, 9999px, 10px, 0);
    }
    80% {
        clip: rect(75px, 9999px, 25px, 0);
    }
    85% {
        clip: rect(76px, 9999px, 38px, 0);
    }
    90% {
        clip: rect(73px, 9999px, 66px, 0);
    }
    95% {
        clip: rect(15px, 9999px, 87px, 0);
    }
    100% {
        clip: rect(72px, 9999px, 27px, 0);
    }
    23% {
        transform: scaleX(0.8);
    }
}

@-webkit-keyframes clock-bag {
    0% {
        transform: translate(5px, 3px);
    }
    2% {
        transform: translate(5px, 4px);
    }
    4% {
        transform: translate(5px, 3px);
    }
    6% {
        transform: translate(4px, 3px);
    }
    8% {
        transform: translate(5px, 3px);
    }
    10% {
        transform: translate(4px, 1px);
    }
    12% {
        transform: translate(4px, 1px);
    }
    14.000000000000002% {
        transform: translate(4px, 1px);
    }
    16% {
        transform: translate(5px, 3px);
    }
    18% {
        transform: translate(4px, 4px);
    }
    20% {
        transform: translate(1px, 2px);
    }
    22% {
        transform: translate(3px, 4px);
    }
    24% {
        transform: translate(4px, 2px);
    }
    26% {
        transform: translate(2px, 3px);
    }
    28.000000000000004% {
        transform: translate(2px, 1px);
    }
    30% {
        transform: translate(5px, 5px);
    }
    32% {
        transform: translate(3px, 3px);
    }
    34% {
        transform: translate(5px, 4px);
    }
    36% {
        transform: translate(5px, 1px);
    }
    38% {
        transform: translate(4px, 2px);
    }
    40% {
        transform: translate(1px, 1px);
    }
    42% {
        transform: translate(5px, 3px);
    }
    44% {
        transform: translate(1px, 1px);
    }
    46.00000000000001% {
        transform: translate(3px, 1px);
    }
    48% {
        transform: translate(2px, 5px);
    }
    50% {
        transform: translate(1px, 3px);
    }
    52% {
        transform: translate(5px, 3px);
    }
    54% {
        transform: translate(4px, 5px);
    }
    56.00000000000001% {
        transform: translate(5px, 4px);
    }
    58% {
        transform: translate(3px, 2px);
    }
    60% {
        transform: translate(2px, 1px);
    }
    62% {
        transform: translate(3px, 3px);
    }
    64% {
        transform: translate(1px, 3px);
    }
    66% {
        transform: translate(3px, 3px);
    }
    68% {
        transform: translate(4px, 1px);
    }
    70.00000000000001% {
        transform: translate(2px, 2px);
    }
    72% {
        transform: translate(5px, 4px);
    }
    74% {
        transform: translate(2px, 1px);
    }
    76% {
        transform: translate(5px, 5px);
    }
    78% {
        transform: translate(1px, 4px);
    }
    80% {
        transform: translate(2px, 4px);
    }
    82.00000000000001% {
        transform: translate(2px, 1px);
    }
    84% {
        transform: translate(5px, 4px);
    }
    86% {
        transform: translate(4px, 3px);
    }
    88% {
        transform: translate(2px, 4px);
    }
    90% {
        transform: translate(3px, 5px);
    }
    92.00000000000001% {
        transform: translate(1px, 5px);
    }
    94% {
        transform: translate(1px, 2px);
    }
    96% {
        transform: translate(2px, 1px);
    }
    98% {
        transform: translate(1px, 2px);
    }
    100% {
        transform: translate(1px, 3px);
    }
    1% {
        transform: scaleY(1) skewX(0deg);
    }
    1.5% {
        transform: scaleY(3) skewX(-60deg);
    }
    2% {
        transform: scaleY(1) skewX(0deg);
    }
    51% {
        transform: scaleX(1) scaleY(1) skewX(0deg);
    }
    52% {
        transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    }
    53% {
        transform: scaleX(1) scaleY(1) skewX(0deg);
    }
}

@keyframes clock-bag {
    0% {
        transform: translate(5px, 3px);
    }
    2% {
        transform: translate(5px, 4px);
    }
    4% {
        transform: translate(5px, 3px);
    }
    6% {
        transform: translate(4px, 3px);
    }
    8% {
        transform: translate(5px, 3px);
    }
    10% {
        transform: translate(4px, 1px);
    }
    12% {
        transform: translate(4px, 1px);
    }
    14.000000000000002% {
        transform: translate(4px, 1px);
    }
    16% {
        transform: translate(5px, 3px);
    }
    18% {
        transform: translate(4px, 4px);
    }
    20% {
        transform: translate(1px, 2px);
    }
    22% {
        transform: translate(3px, 4px);
    }
    24% {
        transform: translate(4px, 2px);
    }
    26% {
        transform: translate(2px, 3px);
    }
    28.000000000000004% {
        transform: translate(2px, 1px);
    }
    30% {
        transform: translate(5px, 5px);
    }
    32% {
        transform: translate(3px, 3px);
    }
    34% {
        transform: translate(5px, 4px);
    }
    36% {
        transform: translate(5px, 1px);
    }
    38% {
        transform: translate(4px, 2px);
    }
    40% {
        transform: translate(1px, 1px);
    }
    42% {
        transform: translate(5px, 3px);
    }
    44% {
        transform: translate(1px, 1px);
    }
    46.00000000000001% {
        transform: translate(3px, 1px);
    }
    48% {
        transform: translate(2px, 5px);
    }
    50% {
        transform: translate(1px, 3px);
    }
    52% {
        transform: translate(5px, 3px);
    }
    54% {
        transform: translate(4px, 5px);
    }
    56.00000000000001% {
        transform: translate(5px, 4px);
    }
    58% {
        transform: translate(3px, 2px);
    }
    60% {
        transform: translate(2px, 1px);
    }
    62% {
        transform: translate(3px, 3px);
    }
    64% {
        transform: translate(1px, 3px);
    }
    66% {
        transform: translate(3px, 3px);
    }
    68% {
        transform: translate(4px, 1px);
    }
    70.00000000000001% {
        transform: translate(2px, 2px);
    }
    72% {
        transform: translate(5px, 4px);
    }
    74% {
        transform: translate(2px, 1px);
    }
    76% {
        transform: translate(5px, 5px);
    }
    78% {
        transform: translate(1px, 4px);
    }
    80% {
        transform: translate(2px, 4px);
    }
    82.00000000000001% {
        transform: translate(2px, 1px);
    }
    84% {
        transform: translate(5px, 4px);
    }
    86% {
        transform: translate(4px, 3px);
    }
    88% {
        transform: translate(2px, 4px);
    }
    90% {
        transform: translate(3px, 5px);
    }
    92.00000000000001% {
        transform: translate(1px, 5px);
    }
    94% {
        transform: translate(1px, 2px);
    }
    96% {
        transform: translate(2px, 1px);
    }
    98% {
        transform: translate(1px, 2px);
    }
    100% {
        transform: translate(1px, 3px);
    }
    1% {
        transform: scaleY(1) skewX(0deg);
    }
    1.5% {
        transform: scaleY(3) skewX(-60deg);
    }
    2% {
        transform: scaleY(1) skewX(0deg);
    }
    51% {
        transform: scaleX(1) scaleY(1) skewX(0deg);
    }
    52% {
        transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    }
    53% {
        transform: scaleX(1) scaleY(1) skewX(0deg);
    }
}

@-webkit-keyframes tr-bag {
    0% {
        transform: translate(3px, 5px);
    }
    2% {
        transform: translate(1px, 4px);
    }
    4% {
        transform: translate(3px, 2px);
    }
    6% {
        transform: translate(1px, 2px);
    }
    8% {
        transform: translate(4px, 1px);
    }
    10% {
        transform: translate(5px, 1px);
    }
    12% {
        transform: translate(4px, 3px);
    }
    14.000000000000002% {
        transform: translate(5px, 5px);
    }
    16% {
        transform: translate(1px, 2px);
    }
    18% {
        transform: translate(5px, 3px);
    }
    20% {
        transform: translate(4px, 3px);
    }
    22% {
        transform: translate(5px, 2px);
    }
    24% {
        transform: translate(4px, 4px);
    }
    26% {
        transform: translate(5px, 5px);
    }
    28.000000000000004% {
        transform: translate(2px, 4px);
    }
    30% {
        transform: translate(4px, 3px);
    }
    32% {
        transform: translate(3px, 3px);
    }
    34% {
        transform: translate(3px, 2px);
    }
    36% {
        transform: translate(3px, 1px);
    }
    38% {
        transform: translate(1px, 5px);
    }
    40% {
        transform: translate(4px, 1px);
    }
    42% {
        transform: translate(2px, 1px);
    }
    44% {
        transform: translate(4px, 5px);
    }
    46.00000000000001% {
        transform: translate(5px, 5px);
    }
    48% {
        transform: translate(5px, 5px);
    }
    50% {
        transform: translate(2px, 4px);
    }
    52% {
        transform: translate(4px, 3px);
    }
    54% {
        transform: translate(4px, 2px);
    }
    56.00000000000001% {
        transform: translate(5px, 1px);
    }
    58% {
        transform: translate(2px, 3px);
    }
    60% {
        transform: translate(4px, 5px);
    }
    62% {
        transform: translate(3px, 5px);
    }
    64% {
        transform: translate(3px, 1px);
    }
    66% {
        transform: translate(5px, 1px);
    }
    68% {
        transform: translate(4px, 2px);
    }
    70.00000000000001% {
        transform: translate(3px, 3px);
    }
    72% {
        transform: translate(2px, 5px);
    }
    74% {
        transform: translate(3px, 4px);
    }
    76% {
        transform: translate(4px, 1px);
    }
    78% {
        transform: translate(5px, 1px);
    }
    80% {
        transform: translate(4px, 3px);
    }
    82.00000000000001% {
        transform: translate(3px, 1px);
    }
    84% {
        transform: translate(3px, 3px);
    }
    86% {
        transform: translate(2px, 4px);
    }
    88% {
        transform: translate(5px, 3px);
    }
    90% {
        transform: translate(3px, 1px);
    }
    92.00000000000001% {
        transform: translate(5px, 4px);
    }
    94% {
        transform: translate(5px, 3px);
    }
    96% {
        transform: translate(2px, 1px);
    }
    98% {
        transform: translate(3px, 3px);
    }
    100% {
        transform: translate(5px, 2px);
    }
    1% {
        transform: scaleY(1) skewX(0deg);
    }
    1.5% {
        transform: scaleY(3) skewX(-60deg);
    }
    2% {
        transform: scaleY(1) skewX(0deg);
    }
    51% {
        transform: scaleX(1) scaleY(1) skewX(0deg);
    }
    52% {
        transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    }
    53% {
        transform: scaleX(1) scaleY(1) skewX(0deg);
    }
}

@keyframes tr-bag {
    0% {
        transform: translate(3px, 5px);
    }
    2% {
        transform: translate(1px, 4px);
    }
    4% {
        transform: translate(3px, 2px);
    }
    6% {
        transform: translate(1px, 2px);
    }
    8% {
        transform: translate(4px, 1px);
    }
    10% {
        transform: translate(5px, 1px);
    }
    12% {
        transform: translate(4px, 3px);
    }
    14.000000000000002% {
        transform: translate(5px, 5px);
    }
    16% {
        transform: translate(1px, 2px);
    }
    18% {
        transform: translate(5px, 3px);
    }
    20% {
        transform: translate(4px, 3px);
    }
    22% {
        transform: translate(5px, 2px);
    }
    24% {
        transform: translate(4px, 4px);
    }
    26% {
        transform: translate(5px, 5px);
    }
    28.000000000000004% {
        transform: translate(2px, 4px);
    }
    30% {
        transform: translate(4px, 3px);
    }
    32% {
        transform: translate(3px, 3px);
    }
    34% {
        transform: translate(3px, 2px);
    }
    36% {
        transform: translate(3px, 1px);
    }
    38% {
        transform: translate(1px, 5px);
    }
    40% {
        transform: translate(4px, 1px);
    }
    42% {
        transform: translate(2px, 1px);
    }
    44% {
        transform: translate(4px, 5px);
    }
    46.00000000000001% {
        transform: translate(5px, 5px);
    }
    48% {
        transform: translate(5px, 5px);
    }
    50% {
        transform: translate(2px, 4px);
    }
    52% {
        transform: translate(4px, 3px);
    }
    54% {
        transform: translate(4px, 2px);
    }
    56.00000000000001% {
        transform: translate(5px, 1px);
    }
    58% {
        transform: translate(2px, 3px);
    }
    60% {
        transform: translate(4px, 5px);
    }
    62% {
        transform: translate(3px, 5px);
    }
    64% {
        transform: translate(3px, 1px);
    }
    66% {
        transform: translate(5px, 1px);
    }
    68% {
        transform: translate(4px, 2px);
    }
    70.00000000000001% {
        transform: translate(3px, 3px);
    }
    72% {
        transform: translate(2px, 5px);
    }
    74% {
        transform: translate(3px, 4px);
    }
    76% {
        transform: translate(4px, 1px);
    }
    78% {
        transform: translate(5px, 1px);
    }
    80% {
        transform: translate(4px, 3px);
    }
    82.00000000000001% {
        transform: translate(3px, 1px);
    }
    84% {
        transform: translate(3px, 3px);
    }
    86% {
        transform: translate(2px, 4px);
    }
    88% {
        transform: translate(5px, 3px);
    }
    90% {
        transform: translate(3px, 1px);
    }
    92.00000000000001% {
        transform: translate(5px, 4px);
    }
    94% {
        transform: translate(5px, 3px);
    }
    96% {
        transform: translate(2px, 1px);
    }
    98% {
        transform: translate(3px, 3px);
    }
    100% {
        transform: translate(5px, 2px);
    }
    1% {
        transform: scaleY(1) skewX(0deg);
    }
    1.5% {
        transform: scaleY(3) skewX(-60deg);
    }
    2% {
        transform: scaleY(1) skewX(0deg);
    }
    51% {
        transform: scaleX(1) scaleY(1) skewX(0deg);
    }
    52% {
        transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    }
    53% {
        transform: scaleX(1) scaleY(1) skewX(0deg);
    }
}

@-webkit-keyframes bg-move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -32px;
    }
}

@keyframes bg-move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -32px;
    }
}