body {
    font-family: "Poppins", sans-serif;
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.matrix {
    position: relative;
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    color: rgba(0, 153, 255, 1);
    opacity: 0.72;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    overflow: hidden;
    width: 100%;
    height: 8000px;
    white-space: nowrap;
}

.matrix li {
    height: 900px;
    padding-right: 24px;
}

.matrix li:nth-child(1) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(1):before {
    display: block;
    width: 1em;
    content: "1 1 1 1 0 0 1 0 0 0 0 1 0 0 1 1 1 1 1 0 1 1 0 0";
}
.matrix li:nth-child(1):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 192px, white 192px, white 576px) 0 0px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 192px;
    overflow: hidden;
    -webkit-animation: 2163ms column-1 infinite steps(1, start);
    -moz-animation: 2163ms column-1 infinite steps(1, start);
    -ms-animation: 2163ms column-1 infinite steps(1, start);
    -o-animation: 2163ms column-1 infinite steps(1, start);
    animation: 2163ms column-1 infinite steps(1, start);
}

@-webkit-keyframes column-1 {
    0% {
        background-position: 0 0px;
        padding-top: 192px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 216px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 240px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 264px;
    }
    16.6666666667% {
        background-position: 0 96px;
        padding-top: 288px;
    }
    20.8333333333% {
        background-position: 0 120px;
        padding-top: 312px;
    }
    25% {
        background-position: 0 144px;
        padding-top: 336px;
    }
    29.1666666667% {
        background-position: 0 168px;
        padding-top: 360px;
    }
    33.3333333333% {
        background-position: 0 192px;
        padding-top: 384px;
    }
    37.5% {
        background-position: 0 216px;
        padding-top: 408px;
    }
    41.6666666667% {
        background-position: 0 240px;
        padding-top: 432px;
    }
    45.8333333333% {
        background-position: 0 264px;
        padding-top: 456px;
    }
    50% {
        background-position: 0 288px;
        padding-top: 480px;
    }
    54.1666666667% {
        background-position: 0 312px;
        padding-top: 504px;
    }
    58.3333333333% {
        background-position: 0 336px;
        padding-top: 528px;
    }
    62.5% {
        background-position: 0 360px;
        padding-top: 552px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 0px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 24px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 48px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 72px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 96px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 120px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 144px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 168px;
    }
}
@-moz-keyframes column-1 {
    0% {
        background-position: 0 0px;
        padding-top: 192px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 216px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 240px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 264px;
    }
    16.6666666667% {
        background-position: 0 96px;
        padding-top: 288px;
    }
    20.8333333333% {
        background-position: 0 120px;
        padding-top: 312px;
    }
    25% {
        background-position: 0 144px;
        padding-top: 336px;
    }
    29.1666666667% {
        background-position: 0 168px;
        padding-top: 360px;
    }
    33.3333333333% {
        background-position: 0 192px;
        padding-top: 384px;
    }
    37.5% {
        background-position: 0 216px;
        padding-top: 408px;
    }
    41.6666666667% {
        background-position: 0 240px;
        padding-top: 432px;
    }
    45.8333333333% {
        background-position: 0 264px;
        padding-top: 456px;
    }
    50% {
        background-position: 0 288px;
        padding-top: 480px;
    }
    54.1666666667% {
        background-position: 0 312px;
        padding-top: 504px;
    }
    58.3333333333% {
        background-position: 0 336px;
        padding-top: 528px;
    }
    62.5% {
        background-position: 0 360px;
        padding-top: 552px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 0px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 24px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 48px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 72px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 96px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 120px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 144px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 168px;
    }
}
@-o-keyframes column-1 {
    0% {
        background-position: 0 0px;
        padding-top: 192px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 216px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 240px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 264px;
    }
    16.6666666667% {
        background-position: 0 96px;
        padding-top: 288px;
    }
    20.8333333333% {
        background-position: 0 120px;
        padding-top: 312px;
    }
    25% {
        background-position: 0 144px;
        padding-top: 336px;
    }
    29.1666666667% {
        background-position: 0 168px;
        padding-top: 360px;
    }
    33.3333333333% {
        background-position: 0 192px;
        padding-top: 384px;
    }
    37.5% {
        background-position: 0 216px;
        padding-top: 408px;
    }
    41.6666666667% {
        background-position: 0 240px;
        padding-top: 432px;
    }
    45.8333333333% {
        background-position: 0 264px;
        padding-top: 456px;
    }
    50% {
        background-position: 0 288px;
        padding-top: 480px;
    }
    54.1666666667% {
        background-position: 0 312px;
        padding-top: 504px;
    }
    58.3333333333% {
        background-position: 0 336px;
        padding-top: 528px;
    }
    62.5% {
        background-position: 0 360px;
        padding-top: 552px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 0px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 24px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 48px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 72px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 96px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 120px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 144px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 168px;
    }
}
@keyframes column-1 {
    0% {
        background-position: 0 0px;
        padding-top: 192px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 216px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 240px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 264px;
    }
    16.6666666667% {
        background-position: 0 96px;
        padding-top: 288px;
    }
    20.8333333333% {
        background-position: 0 120px;
        padding-top: 312px;
    }
    25% {
        background-position: 0 144px;
        padding-top: 336px;
    }
    29.1666666667% {
        background-position: 0 168px;
        padding-top: 360px;
    }
    33.3333333333% {
        background-position: 0 192px;
        padding-top: 384px;
    }
    37.5% {
        background-position: 0 216px;
        padding-top: 408px;
    }
    41.6666666667% {
        background-position: 0 240px;
        padding-top: 432px;
    }
    45.8333333333% {
        background-position: 0 264px;
        padding-top: 456px;
    }
    50% {
        background-position: 0 288px;
        padding-top: 480px;
    }
    54.1666666667% {
        background-position: 0 312px;
        padding-top: 504px;
    }
    58.3333333333% {
        background-position: 0 336px;
        padding-top: 528px;
    }
    62.5% {
        background-position: 0 360px;
        padding-top: 552px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 0px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 24px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 48px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 72px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 96px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 120px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 144px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 168px;
    }
}
.matrix li:nth-child(2) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(2):before {
    display: block;
    width: 1em;
    content: "0 1 1 0 0 1 1 1 0 1 0 0 0 0 0 1 1 1 1 1 0 0 0 0";
}
.matrix li:nth-child(2):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 384px, white 384px, white 576px) 0 -48px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 336px;
    overflow: hidden;
    -webkit-animation: 2163ms column-2 infinite steps(1, start);
    -moz-animation: 2163ms column-2 infinite steps(1, start);
    -ms-animation: 2163ms column-2 infinite steps(1, start);
    -o-animation: 2163ms column-2 infinite steps(1, start);
    animation: 2163ms column-2 infinite steps(1, start);
}

@-webkit-keyframes column-2 {
    0% {
        background-position: 0 -48px;
        padding-top: 336px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 360px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 384px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 408px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 432px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 456px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 480px;
    }
    29.1666666667% {
        background-position: 0 120px;
        padding-top: 504px;
    }
    33.3333333333% {
        background-position: 0 144px;
        padding-top: 528px;
    }
    37.5% {
        background-position: 0 168px;
        padding-top: 552px;
    }
    41.6666666667% {
        background-position: 0 -384px;
        padding-top: 0px;
    }
    45.8333333333% {
        background-position: 0 -360px;
        padding-top: 24px;
    }
    50% {
        background-position: 0 -336px;
        padding-top: 48px;
    }
    54.1666666667% {
        background-position: 0 -312px;
        padding-top: 72px;
    }
    58.3333333333% {
        background-position: 0 -288px;
        padding-top: 96px;
    }
    62.5% {
        background-position: 0 -264px;
        padding-top: 120px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 144px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 168px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 192px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 216px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 240px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 264px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 288px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 312px;
    }
}
@-moz-keyframes column-2 {
    0% {
        background-position: 0 -48px;
        padding-top: 336px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 360px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 384px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 408px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 432px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 456px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 480px;
    }
    29.1666666667% {
        background-position: 0 120px;
        padding-top: 504px;
    }
    33.3333333333% {
        background-position: 0 144px;
        padding-top: 528px;
    }
    37.5% {
        background-position: 0 168px;
        padding-top: 552px;
    }
    41.6666666667% {
        background-position: 0 -384px;
        padding-top: 0px;
    }
    45.8333333333% {
        background-position: 0 -360px;
        padding-top: 24px;
    }
    50% {
        background-position: 0 -336px;
        padding-top: 48px;
    }
    54.1666666667% {
        background-position: 0 -312px;
        padding-top: 72px;
    }
    58.3333333333% {
        background-position: 0 -288px;
        padding-top: 96px;
    }
    62.5% {
        background-position: 0 -264px;
        padding-top: 120px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 144px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 168px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 192px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 216px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 240px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 264px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 288px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 312px;
    }
}
@-o-keyframes column-2 {
    0% {
        background-position: 0 -48px;
        padding-top: 336px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 360px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 384px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 408px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 432px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 456px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 480px;
    }
    29.1666666667% {
        background-position: 0 120px;
        padding-top: 504px;
    }
    33.3333333333% {
        background-position: 0 144px;
        padding-top: 528px;
    }
    37.5% {
        background-position: 0 168px;
        padding-top: 552px;
    }
    41.6666666667% {
        background-position: 0 -384px;
        padding-top: 0px;
    }
    45.8333333333% {
        background-position: 0 -360px;
        padding-top: 24px;
    }
    50% {
        background-position: 0 -336px;
        padding-top: 48px;
    }
    54.1666666667% {
        background-position: 0 -312px;
        padding-top: 72px;
    }
    58.3333333333% {
        background-position: 0 -288px;
        padding-top: 96px;
    }
    62.5% {
        background-position: 0 -264px;
        padding-top: 120px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 144px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 168px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 192px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 216px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 240px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 264px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 288px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 312px;
    }
}
@keyframes column-2 {
    0% {
        background-position: 0 -48px;
        padding-top: 336px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 360px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 384px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 408px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 432px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 456px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 480px;
    }
    29.1666666667% {
        background-position: 0 120px;
        padding-top: 504px;
    }
    33.3333333333% {
        background-position: 0 144px;
        padding-top: 528px;
    }
    37.5% {
        background-position: 0 168px;
        padding-top: 552px;
    }
    41.6666666667% {
        background-position: 0 -384px;
        padding-top: 0px;
    }
    45.8333333333% {
        background-position: 0 -360px;
        padding-top: 24px;
    }
    50% {
        background-position: 0 -336px;
        padding-top: 48px;
    }
    54.1666666667% {
        background-position: 0 -312px;
        padding-top: 72px;
    }
    58.3333333333% {
        background-position: 0 -288px;
        padding-top: 96px;
    }
    62.5% {
        background-position: 0 -264px;
        padding-top: 120px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 144px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 168px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 192px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 216px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 240px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 264px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 288px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 312px;
    }
}
.matrix li:nth-child(3) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(3):before {
    display: block;
    width: 1em;
    content: "0 0 0 0 0 1 0 0 1 1 0 0 0 0 0 1 1 1 0 1 1 0 1 0";
}
.matrix li:nth-child(3):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 408px, white 408px, white 576px) 0 -24px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 384px;
    overflow: hidden;
    -webkit-animation: 2163ms column-3 infinite steps(1, start);
    -moz-animation: 2163ms column-3 infinite steps(1, start);
    -ms-animation: 2163ms column-3 infinite steps(1, start);
    -o-animation: 2163ms column-3 infinite steps(1, start);
    animation: 2163ms column-3 infinite steps(1, start);
}

@-webkit-keyframes column-3 {
    0% {
        background-position: 0 -24px;
        padding-top: 384px;
    }
    4.1666666667% {
        background-position: 0 0px;
        padding-top: 408px;
    }
    8.3333333333% {
        background-position: 0 24px;
        padding-top: 432px;
    }
    12.5% {
        background-position: 0 48px;
        padding-top: 456px;
    }
    16.6666666667% {
        background-position: 0 72px;
        padding-top: 480px;
    }
    20.8333333333% {
        background-position: 0 96px;
        padding-top: 504px;
    }
    25% {
        background-position: 0 120px;
        padding-top: 528px;
    }
    29.1666666667% {
        background-position: 0 144px;
        padding-top: 552px;
    }
    33.3333333333% {
        background-position: 0 -408px;
        padding-top: 0px;
    }
    37.5% {
        background-position: 0 -384px;
        padding-top: 24px;
    }
    41.6666666667% {
        background-position: 0 -360px;
        padding-top: 48px;
    }
    45.8333333333% {
        background-position: 0 -336px;
        padding-top: 72px;
    }
    50% {
        background-position: 0 -312px;
        padding-top: 96px;
    }
    54.1666666667% {
        background-position: 0 -288px;
        padding-top: 120px;
    }
    58.3333333333% {
        background-position: 0 -264px;
        padding-top: 144px;
    }
    62.5% {
        background-position: 0 -240px;
        padding-top: 168px;
    }
    66.6666666667% {
        background-position: 0 -216px;
        padding-top: 192px;
    }
    70.8333333333% {
        background-position: 0 -192px;
        padding-top: 216px;
    }
    75% {
        background-position: 0 -168px;
        padding-top: 240px;
    }
    79.1666666667% {
        background-position: 0 -144px;
        padding-top: 264px;
    }
    83.3333333333% {
        background-position: 0 -120px;
        padding-top: 288px;
    }
    87.5% {
        background-position: 0 -96px;
        padding-top: 312px;
    }
    91.6666666667% {
        background-position: 0 -72px;
        padding-top: 336px;
    }
    95.8333333333% {
        background-position: 0 -48px;
        padding-top: 360px;
    }
}
@-moz-keyframes column-3 {
    0% {
        background-position: 0 -24px;
        padding-top: 384px;
    }
    4.1666666667% {
        background-position: 0 0px;
        padding-top: 408px;
    }
    8.3333333333% {
        background-position: 0 24px;
        padding-top: 432px;
    }
    12.5% {
        background-position: 0 48px;
        padding-top: 456px;
    }
    16.6666666667% {
        background-position: 0 72px;
        padding-top: 480px;
    }
    20.8333333333% {
        background-position: 0 96px;
        padding-top: 504px;
    }
    25% {
        background-position: 0 120px;
        padding-top: 528px;
    }
    29.1666666667% {
        background-position: 0 144px;
        padding-top: 552px;
    }
    33.3333333333% {
        background-position: 0 -408px;
        padding-top: 0px;
    }
    37.5% {
        background-position: 0 -384px;
        padding-top: 24px;
    }
    41.6666666667% {
        background-position: 0 -360px;
        padding-top: 48px;
    }
    45.8333333333% {
        background-position: 0 -336px;
        padding-top: 72px;
    }
    50% {
        background-position: 0 -312px;
        padding-top: 96px;
    }
    54.1666666667% {
        background-position: 0 -288px;
        padding-top: 120px;
    }
    58.3333333333% {
        background-position: 0 -264px;
        padding-top: 144px;
    }
    62.5% {
        background-position: 0 -240px;
        padding-top: 168px;
    }
    66.6666666667% {
        background-position: 0 -216px;
        padding-top: 192px;
    }
    70.8333333333% {
        background-position: 0 -192px;
        padding-top: 216px;
    }
    75% {
        background-position: 0 -168px;
        padding-top: 240px;
    }
    79.1666666667% {
        background-position: 0 -144px;
        padding-top: 264px;
    }
    83.3333333333% {
        background-position: 0 -120px;
        padding-top: 288px;
    }
    87.5% {
        background-position: 0 -96px;
        padding-top: 312px;
    }
    91.6666666667% {
        background-position: 0 -72px;
        padding-top: 336px;
    }
    95.8333333333% {
        background-position: 0 -48px;
        padding-top: 360px;
    }
}
@-o-keyframes column-3 {
    0% {
        background-position: 0 -24px;
        padding-top: 384px;
    }
    4.1666666667% {
        background-position: 0 0px;
        padding-top: 408px;
    }
    8.3333333333% {
        background-position: 0 24px;
        padding-top: 432px;
    }
    12.5% {
        background-position: 0 48px;
        padding-top: 456px;
    }
    16.6666666667% {
        background-position: 0 72px;
        padding-top: 480px;
    }
    20.8333333333% {
        background-position: 0 96px;
        padding-top: 504px;
    }
    25% {
        background-position: 0 120px;
        padding-top: 528px;
    }
    29.1666666667% {
        background-position: 0 144px;
        padding-top: 552px;
    }
    33.3333333333% {
        background-position: 0 -408px;
        padding-top: 0px;
    }
    37.5% {
        background-position: 0 -384px;
        padding-top: 24px;
    }
    41.6666666667% {
        background-position: 0 -360px;
        padding-top: 48px;
    }
    45.8333333333% {
        background-position: 0 -336px;
        padding-top: 72px;
    }
    50% {
        background-position: 0 -312px;
        padding-top: 96px;
    }
    54.1666666667% {
        background-position: 0 -288px;
        padding-top: 120px;
    }
    58.3333333333% {
        background-position: 0 -264px;
        padding-top: 144px;
    }
    62.5% {
        background-position: 0 -240px;
        padding-top: 168px;
    }
    66.6666666667% {
        background-position: 0 -216px;
        padding-top: 192px;
    }
    70.8333333333% {
        background-position: 0 -192px;
        padding-top: 216px;
    }
    75% {
        background-position: 0 -168px;
        padding-top: 240px;
    }
    79.1666666667% {
        background-position: 0 -144px;
        padding-top: 264px;
    }
    83.3333333333% {
        background-position: 0 -120px;
        padding-top: 288px;
    }
    87.5% {
        background-position: 0 -96px;
        padding-top: 312px;
    }
    91.6666666667% {
        background-position: 0 -72px;
        padding-top: 336px;
    }
    95.8333333333% {
        background-position: 0 -48px;
        padding-top: 360px;
    }
}
@keyframes column-3 {
    0% {
        background-position: 0 -24px;
        padding-top: 384px;
    }
    4.1666666667% {
        background-position: 0 0px;
        padding-top: 408px;
    }
    8.3333333333% {
        background-position: 0 24px;
        padding-top: 432px;
    }
    12.5% {
        background-position: 0 48px;
        padding-top: 456px;
    }
    16.6666666667% {
        background-position: 0 72px;
        padding-top: 480px;
    }
    20.8333333333% {
        background-position: 0 96px;
        padding-top: 504px;
    }
    25% {
        background-position: 0 120px;
        padding-top: 528px;
    }
    29.1666666667% {
        background-position: 0 144px;
        padding-top: 552px;
    }
    33.3333333333% {
        background-position: 0 -408px;
        padding-top: 0px;
    }
    37.5% {
        background-position: 0 -384px;
        padding-top: 24px;
    }
    41.6666666667% {
        background-position: 0 -360px;
        padding-top: 48px;
    }
    45.8333333333% {
        background-position: 0 -336px;
        padding-top: 72px;
    }
    50% {
        background-position: 0 -312px;
        padding-top: 96px;
    }
    54.1666666667% {
        background-position: 0 -288px;
        padding-top: 120px;
    }
    58.3333333333% {
        background-position: 0 -264px;
        padding-top: 144px;
    }
    62.5% {
        background-position: 0 -240px;
        padding-top: 168px;
    }
    66.6666666667% {
        background-position: 0 -216px;
        padding-top: 192px;
    }
    70.8333333333% {
        background-position: 0 -192px;
        padding-top: 216px;
    }
    75% {
        background-position: 0 -168px;
        padding-top: 240px;
    }
    79.1666666667% {
        background-position: 0 -144px;
        padding-top: 264px;
    }
    83.3333333333% {
        background-position: 0 -120px;
        padding-top: 288px;
    }
    87.5% {
        background-position: 0 -96px;
        padding-top: 312px;
    }
    91.6666666667% {
        background-position: 0 -72px;
        padding-top: 336px;
    }
    95.8333333333% {
        background-position: 0 -48px;
        padding-top: 360px;
    }
}
.matrix li:nth-child(4) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(4):before {
    display: block;
    width: 1em;
    content: "1 0 0 1 0 0 1 0 1 0 0 0 1 1 0 0 0 0 1 0 1 1 1 1";
}
.matrix li:nth-child(4):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 120px, white 120px, white 576px) 0 312px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 432px;
    overflow: hidden;
    -webkit-animation: 2163ms column-4 infinite steps(1, start);
    -moz-animation: 2163ms column-4 infinite steps(1, start);
    -ms-animation: 2163ms column-4 infinite steps(1, start);
    -o-animation: 2163ms column-4 infinite steps(1, start);
    animation: 2163ms column-4 infinite steps(1, start);
}

@-webkit-keyframes column-4 {
    0% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    4.1666666667% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    8.3333333333% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    12.5% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    16.6666666667% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    20.8333333333% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    25% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    29.1666666667% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    33.3333333333% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    37.5% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
    41.6666666667% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    45.8333333333% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    50% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    54.1666666667% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    58.3333333333% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    62.5% {
        background-position: 0 96px;
        padding-top: 216px;
    }
    66.6666666667% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    70.8333333333% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    75% {
        background-position: 0 168px;
        padding-top: 288px;
    }
    79.1666666667% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    83.3333333333% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    87.5% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    91.6666666667% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    95.8333333333% {
        background-position: 0 288px;
        padding-top: 408px;
    }
}
@-moz-keyframes column-4 {
    0% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    4.1666666667% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    8.3333333333% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    12.5% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    16.6666666667% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    20.8333333333% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    25% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    29.1666666667% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    33.3333333333% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    37.5% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
    41.6666666667% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    45.8333333333% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    50% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    54.1666666667% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    58.3333333333% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    62.5% {
        background-position: 0 96px;
        padding-top: 216px;
    }
    66.6666666667% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    70.8333333333% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    75% {
        background-position: 0 168px;
        padding-top: 288px;
    }
    79.1666666667% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    83.3333333333% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    87.5% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    91.6666666667% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    95.8333333333% {
        background-position: 0 288px;
        padding-top: 408px;
    }
}
@-o-keyframes column-4 {
    0% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    4.1666666667% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    8.3333333333% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    12.5% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    16.6666666667% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    20.8333333333% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    25% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    29.1666666667% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    33.3333333333% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    37.5% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
    41.6666666667% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    45.8333333333% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    50% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    54.1666666667% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    58.3333333333% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    62.5% {
        background-position: 0 96px;
        padding-top: 216px;
    }
    66.6666666667% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    70.8333333333% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    75% {
        background-position: 0 168px;
        padding-top: 288px;
    }
    79.1666666667% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    83.3333333333% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    87.5% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    91.6666666667% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    95.8333333333% {
        background-position: 0 288px;
        padding-top: 408px;
    }
}
@keyframes column-4 {
    0% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    4.1666666667% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    8.3333333333% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    12.5% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    16.6666666667% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    20.8333333333% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    25% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    29.1666666667% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    33.3333333333% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    37.5% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
    41.6666666667% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    45.8333333333% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    50% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    54.1666666667% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    58.3333333333% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    62.5% {
        background-position: 0 96px;
        padding-top: 216px;
    }
    66.6666666667% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    70.8333333333% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    75% {
        background-position: 0 168px;
        padding-top: 288px;
    }
    79.1666666667% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    83.3333333333% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    87.5% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    91.6666666667% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    95.8333333333% {
        background-position: 0 288px;
        padding-top: 408px;
    }
}
.matrix li:nth-child(5) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(5):before {
    display: block;
    width: 1em;
    content: "1 1 1 1 0 0 0 0 1 1 1 1 1 1 0 0 1 1 0 1 1 0 1 0";
}
.matrix li:nth-child(5):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 288px, white 288px, white 576px) 0 216px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 504px;
    overflow: hidden;
    -webkit-animation: 2163ms column-5 infinite steps(1, start);
    -moz-animation: 2163ms column-5 infinite steps(1, start);
    -ms-animation: 2163ms column-5 infinite steps(1, start);
    -o-animation: 2163ms column-5 infinite steps(1, start);
    animation: 2163ms column-5 infinite steps(1, start);
}

@-webkit-keyframes column-5 {
    0% {
        background-position: 0 216px;
        padding-top: 504px;
    }
    4.1666666667% {
        background-position: 0 240px;
        padding-top: 528px;
    }
    8.3333333333% {
        background-position: 0 264px;
        padding-top: 552px;
    }
    12.5% {
        background-position: 0 -288px;
        padding-top: 0px;
    }
    16.6666666667% {
        background-position: 0 -264px;
        padding-top: 24px;
    }
    20.8333333333% {
        background-position: 0 -240px;
        padding-top: 48px;
    }
    25% {
        background-position: 0 -216px;
        padding-top: 72px;
    }
    29.1666666667% {
        background-position: 0 -192px;
        padding-top: 96px;
    }
    33.3333333333% {
        background-position: 0 -168px;
        padding-top: 120px;
    }
    37.5% {
        background-position: 0 -144px;
        padding-top: 144px;
    }
    41.6666666667% {
        background-position: 0 -120px;
        padding-top: 168px;
    }
    45.8333333333% {
        background-position: 0 -96px;
        padding-top: 192px;
    }
    50% {
        background-position: 0 -72px;
        padding-top: 216px;
    }
    54.1666666667% {
        background-position: 0 -48px;
        padding-top: 240px;
    }
    58.3333333333% {
        background-position: 0 -24px;
        padding-top: 264px;
    }
    62.5% {
        background-position: 0 0px;
        padding-top: 288px;
    }
    66.6666666667% {
        background-position: 0 24px;
        padding-top: 312px;
    }
    70.8333333333% {
        background-position: 0 48px;
        padding-top: 336px;
    }
    75% {
        background-position: 0 72px;
        padding-top: 360px;
    }
    79.1666666667% {
        background-position: 0 96px;
        padding-top: 384px;
    }
    83.3333333333% {
        background-position: 0 120px;
        padding-top: 408px;
    }
    87.5% {
        background-position: 0 144px;
        padding-top: 432px;
    }
    91.6666666667% {
        background-position: 0 168px;
        padding-top: 456px;
    }
    95.8333333333% {
        background-position: 0 192px;
        padding-top: 480px;
    }
}
@-moz-keyframes column-5 {
    0% {
        background-position: 0 216px;
        padding-top: 504px;
    }
    4.1666666667% {
        background-position: 0 240px;
        padding-top: 528px;
    }
    8.3333333333% {
        background-position: 0 264px;
        padding-top: 552px;
    }
    12.5% {
        background-position: 0 -288px;
        padding-top: 0px;
    }
    16.6666666667% {
        background-position: 0 -264px;
        padding-top: 24px;
    }
    20.8333333333% {
        background-position: 0 -240px;
        padding-top: 48px;
    }
    25% {
        background-position: 0 -216px;
        padding-top: 72px;
    }
    29.1666666667% {
        background-position: 0 -192px;
        padding-top: 96px;
    }
    33.3333333333% {
        background-position: 0 -168px;
        padding-top: 120px;
    }
    37.5% {
        background-position: 0 -144px;
        padding-top: 144px;
    }
    41.6666666667% {
        background-position: 0 -120px;
        padding-top: 168px;
    }
    45.8333333333% {
        background-position: 0 -96px;
        padding-top: 192px;
    }
    50% {
        background-position: 0 -72px;
        padding-top: 216px;
    }
    54.1666666667% {
        background-position: 0 -48px;
        padding-top: 240px;
    }
    58.3333333333% {
        background-position: 0 -24px;
        padding-top: 264px;
    }
    62.5% {
        background-position: 0 0px;
        padding-top: 288px;
    }
    66.6666666667% {
        background-position: 0 24px;
        padding-top: 312px;
    }
    70.8333333333% {
        background-position: 0 48px;
        padding-top: 336px;
    }
    75% {
        background-position: 0 72px;
        padding-top: 360px;
    }
    79.1666666667% {
        background-position: 0 96px;
        padding-top: 384px;
    }
    83.3333333333% {
        background-position: 0 120px;
        padding-top: 408px;
    }
    87.5% {
        background-position: 0 144px;
        padding-top: 432px;
    }
    91.6666666667% {
        background-position: 0 168px;
        padding-top: 456px;
    }
    95.8333333333% {
        background-position: 0 192px;
        padding-top: 480px;
    }
}
@-o-keyframes column-5 {
    0% {
        background-position: 0 216px;
        padding-top: 504px;
    }
    4.1666666667% {
        background-position: 0 240px;
        padding-top: 528px;
    }
    8.3333333333% {
        background-position: 0 264px;
        padding-top: 552px;
    }
    12.5% {
        background-position: 0 -288px;
        padding-top: 0px;
    }
    16.6666666667% {
        background-position: 0 -264px;
        padding-top: 24px;
    }
    20.8333333333% {
        background-position: 0 -240px;
        padding-top: 48px;
    }
    25% {
        background-position: 0 -216px;
        padding-top: 72px;
    }
    29.1666666667% {
        background-position: 0 -192px;
        padding-top: 96px;
    }
    33.3333333333% {
        background-position: 0 -168px;
        padding-top: 120px;
    }
    37.5% {
        background-position: 0 -144px;
        padding-top: 144px;
    }
    41.6666666667% {
        background-position: 0 -120px;
        padding-top: 168px;
    }
    45.8333333333% {
        background-position: 0 -96px;
        padding-top: 192px;
    }
    50% {
        background-position: 0 -72px;
        padding-top: 216px;
    }
    54.1666666667% {
        background-position: 0 -48px;
        padding-top: 240px;
    }
    58.3333333333% {
        background-position: 0 -24px;
        padding-top: 264px;
    }
    62.5% {
        background-position: 0 0px;
        padding-top: 288px;
    }
    66.6666666667% {
        background-position: 0 24px;
        padding-top: 312px;
    }
    70.8333333333% {
        background-position: 0 48px;
        padding-top: 336px;
    }
    75% {
        background-position: 0 72px;
        padding-top: 360px;
    }
    79.1666666667% {
        background-position: 0 96px;
        padding-top: 384px;
    }
    83.3333333333% {
        background-position: 0 120px;
        padding-top: 408px;
    }
    87.5% {
        background-position: 0 144px;
        padding-top: 432px;
    }
    91.6666666667% {
        background-position: 0 168px;
        padding-top: 456px;
    }
    95.8333333333% {
        background-position: 0 192px;
        padding-top: 480px;
    }
}
@keyframes column-5 {
    0% {
        background-position: 0 216px;
        padding-top: 504px;
    }
    4.1666666667% {
        background-position: 0 240px;
        padding-top: 528px;
    }
    8.3333333333% {
        background-position: 0 264px;
        padding-top: 552px;
    }
    12.5% {
        background-position: 0 -288px;
        padding-top: 0px;
    }
    16.6666666667% {
        background-position: 0 -264px;
        padding-top: 24px;
    }
    20.8333333333% {
        background-position: 0 -240px;
        padding-top: 48px;
    }
    25% {
        background-position: 0 -216px;
        padding-top: 72px;
    }
    29.1666666667% {
        background-position: 0 -192px;
        padding-top: 96px;
    }
    33.3333333333% {
        background-position: 0 -168px;
        padding-top: 120px;
    }
    37.5% {
        background-position: 0 -144px;
        padding-top: 144px;
    }
    41.6666666667% {
        background-position: 0 -120px;
        padding-top: 168px;
    }
    45.8333333333% {
        background-position: 0 -96px;
        padding-top: 192px;
    }
    50% {
        background-position: 0 -72px;
        padding-top: 216px;
    }
    54.1666666667% {
        background-position: 0 -48px;
        padding-top: 240px;
    }
    58.3333333333% {
        background-position: 0 -24px;
        padding-top: 264px;
    }
    62.5% {
        background-position: 0 0px;
        padding-top: 288px;
    }
    66.6666666667% {
        background-position: 0 24px;
        padding-top: 312px;
    }
    70.8333333333% {
        background-position: 0 48px;
        padding-top: 336px;
    }
    75% {
        background-position: 0 72px;
        padding-top: 360px;
    }
    79.1666666667% {
        background-position: 0 96px;
        padding-top: 384px;
    }
    83.3333333333% {
        background-position: 0 120px;
        padding-top: 408px;
    }
    87.5% {
        background-position: 0 144px;
        padding-top: 432px;
    }
    91.6666666667% {
        background-position: 0 168px;
        padding-top: 456px;
    }
    95.8333333333% {
        background-position: 0 192px;
        padding-top: 480px;
    }
}
.matrix li:nth-child(6) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(6):before {
    display: block;
    width: 1em;
    content: "1 1 1 1 1 0 0 0 1 0 1 0 1 1 1 0 1 0 0 1 0 1 0 0";
}
.matrix li:nth-child(6):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 120px, white 120px, white 576px) 0 192px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 312px;
    overflow: hidden;
    -webkit-animation: 2163ms column-6 infinite steps(1, start);
    -moz-animation: 2163ms column-6 infinite steps(1, start);
    -ms-animation: 2163ms column-6 infinite steps(1, start);
    -o-animation: 2163ms column-6 infinite steps(1, start);
    animation: 2163ms column-6 infinite steps(1, start);
}

@-webkit-keyframes column-6 {
    0% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    4.1666666667% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    8.3333333333% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    12.5% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    16.6666666667% {
        background-position: 0 288px;
        padding-top: 408px;
    }
    20.8333333333% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    25% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    29.1666666667% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    33.3333333333% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    37.5% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    41.6666666667% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    45.8333333333% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    50% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    54.1666666667% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    58.3333333333% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
    62.5% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    66.6666666667% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    70.8333333333% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    75% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    79.1666666667% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    83.3333333333% {
        background-position: 0 96px;
        padding-top: 216px;
    }
    87.5% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    91.6666666667% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    95.8333333333% {
        background-position: 0 168px;
        padding-top: 288px;
    }
}
@-moz-keyframes column-6 {
    0% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    4.1666666667% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    8.3333333333% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    12.5% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    16.6666666667% {
        background-position: 0 288px;
        padding-top: 408px;
    }
    20.8333333333% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    25% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    29.1666666667% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    33.3333333333% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    37.5% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    41.6666666667% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    45.8333333333% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    50% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    54.1666666667% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    58.3333333333% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
    62.5% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    66.6666666667% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    70.8333333333% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    75% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    79.1666666667% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    83.3333333333% {
        background-position: 0 96px;
        padding-top: 216px;
    }
    87.5% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    91.6666666667% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    95.8333333333% {
        background-position: 0 168px;
        padding-top: 288px;
    }
}
@-o-keyframes column-6 {
    0% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    4.1666666667% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    8.3333333333% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    12.5% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    16.6666666667% {
        background-position: 0 288px;
        padding-top: 408px;
    }
    20.8333333333% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    25% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    29.1666666667% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    33.3333333333% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    37.5% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    41.6666666667% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    45.8333333333% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    50% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    54.1666666667% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    58.3333333333% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
    62.5% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    66.6666666667% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    70.8333333333% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    75% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    79.1666666667% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    83.3333333333% {
        background-position: 0 96px;
        padding-top: 216px;
    }
    87.5% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    91.6666666667% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    95.8333333333% {
        background-position: 0 168px;
        padding-top: 288px;
    }
}
@keyframes column-6 {
    0% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    4.1666666667% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    8.3333333333% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    12.5% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    16.6666666667% {
        background-position: 0 288px;
        padding-top: 408px;
    }
    20.8333333333% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    25% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    29.1666666667% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    33.3333333333% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    37.5% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    41.6666666667% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    45.8333333333% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    50% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    54.1666666667% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    58.3333333333% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
    62.5% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    66.6666666667% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    70.8333333333% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    75% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    79.1666666667% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    83.3333333333% {
        background-position: 0 96px;
        padding-top: 216px;
    }
    87.5% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    91.6666666667% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    95.8333333333% {
        background-position: 0 168px;
        padding-top: 288px;
    }
}
.matrix li:nth-child(7) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(7):before {
    display: block;
    width: 1em;
    content: "0 0 1 0 0 1 1 1 0 0 1 1 1 0 0 1 0 1 1 1 0 1 0 1";
}
.matrix li:nth-child(7):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 456px, white 456px, white 576px) 0 -24px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 432px;
    overflow: hidden;
    -webkit-animation: 2163ms column-7 infinite steps(1, start);
    -moz-animation: 2163ms column-7 infinite steps(1, start);
    -ms-animation: 2163ms column-7 infinite steps(1, start);
    -o-animation: 2163ms column-7 infinite steps(1, start);
    animation: 2163ms column-7 infinite steps(1, start);
}

@-webkit-keyframes column-7 {
    0% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
    4.1666666667% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    8.3333333333% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    12.5% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    16.6666666667% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    20.8333333333% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    25% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    29.1666666667% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    33.3333333333% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    37.5% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    41.6666666667% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    45.8333333333% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    50% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    54.1666666667% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    58.3333333333% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    62.5% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    66.6666666667% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    70.8333333333% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    75% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    79.1666666667% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    83.3333333333% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    87.5% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    91.6666666667% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
    95.8333333333% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
}
@-moz-keyframes column-7 {
    0% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
    4.1666666667% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    8.3333333333% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    12.5% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    16.6666666667% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    20.8333333333% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    25% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    29.1666666667% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    33.3333333333% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    37.5% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    41.6666666667% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    45.8333333333% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    50% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    54.1666666667% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    58.3333333333% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    62.5% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    66.6666666667% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    70.8333333333% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    75% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    79.1666666667% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    83.3333333333% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    87.5% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    91.6666666667% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
    95.8333333333% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
}
@-o-keyframes column-7 {
    0% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
    4.1666666667% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    8.3333333333% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    12.5% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    16.6666666667% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    20.8333333333% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    25% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    29.1666666667% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    33.3333333333% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    37.5% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    41.6666666667% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    45.8333333333% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    50% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    54.1666666667% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    58.3333333333% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    62.5% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    66.6666666667% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    70.8333333333% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    75% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    79.1666666667% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    83.3333333333% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    87.5% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    91.6666666667% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
    95.8333333333% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
}
@keyframes column-7 {
    0% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
    4.1666666667% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    8.3333333333% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    12.5% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    16.6666666667% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    20.8333333333% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    25% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    29.1666666667% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    33.3333333333% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    37.5% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    41.6666666667% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    45.8333333333% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    50% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    54.1666666667% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    58.3333333333% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    62.5% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    66.6666666667% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    70.8333333333% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    75% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    79.1666666667% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    83.3333333333% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    87.5% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    91.6666666667% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
    95.8333333333% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
}
.matrix li:nth-child(8) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(8):before {
    display: block;
    width: 1em;
    content: "0 0 0 0 1 1 0 1 0 1 1 0 1 1 0 1 0 1 1 1 1 1 0 1";
}
.matrix li:nth-child(8):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 288px, white 288px, white 576px) 0 264px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 552px;
    overflow: hidden;
    -webkit-animation: 2163ms column-8 infinite steps(1, start);
    -moz-animation: 2163ms column-8 infinite steps(1, start);
    -ms-animation: 2163ms column-8 infinite steps(1, start);
    -o-animation: 2163ms column-8 infinite steps(1, start);
    animation: 2163ms column-8 infinite steps(1, start);
}

@-webkit-keyframes column-8 {
    0% {
        background-position: 0 264px;
        padding-top: 552px;
    }
    4.1666666667% {
        background-position: 0 -288px;
        padding-top: 0px;
    }
    8.3333333333% {
        background-position: 0 -264px;
        padding-top: 24px;
    }
    12.5% {
        background-position: 0 -240px;
        padding-top: 48px;
    }
    16.6666666667% {
        background-position: 0 -216px;
        padding-top: 72px;
    }
    20.8333333333% {
        background-position: 0 -192px;
        padding-top: 96px;
    }
    25% {
        background-position: 0 -168px;
        padding-top: 120px;
    }
    29.1666666667% {
        background-position: 0 -144px;
        padding-top: 144px;
    }
    33.3333333333% {
        background-position: 0 -120px;
        padding-top: 168px;
    }
    37.5% {
        background-position: 0 -96px;
        padding-top: 192px;
    }
    41.6666666667% {
        background-position: 0 -72px;
        padding-top: 216px;
    }
    45.8333333333% {
        background-position: 0 -48px;
        padding-top: 240px;
    }
    50% {
        background-position: 0 -24px;
        padding-top: 264px;
    }
    54.1666666667% {
        background-position: 0 0px;
        padding-top: 288px;
    }
    58.3333333333% {
        background-position: 0 24px;
        padding-top: 312px;
    }
    62.5% {
        background-position: 0 48px;
        padding-top: 336px;
    }
    66.6666666667% {
        background-position: 0 72px;
        padding-top: 360px;
    }
    70.8333333333% {
        background-position: 0 96px;
        padding-top: 384px;
    }
    75% {
        background-position: 0 120px;
        padding-top: 408px;
    }
    79.1666666667% {
        background-position: 0 144px;
        padding-top: 432px;
    }
    83.3333333333% {
        background-position: 0 168px;
        padding-top: 456px;
    }
    87.5% {
        background-position: 0 192px;
        padding-top: 480px;
    }
    91.6666666667% {
        background-position: 0 216px;
        padding-top: 504px;
    }
    95.8333333333% {
        background-position: 0 240px;
        padding-top: 528px;
    }
}
@-moz-keyframes column-8 {
    0% {
        background-position: 0 264px;
        padding-top: 552px;
    }
    4.1666666667% {
        background-position: 0 -288px;
        padding-top: 0px;
    }
    8.3333333333% {
        background-position: 0 -264px;
        padding-top: 24px;
    }
    12.5% {
        background-position: 0 -240px;
        padding-top: 48px;
    }
    16.6666666667% {
        background-position: 0 -216px;
        padding-top: 72px;
    }
    20.8333333333% {
        background-position: 0 -192px;
        padding-top: 96px;
    }
    25% {
        background-position: 0 -168px;
        padding-top: 120px;
    }
    29.1666666667% {
        background-position: 0 -144px;
        padding-top: 144px;
    }
    33.3333333333% {
        background-position: 0 -120px;
        padding-top: 168px;
    }
    37.5% {
        background-position: 0 -96px;
        padding-top: 192px;
    }
    41.6666666667% {
        background-position: 0 -72px;
        padding-top: 216px;
    }
    45.8333333333% {
        background-position: 0 -48px;
        padding-top: 240px;
    }
    50% {
        background-position: 0 -24px;
        padding-top: 264px;
    }
    54.1666666667% {
        background-position: 0 0px;
        padding-top: 288px;
    }
    58.3333333333% {
        background-position: 0 24px;
        padding-top: 312px;
    }
    62.5% {
        background-position: 0 48px;
        padding-top: 336px;
    }
    66.6666666667% {
        background-position: 0 72px;
        padding-top: 360px;
    }
    70.8333333333% {
        background-position: 0 96px;
        padding-top: 384px;
    }
    75% {
        background-position: 0 120px;
        padding-top: 408px;
    }
    79.1666666667% {
        background-position: 0 144px;
        padding-top: 432px;
    }
    83.3333333333% {
        background-position: 0 168px;
        padding-top: 456px;
    }
    87.5% {
        background-position: 0 192px;
        padding-top: 480px;
    }
    91.6666666667% {
        background-position: 0 216px;
        padding-top: 504px;
    }
    95.8333333333% {
        background-position: 0 240px;
        padding-top: 528px;
    }
}
@-o-keyframes column-8 {
    0% {
        background-position: 0 264px;
        padding-top: 552px;
    }
    4.1666666667% {
        background-position: 0 -288px;
        padding-top: 0px;
    }
    8.3333333333% {
        background-position: 0 -264px;
        padding-top: 24px;
    }
    12.5% {
        background-position: 0 -240px;
        padding-top: 48px;
    }
    16.6666666667% {
        background-position: 0 -216px;
        padding-top: 72px;
    }
    20.8333333333% {
        background-position: 0 -192px;
        padding-top: 96px;
    }
    25% {
        background-position: 0 -168px;
        padding-top: 120px;
    }
    29.1666666667% {
        background-position: 0 -144px;
        padding-top: 144px;
    }
    33.3333333333% {
        background-position: 0 -120px;
        padding-top: 168px;
    }
    37.5% {
        background-position: 0 -96px;
        padding-top: 192px;
    }
    41.6666666667% {
        background-position: 0 -72px;
        padding-top: 216px;
    }
    45.8333333333% {
        background-position: 0 -48px;
        padding-top: 240px;
    }
    50% {
        background-position: 0 -24px;
        padding-top: 264px;
    }
    54.1666666667% {
        background-position: 0 0px;
        padding-top: 288px;
    }
    58.3333333333% {
        background-position: 0 24px;
        padding-top: 312px;
    }
    62.5% {
        background-position: 0 48px;
        padding-top: 336px;
    }
    66.6666666667% {
        background-position: 0 72px;
        padding-top: 360px;
    }
    70.8333333333% {
        background-position: 0 96px;
        padding-top: 384px;
    }
    75% {
        background-position: 0 120px;
        padding-top: 408px;
    }
    79.1666666667% {
        background-position: 0 144px;
        padding-top: 432px;
    }
    83.3333333333% {
        background-position: 0 168px;
        padding-top: 456px;
    }
    87.5% {
        background-position: 0 192px;
        padding-top: 480px;
    }
    91.6666666667% {
        background-position: 0 216px;
        padding-top: 504px;
    }
    95.8333333333% {
        background-position: 0 240px;
        padding-top: 528px;
    }
}
@keyframes column-8 {
    0% {
        background-position: 0 264px;
        padding-top: 552px;
    }
    4.1666666667% {
        background-position: 0 -288px;
        padding-top: 0px;
    }
    8.3333333333% {
        background-position: 0 -264px;
        padding-top: 24px;
    }
    12.5% {
        background-position: 0 -240px;
        padding-top: 48px;
    }
    16.6666666667% {
        background-position: 0 -216px;
        padding-top: 72px;
    }
    20.8333333333% {
        background-position: 0 -192px;
        padding-top: 96px;
    }
    25% {
        background-position: 0 -168px;
        padding-top: 120px;
    }
    29.1666666667% {
        background-position: 0 -144px;
        padding-top: 144px;
    }
    33.3333333333% {
        background-position: 0 -120px;
        padding-top: 168px;
    }
    37.5% {
        background-position: 0 -96px;
        padding-top: 192px;
    }
    41.6666666667% {
        background-position: 0 -72px;
        padding-top: 216px;
    }
    45.8333333333% {
        background-position: 0 -48px;
        padding-top: 240px;
    }
    50% {
        background-position: 0 -24px;
        padding-top: 264px;
    }
    54.1666666667% {
        background-position: 0 0px;
        padding-top: 288px;
    }
    58.3333333333% {
        background-position: 0 24px;
        padding-top: 312px;
    }
    62.5% {
        background-position: 0 48px;
        padding-top: 336px;
    }
    66.6666666667% {
        background-position: 0 72px;
        padding-top: 360px;
    }
    70.8333333333% {
        background-position: 0 96px;
        padding-top: 384px;
    }
    75% {
        background-position: 0 120px;
        padding-top: 408px;
    }
    79.1666666667% {
        background-position: 0 144px;
        padding-top: 432px;
    }
    83.3333333333% {
        background-position: 0 168px;
        padding-top: 456px;
    }
    87.5% {
        background-position: 0 192px;
        padding-top: 480px;
    }
    91.6666666667% {
        background-position: 0 216px;
        padding-top: 504px;
    }
    95.8333333333% {
        background-position: 0 240px;
        padding-top: 528px;
    }
}
.matrix li:nth-child(9) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(9):before {
    display: block;
    width: 1em;
    content: "1 1 1 1 1 0 1 1 1 1 0 1 0 1 0 1 0 0 0 0 1 1 1 0";
}
.matrix li:nth-child(9):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 408px, white 408px, white 576px) 0 -384px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 24px;
    overflow: hidden;
    -webkit-animation: 2163ms column-9 infinite steps(1, start);
    -moz-animation: 2163ms column-9 infinite steps(1, start);
    -ms-animation: 2163ms column-9 infinite steps(1, start);
    -o-animation: 2163ms column-9 infinite steps(1, start);
    animation: 2163ms column-9 infinite steps(1, start);
}

@-webkit-keyframes column-9 {
    0% {
        background-position: 0 -384px;
        padding-top: 24px;
    }
    4.1666666667% {
        background-position: 0 -360px;
        padding-top: 48px;
    }
    8.3333333333% {
        background-position: 0 -336px;
        padding-top: 72px;
    }
    12.5% {
        background-position: 0 -312px;
        padding-top: 96px;
    }
    16.6666666667% {
        background-position: 0 -288px;
        padding-top: 120px;
    }
    20.8333333333% {
        background-position: 0 -264px;
        padding-top: 144px;
    }
    25% {
        background-position: 0 -240px;
        padding-top: 168px;
    }
    29.1666666667% {
        background-position: 0 -216px;
        padding-top: 192px;
    }
    33.3333333333% {
        background-position: 0 -192px;
        padding-top: 216px;
    }
    37.5% {
        background-position: 0 -168px;
        padding-top: 240px;
    }
    41.6666666667% {
        background-position: 0 -144px;
        padding-top: 264px;
    }
    45.8333333333% {
        background-position: 0 -120px;
        padding-top: 288px;
    }
    50% {
        background-position: 0 -96px;
        padding-top: 312px;
    }
    54.1666666667% {
        background-position: 0 -72px;
        padding-top: 336px;
    }
    58.3333333333% {
        background-position: 0 -48px;
        padding-top: 360px;
    }
    62.5% {
        background-position: 0 -24px;
        padding-top: 384px;
    }
    66.6666666667% {
        background-position: 0 0px;
        padding-top: 408px;
    }
    70.8333333333% {
        background-position: 0 24px;
        padding-top: 432px;
    }
    75% {
        background-position: 0 48px;
        padding-top: 456px;
    }
    79.1666666667% {
        background-position: 0 72px;
        padding-top: 480px;
    }
    83.3333333333% {
        background-position: 0 96px;
        padding-top: 504px;
    }
    87.5% {
        background-position: 0 120px;
        padding-top: 528px;
    }
    91.6666666667% {
        background-position: 0 144px;
        padding-top: 552px;
    }
    95.8333333333% {
        background-position: 0 -408px;
        padding-top: 0px;
    }
}
@-moz-keyframes column-9 {
    0% {
        background-position: 0 -384px;
        padding-top: 24px;
    }
    4.1666666667% {
        background-position: 0 -360px;
        padding-top: 48px;
    }
    8.3333333333% {
        background-position: 0 -336px;
        padding-top: 72px;
    }
    12.5% {
        background-position: 0 -312px;
        padding-top: 96px;
    }
    16.6666666667% {
        background-position: 0 -288px;
        padding-top: 120px;
    }
    20.8333333333% {
        background-position: 0 -264px;
        padding-top: 144px;
    }
    25% {
        background-position: 0 -240px;
        padding-top: 168px;
    }
    29.1666666667% {
        background-position: 0 -216px;
        padding-top: 192px;
    }
    33.3333333333% {
        background-position: 0 -192px;
        padding-top: 216px;
    }
    37.5% {
        background-position: 0 -168px;
        padding-top: 240px;
    }
    41.6666666667% {
        background-position: 0 -144px;
        padding-top: 264px;
    }
    45.8333333333% {
        background-position: 0 -120px;
        padding-top: 288px;
    }
    50% {
        background-position: 0 -96px;
        padding-top: 312px;
    }
    54.1666666667% {
        background-position: 0 -72px;
        padding-top: 336px;
    }
    58.3333333333% {
        background-position: 0 -48px;
        padding-top: 360px;
    }
    62.5% {
        background-position: 0 -24px;
        padding-top: 384px;
    }
    66.6666666667% {
        background-position: 0 0px;
        padding-top: 408px;
    }
    70.8333333333% {
        background-position: 0 24px;
        padding-top: 432px;
    }
    75% {
        background-position: 0 48px;
        padding-top: 456px;
    }
    79.1666666667% {
        background-position: 0 72px;
        padding-top: 480px;
    }
    83.3333333333% {
        background-position: 0 96px;
        padding-top: 504px;
    }
    87.5% {
        background-position: 0 120px;
        padding-top: 528px;
    }
    91.6666666667% {
        background-position: 0 144px;
        padding-top: 552px;
    }
    95.8333333333% {
        background-position: 0 -408px;
        padding-top: 0px;
    }
}
@-o-keyframes column-9 {
    0% {
        background-position: 0 -384px;
        padding-top: 24px;
    }
    4.1666666667% {
        background-position: 0 -360px;
        padding-top: 48px;
    }
    8.3333333333% {
        background-position: 0 -336px;
        padding-top: 72px;
    }
    12.5% {
        background-position: 0 -312px;
        padding-top: 96px;
    }
    16.6666666667% {
        background-position: 0 -288px;
        padding-top: 120px;
    }
    20.8333333333% {
        background-position: 0 -264px;
        padding-top: 144px;
    }
    25% {
        background-position: 0 -240px;
        padding-top: 168px;
    }
    29.1666666667% {
        background-position: 0 -216px;
        padding-top: 192px;
    }
    33.3333333333% {
        background-position: 0 -192px;
        padding-top: 216px;
    }
    37.5% {
        background-position: 0 -168px;
        padding-top: 240px;
    }
    41.6666666667% {
        background-position: 0 -144px;
        padding-top: 264px;
    }
    45.8333333333% {
        background-position: 0 -120px;
        padding-top: 288px;
    }
    50% {
        background-position: 0 -96px;
        padding-top: 312px;
    }
    54.1666666667% {
        background-position: 0 -72px;
        padding-top: 336px;
    }
    58.3333333333% {
        background-position: 0 -48px;
        padding-top: 360px;
    }
    62.5% {
        background-position: 0 -24px;
        padding-top: 384px;
    }
    66.6666666667% {
        background-position: 0 0px;
        padding-top: 408px;
    }
    70.8333333333% {
        background-position: 0 24px;
        padding-top: 432px;
    }
    75% {
        background-position: 0 48px;
        padding-top: 456px;
    }
    79.1666666667% {
        background-position: 0 72px;
        padding-top: 480px;
    }
    83.3333333333% {
        background-position: 0 96px;
        padding-top: 504px;
    }
    87.5% {
        background-position: 0 120px;
        padding-top: 528px;
    }
    91.6666666667% {
        background-position: 0 144px;
        padding-top: 552px;
    }
    95.8333333333% {
        background-position: 0 -408px;
        padding-top: 0px;
    }
}
@keyframes column-9 {
    0% {
        background-position: 0 -384px;
        padding-top: 24px;
    }
    4.1666666667% {
        background-position: 0 -360px;
        padding-top: 48px;
    }
    8.3333333333% {
        background-position: 0 -336px;
        padding-top: 72px;
    }
    12.5% {
        background-position: 0 -312px;
        padding-top: 96px;
    }
    16.6666666667% {
        background-position: 0 -288px;
        padding-top: 120px;
    }
    20.8333333333% {
        background-position: 0 -264px;
        padding-top: 144px;
    }
    25% {
        background-position: 0 -240px;
        padding-top: 168px;
    }
    29.1666666667% {
        background-position: 0 -216px;
        padding-top: 192px;
    }
    33.3333333333% {
        background-position: 0 -192px;
        padding-top: 216px;
    }
    37.5% {
        background-position: 0 -168px;
        padding-top: 240px;
    }
    41.6666666667% {
        background-position: 0 -144px;
        padding-top: 264px;
    }
    45.8333333333% {
        background-position: 0 -120px;
        padding-top: 288px;
    }
    50% {
        background-position: 0 -96px;
        padding-top: 312px;
    }
    54.1666666667% {
        background-position: 0 -72px;
        padding-top: 336px;
    }
    58.3333333333% {
        background-position: 0 -48px;
        padding-top: 360px;
    }
    62.5% {
        background-position: 0 -24px;
        padding-top: 384px;
    }
    66.6666666667% {
        background-position: 0 0px;
        padding-top: 408px;
    }
    70.8333333333% {
        background-position: 0 24px;
        padding-top: 432px;
    }
    75% {
        background-position: 0 48px;
        padding-top: 456px;
    }
    79.1666666667% {
        background-position: 0 72px;
        padding-top: 480px;
    }
    83.3333333333% {
        background-position: 0 96px;
        padding-top: 504px;
    }
    87.5% {
        background-position: 0 120px;
        padding-top: 528px;
    }
    91.6666666667% {
        background-position: 0 144px;
        padding-top: 552px;
    }
    95.8333333333% {
        background-position: 0 -408px;
        padding-top: 0px;
    }
}
.matrix li:nth-child(10) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(10):before {
    display: block;
    width: 1em;
    content: "1 0 1 0 1 0 0 0 0 0 0 0 1 0 1 0 1 1 0 1 1 1 1 1";
}
.matrix li:nth-child(10):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 384px, white 384px, white 576px) 0 -312px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 72px;
    overflow: hidden;
    -webkit-animation: 2163ms column-10 infinite steps(1, start);
    -moz-animation: 2163ms column-10 infinite steps(1, start);
    -ms-animation: 2163ms column-10 infinite steps(1, start);
    -o-animation: 2163ms column-10 infinite steps(1, start);
    animation: 2163ms column-10 infinite steps(1, start);
}

@-webkit-keyframes column-10 {
    0% {
        background-position: 0 -312px;
        padding-top: 72px;
    }
    4.1666666667% {
        background-position: 0 -288px;
        padding-top: 96px;
    }
    8.3333333333% {
        background-position: 0 -264px;
        padding-top: 120px;
    }
    12.5% {
        background-position: 0 -240px;
        padding-top: 144px;
    }
    16.6666666667% {
        background-position: 0 -216px;
        padding-top: 168px;
    }
    20.8333333333% {
        background-position: 0 -192px;
        padding-top: 192px;
    }
    25% {
        background-position: 0 -168px;
        padding-top: 216px;
    }
    29.1666666667% {
        background-position: 0 -144px;
        padding-top: 240px;
    }
    33.3333333333% {
        background-position: 0 -120px;
        padding-top: 264px;
    }
    37.5% {
        background-position: 0 -96px;
        padding-top: 288px;
    }
    41.6666666667% {
        background-position: 0 -72px;
        padding-top: 312px;
    }
    45.8333333333% {
        background-position: 0 -48px;
        padding-top: 336px;
    }
    50% {
        background-position: 0 -24px;
        padding-top: 360px;
    }
    54.1666666667% {
        background-position: 0 0px;
        padding-top: 384px;
    }
    58.3333333333% {
        background-position: 0 24px;
        padding-top: 408px;
    }
    62.5% {
        background-position: 0 48px;
        padding-top: 432px;
    }
    66.6666666667% {
        background-position: 0 72px;
        padding-top: 456px;
    }
    70.8333333333% {
        background-position: 0 96px;
        padding-top: 480px;
    }
    75% {
        background-position: 0 120px;
        padding-top: 504px;
    }
    79.1666666667% {
        background-position: 0 144px;
        padding-top: 528px;
    }
    83.3333333333% {
        background-position: 0 168px;
        padding-top: 552px;
    }
    87.5% {
        background-position: 0 -384px;
        padding-top: 0px;
    }
    91.6666666667% {
        background-position: 0 -360px;
        padding-top: 24px;
    }
    95.8333333333% {
        background-position: 0 -336px;
        padding-top: 48px;
    }
}
@-moz-keyframes column-10 {
    0% {
        background-position: 0 -312px;
        padding-top: 72px;
    }
    4.1666666667% {
        background-position: 0 -288px;
        padding-top: 96px;
    }
    8.3333333333% {
        background-position: 0 -264px;
        padding-top: 120px;
    }
    12.5% {
        background-position: 0 -240px;
        padding-top: 144px;
    }
    16.6666666667% {
        background-position: 0 -216px;
        padding-top: 168px;
    }
    20.8333333333% {
        background-position: 0 -192px;
        padding-top: 192px;
    }
    25% {
        background-position: 0 -168px;
        padding-top: 216px;
    }
    29.1666666667% {
        background-position: 0 -144px;
        padding-top: 240px;
    }
    33.3333333333% {
        background-position: 0 -120px;
        padding-top: 264px;
    }
    37.5% {
        background-position: 0 -96px;
        padding-top: 288px;
    }
    41.6666666667% {
        background-position: 0 -72px;
        padding-top: 312px;
    }
    45.8333333333% {
        background-position: 0 -48px;
        padding-top: 336px;
    }
    50% {
        background-position: 0 -24px;
        padding-top: 360px;
    }
    54.1666666667% {
        background-position: 0 0px;
        padding-top: 384px;
    }
    58.3333333333% {
        background-position: 0 24px;
        padding-top: 408px;
    }
    62.5% {
        background-position: 0 48px;
        padding-top: 432px;
    }
    66.6666666667% {
        background-position: 0 72px;
        padding-top: 456px;
    }
    70.8333333333% {
        background-position: 0 96px;
        padding-top: 480px;
    }
    75% {
        background-position: 0 120px;
        padding-top: 504px;
    }
    79.1666666667% {
        background-position: 0 144px;
        padding-top: 528px;
    }
    83.3333333333% {
        background-position: 0 168px;
        padding-top: 552px;
    }
    87.5% {
        background-position: 0 -384px;
        padding-top: 0px;
    }
    91.6666666667% {
        background-position: 0 -360px;
        padding-top: 24px;
    }
    95.8333333333% {
        background-position: 0 -336px;
        padding-top: 48px;
    }
}
@-o-keyframes column-10 {
    0% {
        background-position: 0 -312px;
        padding-top: 72px;
    }
    4.1666666667% {
        background-position: 0 -288px;
        padding-top: 96px;
    }
    8.3333333333% {
        background-position: 0 -264px;
        padding-top: 120px;
    }
    12.5% {
        background-position: 0 -240px;
        padding-top: 144px;
    }
    16.6666666667% {
        background-position: 0 -216px;
        padding-top: 168px;
    }
    20.8333333333% {
        background-position: 0 -192px;
        padding-top: 192px;
    }
    25% {
        background-position: 0 -168px;
        padding-top: 216px;
    }
    29.1666666667% {
        background-position: 0 -144px;
        padding-top: 240px;
    }
    33.3333333333% {
        background-position: 0 -120px;
        padding-top: 264px;
    }
    37.5% {
        background-position: 0 -96px;
        padding-top: 288px;
    }
    41.6666666667% {
        background-position: 0 -72px;
        padding-top: 312px;
    }
    45.8333333333% {
        background-position: 0 -48px;
        padding-top: 336px;
    }
    50% {
        background-position: 0 -24px;
        padding-top: 360px;
    }
    54.1666666667% {
        background-position: 0 0px;
        padding-top: 384px;
    }
    58.3333333333% {
        background-position: 0 24px;
        padding-top: 408px;
    }
    62.5% {
        background-position: 0 48px;
        padding-top: 432px;
    }
    66.6666666667% {
        background-position: 0 72px;
        padding-top: 456px;
    }
    70.8333333333% {
        background-position: 0 96px;
        padding-top: 480px;
    }
    75% {
        background-position: 0 120px;
        padding-top: 504px;
    }
    79.1666666667% {
        background-position: 0 144px;
        padding-top: 528px;
    }
    83.3333333333% {
        background-position: 0 168px;
        padding-top: 552px;
    }
    87.5% {
        background-position: 0 -384px;
        padding-top: 0px;
    }
    91.6666666667% {
        background-position: 0 -360px;
        padding-top: 24px;
    }
    95.8333333333% {
        background-position: 0 -336px;
        padding-top: 48px;
    }
}
@keyframes column-10 {
    0% {
        background-position: 0 -312px;
        padding-top: 72px;
    }
    4.1666666667% {
        background-position: 0 -288px;
        padding-top: 96px;
    }
    8.3333333333% {
        background-position: 0 -264px;
        padding-top: 120px;
    }
    12.5% {
        background-position: 0 -240px;
        padding-top: 144px;
    }
    16.6666666667% {
        background-position: 0 -216px;
        padding-top: 168px;
    }
    20.8333333333% {
        background-position: 0 -192px;
        padding-top: 192px;
    }
    25% {
        background-position: 0 -168px;
        padding-top: 216px;
    }
    29.1666666667% {
        background-position: 0 -144px;
        padding-top: 240px;
    }
    33.3333333333% {
        background-position: 0 -120px;
        padding-top: 264px;
    }
    37.5% {
        background-position: 0 -96px;
        padding-top: 288px;
    }
    41.6666666667% {
        background-position: 0 -72px;
        padding-top: 312px;
    }
    45.8333333333% {
        background-position: 0 -48px;
        padding-top: 336px;
    }
    50% {
        background-position: 0 -24px;
        padding-top: 360px;
    }
    54.1666666667% {
        background-position: 0 0px;
        padding-top: 384px;
    }
    58.3333333333% {
        background-position: 0 24px;
        padding-top: 408px;
    }
    62.5% {
        background-position: 0 48px;
        padding-top: 432px;
    }
    66.6666666667% {
        background-position: 0 72px;
        padding-top: 456px;
    }
    70.8333333333% {
        background-position: 0 96px;
        padding-top: 480px;
    }
    75% {
        background-position: 0 120px;
        padding-top: 504px;
    }
    79.1666666667% {
        background-position: 0 144px;
        padding-top: 528px;
    }
    83.3333333333% {
        background-position: 0 168px;
        padding-top: 552px;
    }
    87.5% {
        background-position: 0 -384px;
        padding-top: 0px;
    }
    91.6666666667% {
        background-position: 0 -360px;
        padding-top: 24px;
    }
    95.8333333333% {
        background-position: 0 -336px;
        padding-top: 48px;
    }
}
.matrix li:nth-child(11) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(11):before {
    display: block;
    width: 1em;
    content: "0 1 0 1 0 1 1 0 1 1 1 0 0 1 0 0 0 0 0 1 0 0 0 1";
}
.matrix li:nth-child(11):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 456px, white 456px, white 576px) 0 -48px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 408px;
    overflow: hidden;
    -webkit-animation: 2163ms column-11 infinite steps(1, start);
    -moz-animation: 2163ms column-11 infinite steps(1, start);
    -ms-animation: 2163ms column-11 infinite steps(1, start);
    -o-animation: 2163ms column-11 infinite steps(1, start);
    animation: 2163ms column-11 infinite steps(1, start);
}

@-webkit-keyframes column-11 {
    0% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    29.1666666667% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    33.3333333333% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    37.5% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    41.6666666667% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    45.8333333333% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    50% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    54.1666666667% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    58.3333333333% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    62.5% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
}
@-moz-keyframes column-11 {
    0% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    29.1666666667% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    33.3333333333% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    37.5% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    41.6666666667% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    45.8333333333% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    50% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    54.1666666667% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    58.3333333333% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    62.5% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
}
@-o-keyframes column-11 {
    0% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    29.1666666667% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    33.3333333333% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    37.5% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    41.6666666667% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    45.8333333333% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    50% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    54.1666666667% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    58.3333333333% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    62.5% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
}
@keyframes column-11 {
    0% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    29.1666666667% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    33.3333333333% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    37.5% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    41.6666666667% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    45.8333333333% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    50% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    54.1666666667% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    58.3333333333% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    62.5% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
}
.matrix li:nth-child(12) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(12):before {
    display: block;
    width: 1em;
    content: "0 0 0 0 0 0 1 0 1 1 0 1 1 1 1 0 1 0 1 1 1 1 1 0";
}
.matrix li:nth-child(12):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 432px, white 432px, white 576px) 0 -48px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 384px;
    overflow: hidden;
    -webkit-animation: 2163ms column-12 infinite steps(1, start);
    -moz-animation: 2163ms column-12 infinite steps(1, start);
    -ms-animation: 2163ms column-12 infinite steps(1, start);
    -o-animation: 2163ms column-12 infinite steps(1, start);
    animation: 2163ms column-12 infinite steps(1, start);
}

@-webkit-keyframes column-12 {
    0% {
        background-position: 0 -48px;
        padding-top: 384px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 408px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 432px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 456px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 480px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 504px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 528px;
    }
    29.1666666667% {
        background-position: 0 120px;
        padding-top: 552px;
    }
    33.3333333333% {
        background-position: 0 -432px;
        padding-top: 0px;
    }
    37.5% {
        background-position: 0 -408px;
        padding-top: 24px;
    }
    41.6666666667% {
        background-position: 0 -384px;
        padding-top: 48px;
    }
    45.8333333333% {
        background-position: 0 -360px;
        padding-top: 72px;
    }
    50% {
        background-position: 0 -336px;
        padding-top: 96px;
    }
    54.1666666667% {
        background-position: 0 -312px;
        padding-top: 120px;
    }
    58.3333333333% {
        background-position: 0 -288px;
        padding-top: 144px;
    }
    62.5% {
        background-position: 0 -264px;
        padding-top: 168px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 192px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 216px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 240px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 264px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 288px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 312px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 336px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 360px;
    }
}
@-moz-keyframes column-12 {
    0% {
        background-position: 0 -48px;
        padding-top: 384px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 408px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 432px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 456px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 480px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 504px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 528px;
    }
    29.1666666667% {
        background-position: 0 120px;
        padding-top: 552px;
    }
    33.3333333333% {
        background-position: 0 -432px;
        padding-top: 0px;
    }
    37.5% {
        background-position: 0 -408px;
        padding-top: 24px;
    }
    41.6666666667% {
        background-position: 0 -384px;
        padding-top: 48px;
    }
    45.8333333333% {
        background-position: 0 -360px;
        padding-top: 72px;
    }
    50% {
        background-position: 0 -336px;
        padding-top: 96px;
    }
    54.1666666667% {
        background-position: 0 -312px;
        padding-top: 120px;
    }
    58.3333333333% {
        background-position: 0 -288px;
        padding-top: 144px;
    }
    62.5% {
        background-position: 0 -264px;
        padding-top: 168px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 192px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 216px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 240px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 264px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 288px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 312px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 336px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 360px;
    }
}
@-o-keyframes column-12 {
    0% {
        background-position: 0 -48px;
        padding-top: 384px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 408px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 432px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 456px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 480px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 504px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 528px;
    }
    29.1666666667% {
        background-position: 0 120px;
        padding-top: 552px;
    }
    33.3333333333% {
        background-position: 0 -432px;
        padding-top: 0px;
    }
    37.5% {
        background-position: 0 -408px;
        padding-top: 24px;
    }
    41.6666666667% {
        background-position: 0 -384px;
        padding-top: 48px;
    }
    45.8333333333% {
        background-position: 0 -360px;
        padding-top: 72px;
    }
    50% {
        background-position: 0 -336px;
        padding-top: 96px;
    }
    54.1666666667% {
        background-position: 0 -312px;
        padding-top: 120px;
    }
    58.3333333333% {
        background-position: 0 -288px;
        padding-top: 144px;
    }
    62.5% {
        background-position: 0 -264px;
        padding-top: 168px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 192px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 216px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 240px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 264px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 288px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 312px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 336px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 360px;
    }
}
@keyframes column-12 {
    0% {
        background-position: 0 -48px;
        padding-top: 384px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 408px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 432px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 456px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 480px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 504px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 528px;
    }
    29.1666666667% {
        background-position: 0 120px;
        padding-top: 552px;
    }
    33.3333333333% {
        background-position: 0 -432px;
        padding-top: 0px;
    }
    37.5% {
        background-position: 0 -408px;
        padding-top: 24px;
    }
    41.6666666667% {
        background-position: 0 -384px;
        padding-top: 48px;
    }
    45.8333333333% {
        background-position: 0 -360px;
        padding-top: 72px;
    }
    50% {
        background-position: 0 -336px;
        padding-top: 96px;
    }
    54.1666666667% {
        background-position: 0 -312px;
        padding-top: 120px;
    }
    58.3333333333% {
        background-position: 0 -288px;
        padding-top: 144px;
    }
    62.5% {
        background-position: 0 -264px;
        padding-top: 168px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 192px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 216px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 240px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 264px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 288px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 312px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 336px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 360px;
    }
}
.matrix li:nth-child(13) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(13):before {
    display: block;
    width: 1em;
    content: "1 0 1 0 1 0 0 0 0 1 0 0 1 0 0 1 1 0 0 1 0 0 1 1";
}
.matrix li:nth-child(13):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 120px, white 120px, white 576px) 0 120px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 240px;
    overflow: hidden;
    -webkit-animation: 2163ms column-13 infinite steps(1, start);
    -moz-animation: 2163ms column-13 infinite steps(1, start);
    -ms-animation: 2163ms column-13 infinite steps(1, start);
    -o-animation: 2163ms column-13 infinite steps(1, start);
    animation: 2163ms column-13 infinite steps(1, start);
}

@-webkit-keyframes column-13 {
    0% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    4.1666666667% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    8.3333333333% {
        background-position: 0 168px;
        padding-top: 288px;
    }
    12.5% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    16.6666666667% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    20.8333333333% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    25% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    29.1666666667% {
        background-position: 0 288px;
        padding-top: 408px;
    }
    33.3333333333% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    37.5% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    41.6666666667% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    45.8333333333% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    50% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    54.1666666667% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    58.3333333333% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    62.5% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    66.6666666667% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    70.8333333333% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
    75% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    79.1666666667% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    83.3333333333% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    87.5% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    91.6666666667% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    95.8333333333% {
        background-position: 0 96px;
        padding-top: 216px;
    }
}
@-moz-keyframes column-13 {
    0% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    4.1666666667% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    8.3333333333% {
        background-position: 0 168px;
        padding-top: 288px;
    }
    12.5% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    16.6666666667% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    20.8333333333% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    25% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    29.1666666667% {
        background-position: 0 288px;
        padding-top: 408px;
    }
    33.3333333333% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    37.5% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    41.6666666667% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    45.8333333333% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    50% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    54.1666666667% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    58.3333333333% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    62.5% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    66.6666666667% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    70.8333333333% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
    75% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    79.1666666667% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    83.3333333333% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    87.5% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    91.6666666667% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    95.8333333333% {
        background-position: 0 96px;
        padding-top: 216px;
    }
}
@-o-keyframes column-13 {
    0% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    4.1666666667% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    8.3333333333% {
        background-position: 0 168px;
        padding-top: 288px;
    }
    12.5% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    16.6666666667% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    20.8333333333% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    25% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    29.1666666667% {
        background-position: 0 288px;
        padding-top: 408px;
    }
    33.3333333333% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    37.5% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    41.6666666667% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    45.8333333333% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    50% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    54.1666666667% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    58.3333333333% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    62.5% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    66.6666666667% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    70.8333333333% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
    75% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    79.1666666667% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    83.3333333333% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    87.5% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    91.6666666667% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    95.8333333333% {
        background-position: 0 96px;
        padding-top: 216px;
    }
}
@keyframes column-13 {
    0% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    4.1666666667% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    8.3333333333% {
        background-position: 0 168px;
        padding-top: 288px;
    }
    12.5% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    16.6666666667% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    20.8333333333% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    25% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    29.1666666667% {
        background-position: 0 288px;
        padding-top: 408px;
    }
    33.3333333333% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    37.5% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    41.6666666667% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    45.8333333333% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    50% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    54.1666666667% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    58.3333333333% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    62.5% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    66.6666666667% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    70.8333333333% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
    75% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    79.1666666667% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    83.3333333333% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    87.5% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    91.6666666667% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    95.8333333333% {
        background-position: 0 96px;
        padding-top: 216px;
    }
}
.matrix li:nth-child(14) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(14):before {
    display: block;
    width: 1em;
    content: "0 0 1 1 1 0 0 0 1 1 1 0 0 0 1 1 1 0 1 1 0 1 0 1";
}
.matrix li:nth-child(14):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 456px, white 456px, white 576px) 0 0px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 456px;
    overflow: hidden;
    -webkit-animation: 2163ms column-14 infinite steps(1, start);
    -moz-animation: 2163ms column-14 infinite steps(1, start);
    -ms-animation: 2163ms column-14 infinite steps(1, start);
    -o-animation: 2163ms column-14 infinite steps(1, start);
    animation: 2163ms column-14 infinite steps(1, start);
}

@-webkit-keyframes column-14 {
    0% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    16.6666666667% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    20.8333333333% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    25% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    29.1666666667% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    33.3333333333% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    37.5% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    41.6666666667% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    45.8333333333% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    50% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    54.1666666667% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    58.3333333333% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    62.5% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
}
@-moz-keyframes column-14 {
    0% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    16.6666666667% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    20.8333333333% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    25% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    29.1666666667% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    33.3333333333% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    37.5% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    41.6666666667% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    45.8333333333% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    50% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    54.1666666667% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    58.3333333333% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    62.5% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
}
@-o-keyframes column-14 {
    0% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    16.6666666667% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    20.8333333333% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    25% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    29.1666666667% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    33.3333333333% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    37.5% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    41.6666666667% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    45.8333333333% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    50% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    54.1666666667% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    58.3333333333% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    62.5% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
}
@keyframes column-14 {
    0% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    16.6666666667% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    20.8333333333% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    25% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    29.1666666667% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    33.3333333333% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    37.5% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    41.6666666667% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    45.8333333333% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    50% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    54.1666666667% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    58.3333333333% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    62.5% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
}
.matrix li:nth-child(15) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(15):before {
    display: block;
    width: 1em;
    content: "0 0 0 1 1 1 0 0 1 1 0 1 0 1 1 1 0 0 0 0 0 1 1 1";
}
.matrix li:nth-child(15):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 96px, white 96px, white 576px) 0 288px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 384px;
    overflow: hidden;
    -webkit-animation: 2163ms column-15 infinite steps(1, start);
    -moz-animation: 2163ms column-15 infinite steps(1, start);
    -ms-animation: 2163ms column-15 infinite steps(1, start);
    -o-animation: 2163ms column-15 infinite steps(1, start);
    animation: 2163ms column-15 infinite steps(1, start);
}

@-webkit-keyframes column-15 {
    0% {
        background-position: 0 288px;
        padding-top: 384px;
    }
    4.1666666667% {
        background-position: 0 312px;
        padding-top: 408px;
    }
    8.3333333333% {
        background-position: 0 336px;
        padding-top: 432px;
    }
    12.5% {
        background-position: 0 360px;
        padding-top: 456px;
    }
    16.6666666667% {
        background-position: 0 384px;
        padding-top: 480px;
    }
    20.8333333333% {
        background-position: 0 408px;
        padding-top: 504px;
    }
    25% {
        background-position: 0 432px;
        padding-top: 528px;
    }
    29.1666666667% {
        background-position: 0 456px;
        padding-top: 552px;
    }
    33.3333333333% {
        background-position: 0 -96px;
        padding-top: 0px;
    }
    37.5% {
        background-position: 0 -72px;
        padding-top: 24px;
    }
    41.6666666667% {
        background-position: 0 -48px;
        padding-top: 48px;
    }
    45.8333333333% {
        background-position: 0 -24px;
        padding-top: 72px;
    }
    50% {
        background-position: 0 0px;
        padding-top: 96px;
    }
    54.1666666667% {
        background-position: 0 24px;
        padding-top: 120px;
    }
    58.3333333333% {
        background-position: 0 48px;
        padding-top: 144px;
    }
    62.5% {
        background-position: 0 72px;
        padding-top: 168px;
    }
    66.6666666667% {
        background-position: 0 96px;
        padding-top: 192px;
    }
    70.8333333333% {
        background-position: 0 120px;
        padding-top: 216px;
    }
    75% {
        background-position: 0 144px;
        padding-top: 240px;
    }
    79.1666666667% {
        background-position: 0 168px;
        padding-top: 264px;
    }
    83.3333333333% {
        background-position: 0 192px;
        padding-top: 288px;
    }
    87.5% {
        background-position: 0 216px;
        padding-top: 312px;
    }
    91.6666666667% {
        background-position: 0 240px;
        padding-top: 336px;
    }
    95.8333333333% {
        background-position: 0 264px;
        padding-top: 360px;
    }
}
@-moz-keyframes column-15 {
    0% {
        background-position: 0 288px;
        padding-top: 384px;
    }
    4.1666666667% {
        background-position: 0 312px;
        padding-top: 408px;
    }
    8.3333333333% {
        background-position: 0 336px;
        padding-top: 432px;
    }
    12.5% {
        background-position: 0 360px;
        padding-top: 456px;
    }
    16.6666666667% {
        background-position: 0 384px;
        padding-top: 480px;
    }
    20.8333333333% {
        background-position: 0 408px;
        padding-top: 504px;
    }
    25% {
        background-position: 0 432px;
        padding-top: 528px;
    }
    29.1666666667% {
        background-position: 0 456px;
        padding-top: 552px;
    }
    33.3333333333% {
        background-position: 0 -96px;
        padding-top: 0px;
    }
    37.5% {
        background-position: 0 -72px;
        padding-top: 24px;
    }
    41.6666666667% {
        background-position: 0 -48px;
        padding-top: 48px;
    }
    45.8333333333% {
        background-position: 0 -24px;
        padding-top: 72px;
    }
    50% {
        background-position: 0 0px;
        padding-top: 96px;
    }
    54.1666666667% {
        background-position: 0 24px;
        padding-top: 120px;
    }
    58.3333333333% {
        background-position: 0 48px;
        padding-top: 144px;
    }
    62.5% {
        background-position: 0 72px;
        padding-top: 168px;
    }
    66.6666666667% {
        background-position: 0 96px;
        padding-top: 192px;
    }
    70.8333333333% {
        background-position: 0 120px;
        padding-top: 216px;
    }
    75% {
        background-position: 0 144px;
        padding-top: 240px;
    }
    79.1666666667% {
        background-position: 0 168px;
        padding-top: 264px;
    }
    83.3333333333% {
        background-position: 0 192px;
        padding-top: 288px;
    }
    87.5% {
        background-position: 0 216px;
        padding-top: 312px;
    }
    91.6666666667% {
        background-position: 0 240px;
        padding-top: 336px;
    }
    95.8333333333% {
        background-position: 0 264px;
        padding-top: 360px;
    }
}
@-o-keyframes column-15 {
    0% {
        background-position: 0 288px;
        padding-top: 384px;
    }
    4.1666666667% {
        background-position: 0 312px;
        padding-top: 408px;
    }
    8.3333333333% {
        background-position: 0 336px;
        padding-top: 432px;
    }
    12.5% {
        background-position: 0 360px;
        padding-top: 456px;
    }
    16.6666666667% {
        background-position: 0 384px;
        padding-top: 480px;
    }
    20.8333333333% {
        background-position: 0 408px;
        padding-top: 504px;
    }
    25% {
        background-position: 0 432px;
        padding-top: 528px;
    }
    29.1666666667% {
        background-position: 0 456px;
        padding-top: 552px;
    }
    33.3333333333% {
        background-position: 0 -96px;
        padding-top: 0px;
    }
    37.5% {
        background-position: 0 -72px;
        padding-top: 24px;
    }
    41.6666666667% {
        background-position: 0 -48px;
        padding-top: 48px;
    }
    45.8333333333% {
        background-position: 0 -24px;
        padding-top: 72px;
    }
    50% {
        background-position: 0 0px;
        padding-top: 96px;
    }
    54.1666666667% {
        background-position: 0 24px;
        padding-top: 120px;
    }
    58.3333333333% {
        background-position: 0 48px;
        padding-top: 144px;
    }
    62.5% {
        background-position: 0 72px;
        padding-top: 168px;
    }
    66.6666666667% {
        background-position: 0 96px;
        padding-top: 192px;
    }
    70.8333333333% {
        background-position: 0 120px;
        padding-top: 216px;
    }
    75% {
        background-position: 0 144px;
        padding-top: 240px;
    }
    79.1666666667% {
        background-position: 0 168px;
        padding-top: 264px;
    }
    83.3333333333% {
        background-position: 0 192px;
        padding-top: 288px;
    }
    87.5% {
        background-position: 0 216px;
        padding-top: 312px;
    }
    91.6666666667% {
        background-position: 0 240px;
        padding-top: 336px;
    }
    95.8333333333% {
        background-position: 0 264px;
        padding-top: 360px;
    }
}
@keyframes column-15 {
    0% {
        background-position: 0 288px;
        padding-top: 384px;
    }
    4.1666666667% {
        background-position: 0 312px;
        padding-top: 408px;
    }
    8.3333333333% {
        background-position: 0 336px;
        padding-top: 432px;
    }
    12.5% {
        background-position: 0 360px;
        padding-top: 456px;
    }
    16.6666666667% {
        background-position: 0 384px;
        padding-top: 480px;
    }
    20.8333333333% {
        background-position: 0 408px;
        padding-top: 504px;
    }
    25% {
        background-position: 0 432px;
        padding-top: 528px;
    }
    29.1666666667% {
        background-position: 0 456px;
        padding-top: 552px;
    }
    33.3333333333% {
        background-position: 0 -96px;
        padding-top: 0px;
    }
    37.5% {
        background-position: 0 -72px;
        padding-top: 24px;
    }
    41.6666666667% {
        background-position: 0 -48px;
        padding-top: 48px;
    }
    45.8333333333% {
        background-position: 0 -24px;
        padding-top: 72px;
    }
    50% {
        background-position: 0 0px;
        padding-top: 96px;
    }
    54.1666666667% {
        background-position: 0 24px;
        padding-top: 120px;
    }
    58.3333333333% {
        background-position: 0 48px;
        padding-top: 144px;
    }
    62.5% {
        background-position: 0 72px;
        padding-top: 168px;
    }
    66.6666666667% {
        background-position: 0 96px;
        padding-top: 192px;
    }
    70.8333333333% {
        background-position: 0 120px;
        padding-top: 216px;
    }
    75% {
        background-position: 0 144px;
        padding-top: 240px;
    }
    79.1666666667% {
        background-position: 0 168px;
        padding-top: 264px;
    }
    83.3333333333% {
        background-position: 0 192px;
        padding-top: 288px;
    }
    87.5% {
        background-position: 0 216px;
        padding-top: 312px;
    }
    91.6666666667% {
        background-position: 0 240px;
        padding-top: 336px;
    }
    95.8333333333% {
        background-position: 0 264px;
        padding-top: 360px;
    }
}
.matrix li:nth-child(16) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(16):before {
    display: block;
    width: 1em;
    content: "1 1 1 0 1 0 1 0 0 1 0 1 1 0 1 1 1 0 0 1 0 1 0 1";
}
.matrix li:nth-child(16):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 96px, white 96px, white 576px) 0 168px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 264px;
    overflow: hidden;
    -webkit-animation: 2163ms column-16 infinite steps(1, start);
    -moz-animation: 2163ms column-16 infinite steps(1, start);
    -ms-animation: 2163ms column-16 infinite steps(1, start);
    -o-animation: 2163ms column-16 infinite steps(1, start);
    animation: 2163ms column-16 infinite steps(1, start);
}

@-webkit-keyframes column-16 {
    0% {
        background-position: 0 168px;
        padding-top: 264px;
    }
    4.1666666667% {
        background-position: 0 192px;
        padding-top: 288px;
    }
    8.3333333333% {
        background-position: 0 216px;
        padding-top: 312px;
    }
    12.5% {
        background-position: 0 240px;
        padding-top: 336px;
    }
    16.6666666667% {
        background-position: 0 264px;
        padding-top: 360px;
    }
    20.8333333333% {
        background-position: 0 288px;
        padding-top: 384px;
    }
    25% {
        background-position: 0 312px;
        padding-top: 408px;
    }
    29.1666666667% {
        background-position: 0 336px;
        padding-top: 432px;
    }
    33.3333333333% {
        background-position: 0 360px;
        padding-top: 456px;
    }
    37.5% {
        background-position: 0 384px;
        padding-top: 480px;
    }
    41.6666666667% {
        background-position: 0 408px;
        padding-top: 504px;
    }
    45.8333333333% {
        background-position: 0 432px;
        padding-top: 528px;
    }
    50% {
        background-position: 0 456px;
        padding-top: 552px;
    }
    54.1666666667% {
        background-position: 0 -96px;
        padding-top: 0px;
    }
    58.3333333333% {
        background-position: 0 -72px;
        padding-top: 24px;
    }
    62.5% {
        background-position: 0 -48px;
        padding-top: 48px;
    }
    66.6666666667% {
        background-position: 0 -24px;
        padding-top: 72px;
    }
    70.8333333333% {
        background-position: 0 0px;
        padding-top: 96px;
    }
    75% {
        background-position: 0 24px;
        padding-top: 120px;
    }
    79.1666666667% {
        background-position: 0 48px;
        padding-top: 144px;
    }
    83.3333333333% {
        background-position: 0 72px;
        padding-top: 168px;
    }
    87.5% {
        background-position: 0 96px;
        padding-top: 192px;
    }
    91.6666666667% {
        background-position: 0 120px;
        padding-top: 216px;
    }
    95.8333333333% {
        background-position: 0 144px;
        padding-top: 240px;
    }
}
@-moz-keyframes column-16 {
    0% {
        background-position: 0 168px;
        padding-top: 264px;
    }
    4.1666666667% {
        background-position: 0 192px;
        padding-top: 288px;
    }
    8.3333333333% {
        background-position: 0 216px;
        padding-top: 312px;
    }
    12.5% {
        background-position: 0 240px;
        padding-top: 336px;
    }
    16.6666666667% {
        background-position: 0 264px;
        padding-top: 360px;
    }
    20.8333333333% {
        background-position: 0 288px;
        padding-top: 384px;
    }
    25% {
        background-position: 0 312px;
        padding-top: 408px;
    }
    29.1666666667% {
        background-position: 0 336px;
        padding-top: 432px;
    }
    33.3333333333% {
        background-position: 0 360px;
        padding-top: 456px;
    }
    37.5% {
        background-position: 0 384px;
        padding-top: 480px;
    }
    41.6666666667% {
        background-position: 0 408px;
        padding-top: 504px;
    }
    45.8333333333% {
        background-position: 0 432px;
        padding-top: 528px;
    }
    50% {
        background-position: 0 456px;
        padding-top: 552px;
    }
    54.1666666667% {
        background-position: 0 -96px;
        padding-top: 0px;
    }
    58.3333333333% {
        background-position: 0 -72px;
        padding-top: 24px;
    }
    62.5% {
        background-position: 0 -48px;
        padding-top: 48px;
    }
    66.6666666667% {
        background-position: 0 -24px;
        padding-top: 72px;
    }
    70.8333333333% {
        background-position: 0 0px;
        padding-top: 96px;
    }
    75% {
        background-position: 0 24px;
        padding-top: 120px;
    }
    79.1666666667% {
        background-position: 0 48px;
        padding-top: 144px;
    }
    83.3333333333% {
        background-position: 0 72px;
        padding-top: 168px;
    }
    87.5% {
        background-position: 0 96px;
        padding-top: 192px;
    }
    91.6666666667% {
        background-position: 0 120px;
        padding-top: 216px;
    }
    95.8333333333% {
        background-position: 0 144px;
        padding-top: 240px;
    }
}
@-o-keyframes column-16 {
    0% {
        background-position: 0 168px;
        padding-top: 264px;
    }
    4.1666666667% {
        background-position: 0 192px;
        padding-top: 288px;
    }
    8.3333333333% {
        background-position: 0 216px;
        padding-top: 312px;
    }
    12.5% {
        background-position: 0 240px;
        padding-top: 336px;
    }
    16.6666666667% {
        background-position: 0 264px;
        padding-top: 360px;
    }
    20.8333333333% {
        background-position: 0 288px;
        padding-top: 384px;
    }
    25% {
        background-position: 0 312px;
        padding-top: 408px;
    }
    29.1666666667% {
        background-position: 0 336px;
        padding-top: 432px;
    }
    33.3333333333% {
        background-position: 0 360px;
        padding-top: 456px;
    }
    37.5% {
        background-position: 0 384px;
        padding-top: 480px;
    }
    41.6666666667% {
        background-position: 0 408px;
        padding-top: 504px;
    }
    45.8333333333% {
        background-position: 0 432px;
        padding-top: 528px;
    }
    50% {
        background-position: 0 456px;
        padding-top: 552px;
    }
    54.1666666667% {
        background-position: 0 -96px;
        padding-top: 0px;
    }
    58.3333333333% {
        background-position: 0 -72px;
        padding-top: 24px;
    }
    62.5% {
        background-position: 0 -48px;
        padding-top: 48px;
    }
    66.6666666667% {
        background-position: 0 -24px;
        padding-top: 72px;
    }
    70.8333333333% {
        background-position: 0 0px;
        padding-top: 96px;
    }
    75% {
        background-position: 0 24px;
        padding-top: 120px;
    }
    79.1666666667% {
        background-position: 0 48px;
        padding-top: 144px;
    }
    83.3333333333% {
        background-position: 0 72px;
        padding-top: 168px;
    }
    87.5% {
        background-position: 0 96px;
        padding-top: 192px;
    }
    91.6666666667% {
        background-position: 0 120px;
        padding-top: 216px;
    }
    95.8333333333% {
        background-position: 0 144px;
        padding-top: 240px;
    }
}
@keyframes column-16 {
    0% {
        background-position: 0 168px;
        padding-top: 264px;
    }
    4.1666666667% {
        background-position: 0 192px;
        padding-top: 288px;
    }
    8.3333333333% {
        background-position: 0 216px;
        padding-top: 312px;
    }
    12.5% {
        background-position: 0 240px;
        padding-top: 336px;
    }
    16.6666666667% {
        background-position: 0 264px;
        padding-top: 360px;
    }
    20.8333333333% {
        background-position: 0 288px;
        padding-top: 384px;
    }
    25% {
        background-position: 0 312px;
        padding-top: 408px;
    }
    29.1666666667% {
        background-position: 0 336px;
        padding-top: 432px;
    }
    33.3333333333% {
        background-position: 0 360px;
        padding-top: 456px;
    }
    37.5% {
        background-position: 0 384px;
        padding-top: 480px;
    }
    41.6666666667% {
        background-position: 0 408px;
        padding-top: 504px;
    }
    45.8333333333% {
        background-position: 0 432px;
        padding-top: 528px;
    }
    50% {
        background-position: 0 456px;
        padding-top: 552px;
    }
    54.1666666667% {
        background-position: 0 -96px;
        padding-top: 0px;
    }
    58.3333333333% {
        background-position: 0 -72px;
        padding-top: 24px;
    }
    62.5% {
        background-position: 0 -48px;
        padding-top: 48px;
    }
    66.6666666667% {
        background-position: 0 -24px;
        padding-top: 72px;
    }
    70.8333333333% {
        background-position: 0 0px;
        padding-top: 96px;
    }
    75% {
        background-position: 0 24px;
        padding-top: 120px;
    }
    79.1666666667% {
        background-position: 0 48px;
        padding-top: 144px;
    }
    83.3333333333% {
        background-position: 0 72px;
        padding-top: 168px;
    }
    87.5% {
        background-position: 0 96px;
        padding-top: 192px;
    }
    91.6666666667% {
        background-position: 0 120px;
        padding-top: 216px;
    }
    95.8333333333% {
        background-position: 0 144px;
        padding-top: 240px;
    }
}
.matrix li:nth-child(17) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(17):before {
    display: block;
    width: 1em;
    content: "1 0 0 1 0 1 1 1 0 1 0 1 1 1 0 0 0 1 1 0 1 0 1 1";
}
.matrix li:nth-child(17):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 240px, white 240px, white 576px) 0 -48px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 192px;
    overflow: hidden;
    -webkit-animation: 2163ms column-17 infinite steps(1, start);
    -moz-animation: 2163ms column-17 infinite steps(1, start);
    -ms-animation: 2163ms column-17 infinite steps(1, start);
    -o-animation: 2163ms column-17 infinite steps(1, start);
    animation: 2163ms column-17 infinite steps(1, start);
}

@-webkit-keyframes column-17 {
    0% {
        background-position: 0 -48px;
        padding-top: 192px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 216px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 240px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 264px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 288px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 312px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 336px;
    }
    29.1666666667% {
        background-position: 0 120px;
        padding-top: 360px;
    }
    33.3333333333% {
        background-position: 0 144px;
        padding-top: 384px;
    }
    37.5% {
        background-position: 0 168px;
        padding-top: 408px;
    }
    41.6666666667% {
        background-position: 0 192px;
        padding-top: 432px;
    }
    45.8333333333% {
        background-position: 0 216px;
        padding-top: 456px;
    }
    50% {
        background-position: 0 240px;
        padding-top: 480px;
    }
    54.1666666667% {
        background-position: 0 264px;
        padding-top: 504px;
    }
    58.3333333333% {
        background-position: 0 288px;
        padding-top: 528px;
    }
    62.5% {
        background-position: 0 312px;
        padding-top: 552px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 0px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 24px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 48px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 72px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 96px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 120px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 144px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 168px;
    }
}
@-moz-keyframes column-17 {
    0% {
        background-position: 0 -48px;
        padding-top: 192px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 216px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 240px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 264px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 288px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 312px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 336px;
    }
    29.1666666667% {
        background-position: 0 120px;
        padding-top: 360px;
    }
    33.3333333333% {
        background-position: 0 144px;
        padding-top: 384px;
    }
    37.5% {
        background-position: 0 168px;
        padding-top: 408px;
    }
    41.6666666667% {
        background-position: 0 192px;
        padding-top: 432px;
    }
    45.8333333333% {
        background-position: 0 216px;
        padding-top: 456px;
    }
    50% {
        background-position: 0 240px;
        padding-top: 480px;
    }
    54.1666666667% {
        background-position: 0 264px;
        padding-top: 504px;
    }
    58.3333333333% {
        background-position: 0 288px;
        padding-top: 528px;
    }
    62.5% {
        background-position: 0 312px;
        padding-top: 552px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 0px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 24px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 48px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 72px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 96px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 120px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 144px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 168px;
    }
}
@-o-keyframes column-17 {
    0% {
        background-position: 0 -48px;
        padding-top: 192px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 216px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 240px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 264px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 288px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 312px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 336px;
    }
    29.1666666667% {
        background-position: 0 120px;
        padding-top: 360px;
    }
    33.3333333333% {
        background-position: 0 144px;
        padding-top: 384px;
    }
    37.5% {
        background-position: 0 168px;
        padding-top: 408px;
    }
    41.6666666667% {
        background-position: 0 192px;
        padding-top: 432px;
    }
    45.8333333333% {
        background-position: 0 216px;
        padding-top: 456px;
    }
    50% {
        background-position: 0 240px;
        padding-top: 480px;
    }
    54.1666666667% {
        background-position: 0 264px;
        padding-top: 504px;
    }
    58.3333333333% {
        background-position: 0 288px;
        padding-top: 528px;
    }
    62.5% {
        background-position: 0 312px;
        padding-top: 552px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 0px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 24px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 48px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 72px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 96px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 120px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 144px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 168px;
    }
}
@keyframes column-17 {
    0% {
        background-position: 0 -48px;
        padding-top: 192px;
    }
    4.1666666667% {
        background-position: 0 -24px;
        padding-top: 216px;
    }
    8.3333333333% {
        background-position: 0 0px;
        padding-top: 240px;
    }
    12.5% {
        background-position: 0 24px;
        padding-top: 264px;
    }
    16.6666666667% {
        background-position: 0 48px;
        padding-top: 288px;
    }
    20.8333333333% {
        background-position: 0 72px;
        padding-top: 312px;
    }
    25% {
        background-position: 0 96px;
        padding-top: 336px;
    }
    29.1666666667% {
        background-position: 0 120px;
        padding-top: 360px;
    }
    33.3333333333% {
        background-position: 0 144px;
        padding-top: 384px;
    }
    37.5% {
        background-position: 0 168px;
        padding-top: 408px;
    }
    41.6666666667% {
        background-position: 0 192px;
        padding-top: 432px;
    }
    45.8333333333% {
        background-position: 0 216px;
        padding-top: 456px;
    }
    50% {
        background-position: 0 240px;
        padding-top: 480px;
    }
    54.1666666667% {
        background-position: 0 264px;
        padding-top: 504px;
    }
    58.3333333333% {
        background-position: 0 288px;
        padding-top: 528px;
    }
    62.5% {
        background-position: 0 312px;
        padding-top: 552px;
    }
    66.6666666667% {
        background-position: 0 -240px;
        padding-top: 0px;
    }
    70.8333333333% {
        background-position: 0 -216px;
        padding-top: 24px;
    }
    75% {
        background-position: 0 -192px;
        padding-top: 48px;
    }
    79.1666666667% {
        background-position: 0 -168px;
        padding-top: 72px;
    }
    83.3333333333% {
        background-position: 0 -144px;
        padding-top: 96px;
    }
    87.5% {
        background-position: 0 -120px;
        padding-top: 120px;
    }
    91.6666666667% {
        background-position: 0 -96px;
        padding-top: 144px;
    }
    95.8333333333% {
        background-position: 0 -72px;
        padding-top: 168px;
    }
}
.matrix li:nth-child(18) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(18):before {
    display: block;
    width: 1em;
    content: "1 0 0 1 1 1 1 0 1 1 1 0 0 1 0 1 0 1 0 0 0 1 1 0";
}
.matrix li:nth-child(18):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 552px, white 552px, white 576px) 0 -288px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 264px;
    overflow: hidden;
    -webkit-animation: 2163ms column-18 infinite steps(1, start);
    -moz-animation: 2163ms column-18 infinite steps(1, start);
    -ms-animation: 2163ms column-18 infinite steps(1, start);
    -o-animation: 2163ms column-18 infinite steps(1, start);
    animation: 2163ms column-18 infinite steps(1, start);
}

@-webkit-keyframes column-18 {
    0% {
        background-position: 0 -288px;
        padding-top: 264px;
    }
    4.1666666667% {
        background-position: 0 -264px;
        padding-top: 288px;
    }
    8.3333333333% {
        background-position: 0 -240px;
        padding-top: 312px;
    }
    12.5% {
        background-position: 0 -216px;
        padding-top: 336px;
    }
    16.6666666667% {
        background-position: 0 -192px;
        padding-top: 360px;
    }
    20.8333333333% {
        background-position: 0 -168px;
        padding-top: 384px;
    }
    25% {
        background-position: 0 -144px;
        padding-top: 408px;
    }
    29.1666666667% {
        background-position: 0 -120px;
        padding-top: 432px;
    }
    33.3333333333% {
        background-position: 0 -96px;
        padding-top: 456px;
    }
    37.5% {
        background-position: 0 -72px;
        padding-top: 480px;
    }
    41.6666666667% {
        background-position: 0 -48px;
        padding-top: 504px;
    }
    45.8333333333% {
        background-position: 0 -24px;
        padding-top: 528px;
    }
    50% {
        background-position: 0 0px;
        padding-top: 552px;
    }
    54.1666666667% {
        background-position: 0 -552px;
        padding-top: 0px;
    }
    58.3333333333% {
        background-position: 0 -528px;
        padding-top: 24px;
    }
    62.5% {
        background-position: 0 -504px;
        padding-top: 48px;
    }
    66.6666666667% {
        background-position: 0 -480px;
        padding-top: 72px;
    }
    70.8333333333% {
        background-position: 0 -456px;
        padding-top: 96px;
    }
    75% {
        background-position: 0 -432px;
        padding-top: 120px;
    }
    79.1666666667% {
        background-position: 0 -408px;
        padding-top: 144px;
    }
    83.3333333333% {
        background-position: 0 -384px;
        padding-top: 168px;
    }
    87.5% {
        background-position: 0 -360px;
        padding-top: 192px;
    }
    91.6666666667% {
        background-position: 0 -336px;
        padding-top: 216px;
    }
    95.8333333333% {
        background-position: 0 -312px;
        padding-top: 240px;
    }
}
@-moz-keyframes column-18 {
    0% {
        background-position: 0 -288px;
        padding-top: 264px;
    }
    4.1666666667% {
        background-position: 0 -264px;
        padding-top: 288px;
    }
    8.3333333333% {
        background-position: 0 -240px;
        padding-top: 312px;
    }
    12.5% {
        background-position: 0 -216px;
        padding-top: 336px;
    }
    16.6666666667% {
        background-position: 0 -192px;
        padding-top: 360px;
    }
    20.8333333333% {
        background-position: 0 -168px;
        padding-top: 384px;
    }
    25% {
        background-position: 0 -144px;
        padding-top: 408px;
    }
    29.1666666667% {
        background-position: 0 -120px;
        padding-top: 432px;
    }
    33.3333333333% {
        background-position: 0 -96px;
        padding-top: 456px;
    }
    37.5% {
        background-position: 0 -72px;
        padding-top: 480px;
    }
    41.6666666667% {
        background-position: 0 -48px;
        padding-top: 504px;
    }
    45.8333333333% {
        background-position: 0 -24px;
        padding-top: 528px;
    }
    50% {
        background-position: 0 0px;
        padding-top: 552px;
    }
    54.1666666667% {
        background-position: 0 -552px;
        padding-top: 0px;
    }
    58.3333333333% {
        background-position: 0 -528px;
        padding-top: 24px;
    }
    62.5% {
        background-position: 0 -504px;
        padding-top: 48px;
    }
    66.6666666667% {
        background-position: 0 -480px;
        padding-top: 72px;
    }
    70.8333333333% {
        background-position: 0 -456px;
        padding-top: 96px;
    }
    75% {
        background-position: 0 -432px;
        padding-top: 120px;
    }
    79.1666666667% {
        background-position: 0 -408px;
        padding-top: 144px;
    }
    83.3333333333% {
        background-position: 0 -384px;
        padding-top: 168px;
    }
    87.5% {
        background-position: 0 -360px;
        padding-top: 192px;
    }
    91.6666666667% {
        background-position: 0 -336px;
        padding-top: 216px;
    }
    95.8333333333% {
        background-position: 0 -312px;
        padding-top: 240px;
    }
}
@-o-keyframes column-18 {
    0% {
        background-position: 0 -288px;
        padding-top: 264px;
    }
    4.1666666667% {
        background-position: 0 -264px;
        padding-top: 288px;
    }
    8.3333333333% {
        background-position: 0 -240px;
        padding-top: 312px;
    }
    12.5% {
        background-position: 0 -216px;
        padding-top: 336px;
    }
    16.6666666667% {
        background-position: 0 -192px;
        padding-top: 360px;
    }
    20.8333333333% {
        background-position: 0 -168px;
        padding-top: 384px;
    }
    25% {
        background-position: 0 -144px;
        padding-top: 408px;
    }
    29.1666666667% {
        background-position: 0 -120px;
        padding-top: 432px;
    }
    33.3333333333% {
        background-position: 0 -96px;
        padding-top: 456px;
    }
    37.5% {
        background-position: 0 -72px;
        padding-top: 480px;
    }
    41.6666666667% {
        background-position: 0 -48px;
        padding-top: 504px;
    }
    45.8333333333% {
        background-position: 0 -24px;
        padding-top: 528px;
    }
    50% {
        background-position: 0 0px;
        padding-top: 552px;
    }
    54.1666666667% {
        background-position: 0 -552px;
        padding-top: 0px;
    }
    58.3333333333% {
        background-position: 0 -528px;
        padding-top: 24px;
    }
    62.5% {
        background-position: 0 -504px;
        padding-top: 48px;
    }
    66.6666666667% {
        background-position: 0 -480px;
        padding-top: 72px;
    }
    70.8333333333% {
        background-position: 0 -456px;
        padding-top: 96px;
    }
    75% {
        background-position: 0 -432px;
        padding-top: 120px;
    }
    79.1666666667% {
        background-position: 0 -408px;
        padding-top: 144px;
    }
    83.3333333333% {
        background-position: 0 -384px;
        padding-top: 168px;
    }
    87.5% {
        background-position: 0 -360px;
        padding-top: 192px;
    }
    91.6666666667% {
        background-position: 0 -336px;
        padding-top: 216px;
    }
    95.8333333333% {
        background-position: 0 -312px;
        padding-top: 240px;
    }
}
@keyframes column-18 {
    0% {
        background-position: 0 -288px;
        padding-top: 264px;
    }
    4.1666666667% {
        background-position: 0 -264px;
        padding-top: 288px;
    }
    8.3333333333% {
        background-position: 0 -240px;
        padding-top: 312px;
    }
    12.5% {
        background-position: 0 -216px;
        padding-top: 336px;
    }
    16.6666666667% {
        background-position: 0 -192px;
        padding-top: 360px;
    }
    20.8333333333% {
        background-position: 0 -168px;
        padding-top: 384px;
    }
    25% {
        background-position: 0 -144px;
        padding-top: 408px;
    }
    29.1666666667% {
        background-position: 0 -120px;
        padding-top: 432px;
    }
    33.3333333333% {
        background-position: 0 -96px;
        padding-top: 456px;
    }
    37.5% {
        background-position: 0 -72px;
        padding-top: 480px;
    }
    41.6666666667% {
        background-position: 0 -48px;
        padding-top: 504px;
    }
    45.8333333333% {
        background-position: 0 -24px;
        padding-top: 528px;
    }
    50% {
        background-position: 0 0px;
        padding-top: 552px;
    }
    54.1666666667% {
        background-position: 0 -552px;
        padding-top: 0px;
    }
    58.3333333333% {
        background-position: 0 -528px;
        padding-top: 24px;
    }
    62.5% {
        background-position: 0 -504px;
        padding-top: 48px;
    }
    66.6666666667% {
        background-position: 0 -480px;
        padding-top: 72px;
    }
    70.8333333333% {
        background-position: 0 -456px;
        padding-top: 96px;
    }
    75% {
        background-position: 0 -432px;
        padding-top: 120px;
    }
    79.1666666667% {
        background-position: 0 -408px;
        padding-top: 144px;
    }
    83.3333333333% {
        background-position: 0 -384px;
        padding-top: 168px;
    }
    87.5% {
        background-position: 0 -360px;
        padding-top: 192px;
    }
    91.6666666667% {
        background-position: 0 -336px;
        padding-top: 216px;
    }
    95.8333333333% {
        background-position: 0 -312px;
        padding-top: 240px;
    }
}
.matrix li:nth-child(19) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(19):before {
    display: block;
    width: 1em;
    content: "1 1 0 1 1 1 1 0 0 1 1 1 1 0 0 1 0 1 0 0 1 0 1 1";
}
.matrix li:nth-child(19):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 264px, white 264px, white 576px) 0 -192px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 72px;
    overflow: hidden;
    -webkit-animation: 2163ms column-19 infinite steps(1, start);
    -moz-animation: 2163ms column-19 infinite steps(1, start);
    -ms-animation: 2163ms column-19 infinite steps(1, start);
    -o-animation: 2163ms column-19 infinite steps(1, start);
    animation: 2163ms column-19 infinite steps(1, start);
}

@-webkit-keyframes column-19 {
    0% {
        background-position: 0 -192px;
        padding-top: 72px;
    }
    4.1666666667% {
        background-position: 0 -168px;
        padding-top: 96px;
    }
    8.3333333333% {
        background-position: 0 -144px;
        padding-top: 120px;
    }
    12.5% {
        background-position: 0 -120px;
        padding-top: 144px;
    }
    16.6666666667% {
        background-position: 0 -96px;
        padding-top: 168px;
    }
    20.8333333333% {
        background-position: 0 -72px;
        padding-top: 192px;
    }
    25% {
        background-position: 0 -48px;
        padding-top: 216px;
    }
    29.1666666667% {
        background-position: 0 -24px;
        padding-top: 240px;
    }
    33.3333333333% {
        background-position: 0 0px;
        padding-top: 264px;
    }
    37.5% {
        background-position: 0 24px;
        padding-top: 288px;
    }
    41.6666666667% {
        background-position: 0 48px;
        padding-top: 312px;
    }
    45.8333333333% {
        background-position: 0 72px;
        padding-top: 336px;
    }
    50% {
        background-position: 0 96px;
        padding-top: 360px;
    }
    54.1666666667% {
        background-position: 0 120px;
        padding-top: 384px;
    }
    58.3333333333% {
        background-position: 0 144px;
        padding-top: 408px;
    }
    62.5% {
        background-position: 0 168px;
        padding-top: 432px;
    }
    66.6666666667% {
        background-position: 0 192px;
        padding-top: 456px;
    }
    70.8333333333% {
        background-position: 0 216px;
        padding-top: 480px;
    }
    75% {
        background-position: 0 240px;
        padding-top: 504px;
    }
    79.1666666667% {
        background-position: 0 264px;
        padding-top: 528px;
    }
    83.3333333333% {
        background-position: 0 288px;
        padding-top: 552px;
    }
    87.5% {
        background-position: 0 -264px;
        padding-top: 0px;
    }
    91.6666666667% {
        background-position: 0 -240px;
        padding-top: 24px;
    }
    95.8333333333% {
        background-position: 0 -216px;
        padding-top: 48px;
    }
}
@-moz-keyframes column-19 {
    0% {
        background-position: 0 -192px;
        padding-top: 72px;
    }
    4.1666666667% {
        background-position: 0 -168px;
        padding-top: 96px;
    }
    8.3333333333% {
        background-position: 0 -144px;
        padding-top: 120px;
    }
    12.5% {
        background-position: 0 -120px;
        padding-top: 144px;
    }
    16.6666666667% {
        background-position: 0 -96px;
        padding-top: 168px;
    }
    20.8333333333% {
        background-position: 0 -72px;
        padding-top: 192px;
    }
    25% {
        background-position: 0 -48px;
        padding-top: 216px;
    }
    29.1666666667% {
        background-position: 0 -24px;
        padding-top: 240px;
    }
    33.3333333333% {
        background-position: 0 0px;
        padding-top: 264px;
    }
    37.5% {
        background-position: 0 24px;
        padding-top: 288px;
    }
    41.6666666667% {
        background-position: 0 48px;
        padding-top: 312px;
    }
    45.8333333333% {
        background-position: 0 72px;
        padding-top: 336px;
    }
    50% {
        background-position: 0 96px;
        padding-top: 360px;
    }
    54.1666666667% {
        background-position: 0 120px;
        padding-top: 384px;
    }
    58.3333333333% {
        background-position: 0 144px;
        padding-top: 408px;
    }
    62.5% {
        background-position: 0 168px;
        padding-top: 432px;
    }
    66.6666666667% {
        background-position: 0 192px;
        padding-top: 456px;
    }
    70.8333333333% {
        background-position: 0 216px;
        padding-top: 480px;
    }
    75% {
        background-position: 0 240px;
        padding-top: 504px;
    }
    79.1666666667% {
        background-position: 0 264px;
        padding-top: 528px;
    }
    83.3333333333% {
        background-position: 0 288px;
        padding-top: 552px;
    }
    87.5% {
        background-position: 0 -264px;
        padding-top: 0px;
    }
    91.6666666667% {
        background-position: 0 -240px;
        padding-top: 24px;
    }
    95.8333333333% {
        background-position: 0 -216px;
        padding-top: 48px;
    }
}
@-o-keyframes column-19 {
    0% {
        background-position: 0 -192px;
        padding-top: 72px;
    }
    4.1666666667% {
        background-position: 0 -168px;
        padding-top: 96px;
    }
    8.3333333333% {
        background-position: 0 -144px;
        padding-top: 120px;
    }
    12.5% {
        background-position: 0 -120px;
        padding-top: 144px;
    }
    16.6666666667% {
        background-position: 0 -96px;
        padding-top: 168px;
    }
    20.8333333333% {
        background-position: 0 -72px;
        padding-top: 192px;
    }
    25% {
        background-position: 0 -48px;
        padding-top: 216px;
    }
    29.1666666667% {
        background-position: 0 -24px;
        padding-top: 240px;
    }
    33.3333333333% {
        background-position: 0 0px;
        padding-top: 264px;
    }
    37.5% {
        background-position: 0 24px;
        padding-top: 288px;
    }
    41.6666666667% {
        background-position: 0 48px;
        padding-top: 312px;
    }
    45.8333333333% {
        background-position: 0 72px;
        padding-top: 336px;
    }
    50% {
        background-position: 0 96px;
        padding-top: 360px;
    }
    54.1666666667% {
        background-position: 0 120px;
        padding-top: 384px;
    }
    58.3333333333% {
        background-position: 0 144px;
        padding-top: 408px;
    }
    62.5% {
        background-position: 0 168px;
        padding-top: 432px;
    }
    66.6666666667% {
        background-position: 0 192px;
        padding-top: 456px;
    }
    70.8333333333% {
        background-position: 0 216px;
        padding-top: 480px;
    }
    75% {
        background-position: 0 240px;
        padding-top: 504px;
    }
    79.1666666667% {
        background-position: 0 264px;
        padding-top: 528px;
    }
    83.3333333333% {
        background-position: 0 288px;
        padding-top: 552px;
    }
    87.5% {
        background-position: 0 -264px;
        padding-top: 0px;
    }
    91.6666666667% {
        background-position: 0 -240px;
        padding-top: 24px;
    }
    95.8333333333% {
        background-position: 0 -216px;
        padding-top: 48px;
    }
}
@keyframes column-19 {
    0% {
        background-position: 0 -192px;
        padding-top: 72px;
    }
    4.1666666667% {
        background-position: 0 -168px;
        padding-top: 96px;
    }
    8.3333333333% {
        background-position: 0 -144px;
        padding-top: 120px;
    }
    12.5% {
        background-position: 0 -120px;
        padding-top: 144px;
    }
    16.6666666667% {
        background-position: 0 -96px;
        padding-top: 168px;
    }
    20.8333333333% {
        background-position: 0 -72px;
        padding-top: 192px;
    }
    25% {
        background-position: 0 -48px;
        padding-top: 216px;
    }
    29.1666666667% {
        background-position: 0 -24px;
        padding-top: 240px;
    }
    33.3333333333% {
        background-position: 0 0px;
        padding-top: 264px;
    }
    37.5% {
        background-position: 0 24px;
        padding-top: 288px;
    }
    41.6666666667% {
        background-position: 0 48px;
        padding-top: 312px;
    }
    45.8333333333% {
        background-position: 0 72px;
        padding-top: 336px;
    }
    50% {
        background-position: 0 96px;
        padding-top: 360px;
    }
    54.1666666667% {
        background-position: 0 120px;
        padding-top: 384px;
    }
    58.3333333333% {
        background-position: 0 144px;
        padding-top: 408px;
    }
    62.5% {
        background-position: 0 168px;
        padding-top: 432px;
    }
    66.6666666667% {
        background-position: 0 192px;
        padding-top: 456px;
    }
    70.8333333333% {
        background-position: 0 216px;
        padding-top: 480px;
    }
    75% {
        background-position: 0 240px;
        padding-top: 504px;
    }
    79.1666666667% {
        background-position: 0 264px;
        padding-top: 528px;
    }
    83.3333333333% {
        background-position: 0 288px;
        padding-top: 552px;
    }
    87.5% {
        background-position: 0 -264px;
        padding-top: 0px;
    }
    91.6666666667% {
        background-position: 0 -240px;
        padding-top: 24px;
    }
    95.8333333333% {
        background-position: 0 -216px;
        padding-top: 48px;
    }
}
.matrix li:nth-child(20) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(20):before {
    display: block;
    width: 1em;
    content: "0 0 1 1 1 0 1 1 1 0 1 0 0 0 1 1 1 1 0 0 0 0 1 1";
}
.matrix li:nth-child(20):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 504px, white 504px, white 576px) 0 -480px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 24px;
    overflow: hidden;
    -webkit-animation: 2163ms column-20 infinite steps(1, start);
    -moz-animation: 2163ms column-20 infinite steps(1, start);
    -ms-animation: 2163ms column-20 infinite steps(1, start);
    -o-animation: 2163ms column-20 infinite steps(1, start);
    animation: 2163ms column-20 infinite steps(1, start);
}

@-webkit-keyframes column-20 {
    0% {
        background-position: 0 -480px;
        padding-top: 24px;
    }
    4.1666666667% {
        background-position: 0 -456px;
        padding-top: 48px;
    }
    8.3333333333% {
        background-position: 0 -432px;
        padding-top: 72px;
    }
    12.5% {
        background-position: 0 -408px;
        padding-top: 96px;
    }
    16.6666666667% {
        background-position: 0 -384px;
        padding-top: 120px;
    }
    20.8333333333% {
        background-position: 0 -360px;
        padding-top: 144px;
    }
    25% {
        background-position: 0 -336px;
        padding-top: 168px;
    }
    29.1666666667% {
        background-position: 0 -312px;
        padding-top: 192px;
    }
    33.3333333333% {
        background-position: 0 -288px;
        padding-top: 216px;
    }
    37.5% {
        background-position: 0 -264px;
        padding-top: 240px;
    }
    41.6666666667% {
        background-position: 0 -240px;
        padding-top: 264px;
    }
    45.8333333333% {
        background-position: 0 -216px;
        padding-top: 288px;
    }
    50% {
        background-position: 0 -192px;
        padding-top: 312px;
    }
    54.1666666667% {
        background-position: 0 -168px;
        padding-top: 336px;
    }
    58.3333333333% {
        background-position: 0 -144px;
        padding-top: 360px;
    }
    62.5% {
        background-position: 0 -120px;
        padding-top: 384px;
    }
    66.6666666667% {
        background-position: 0 -96px;
        padding-top: 408px;
    }
    70.8333333333% {
        background-position: 0 -72px;
        padding-top: 432px;
    }
    75% {
        background-position: 0 -48px;
        padding-top: 456px;
    }
    79.1666666667% {
        background-position: 0 -24px;
        padding-top: 480px;
    }
    83.3333333333% {
        background-position: 0 0px;
        padding-top: 504px;
    }
    87.5% {
        background-position: 0 24px;
        padding-top: 528px;
    }
    91.6666666667% {
        background-position: 0 48px;
        padding-top: 552px;
    }
    95.8333333333% {
        background-position: 0 -504px;
        padding-top: 0px;
    }
}
@-moz-keyframes column-20 {
    0% {
        background-position: 0 -480px;
        padding-top: 24px;
    }
    4.1666666667% {
        background-position: 0 -456px;
        padding-top: 48px;
    }
    8.3333333333% {
        background-position: 0 -432px;
        padding-top: 72px;
    }
    12.5% {
        background-position: 0 -408px;
        padding-top: 96px;
    }
    16.6666666667% {
        background-position: 0 -384px;
        padding-top: 120px;
    }
    20.8333333333% {
        background-position: 0 -360px;
        padding-top: 144px;
    }
    25% {
        background-position: 0 -336px;
        padding-top: 168px;
    }
    29.1666666667% {
        background-position: 0 -312px;
        padding-top: 192px;
    }
    33.3333333333% {
        background-position: 0 -288px;
        padding-top: 216px;
    }
    37.5% {
        background-position: 0 -264px;
        padding-top: 240px;
    }
    41.6666666667% {
        background-position: 0 -240px;
        padding-top: 264px;
    }
    45.8333333333% {
        background-position: 0 -216px;
        padding-top: 288px;
    }
    50% {
        background-position: 0 -192px;
        padding-top: 312px;
    }
    54.1666666667% {
        background-position: 0 -168px;
        padding-top: 336px;
    }
    58.3333333333% {
        background-position: 0 -144px;
        padding-top: 360px;
    }
    62.5% {
        background-position: 0 -120px;
        padding-top: 384px;
    }
    66.6666666667% {
        background-position: 0 -96px;
        padding-top: 408px;
    }
    70.8333333333% {
        background-position: 0 -72px;
        padding-top: 432px;
    }
    75% {
        background-position: 0 -48px;
        padding-top: 456px;
    }
    79.1666666667% {
        background-position: 0 -24px;
        padding-top: 480px;
    }
    83.3333333333% {
        background-position: 0 0px;
        padding-top: 504px;
    }
    87.5% {
        background-position: 0 24px;
        padding-top: 528px;
    }
    91.6666666667% {
        background-position: 0 48px;
        padding-top: 552px;
    }
    95.8333333333% {
        background-position: 0 -504px;
        padding-top: 0px;
    }
}
@-o-keyframes column-20 {
    0% {
        background-position: 0 -480px;
        padding-top: 24px;
    }
    4.1666666667% {
        background-position: 0 -456px;
        padding-top: 48px;
    }
    8.3333333333% {
        background-position: 0 -432px;
        padding-top: 72px;
    }
    12.5% {
        background-position: 0 -408px;
        padding-top: 96px;
    }
    16.6666666667% {
        background-position: 0 -384px;
        padding-top: 120px;
    }
    20.8333333333% {
        background-position: 0 -360px;
        padding-top: 144px;
    }
    25% {
        background-position: 0 -336px;
        padding-top: 168px;
    }
    29.1666666667% {
        background-position: 0 -312px;
        padding-top: 192px;
    }
    33.3333333333% {
        background-position: 0 -288px;
        padding-top: 216px;
    }
    37.5% {
        background-position: 0 -264px;
        padding-top: 240px;
    }
    41.6666666667% {
        background-position: 0 -240px;
        padding-top: 264px;
    }
    45.8333333333% {
        background-position: 0 -216px;
        padding-top: 288px;
    }
    50% {
        background-position: 0 -192px;
        padding-top: 312px;
    }
    54.1666666667% {
        background-position: 0 -168px;
        padding-top: 336px;
    }
    58.3333333333% {
        background-position: 0 -144px;
        padding-top: 360px;
    }
    62.5% {
        background-position: 0 -120px;
        padding-top: 384px;
    }
    66.6666666667% {
        background-position: 0 -96px;
        padding-top: 408px;
    }
    70.8333333333% {
        background-position: 0 -72px;
        padding-top: 432px;
    }
    75% {
        background-position: 0 -48px;
        padding-top: 456px;
    }
    79.1666666667% {
        background-position: 0 -24px;
        padding-top: 480px;
    }
    83.3333333333% {
        background-position: 0 0px;
        padding-top: 504px;
    }
    87.5% {
        background-position: 0 24px;
        padding-top: 528px;
    }
    91.6666666667% {
        background-position: 0 48px;
        padding-top: 552px;
    }
    95.8333333333% {
        background-position: 0 -504px;
        padding-top: 0px;
    }
}
@keyframes column-20 {
    0% {
        background-position: 0 -480px;
        padding-top: 24px;
    }
    4.1666666667% {
        background-position: 0 -456px;
        padding-top: 48px;
    }
    8.3333333333% {
        background-position: 0 -432px;
        padding-top: 72px;
    }
    12.5% {
        background-position: 0 -408px;
        padding-top: 96px;
    }
    16.6666666667% {
        background-position: 0 -384px;
        padding-top: 120px;
    }
    20.8333333333% {
        background-position: 0 -360px;
        padding-top: 144px;
    }
    25% {
        background-position: 0 -336px;
        padding-top: 168px;
    }
    29.1666666667% {
        background-position: 0 -312px;
        padding-top: 192px;
    }
    33.3333333333% {
        background-position: 0 -288px;
        padding-top: 216px;
    }
    37.5% {
        background-position: 0 -264px;
        padding-top: 240px;
    }
    41.6666666667% {
        background-position: 0 -240px;
        padding-top: 264px;
    }
    45.8333333333% {
        background-position: 0 -216px;
        padding-top: 288px;
    }
    50% {
        background-position: 0 -192px;
        padding-top: 312px;
    }
    54.1666666667% {
        background-position: 0 -168px;
        padding-top: 336px;
    }
    58.3333333333% {
        background-position: 0 -144px;
        padding-top: 360px;
    }
    62.5% {
        background-position: 0 -120px;
        padding-top: 384px;
    }
    66.6666666667% {
        background-position: 0 -96px;
        padding-top: 408px;
    }
    70.8333333333% {
        background-position: 0 -72px;
        padding-top: 432px;
    }
    75% {
        background-position: 0 -48px;
        padding-top: 456px;
    }
    79.1666666667% {
        background-position: 0 -24px;
        padding-top: 480px;
    }
    83.3333333333% {
        background-position: 0 0px;
        padding-top: 504px;
    }
    87.5% {
        background-position: 0 24px;
        padding-top: 528px;
    }
    91.6666666667% {
        background-position: 0 48px;
        padding-top: 552px;
    }
    95.8333333333% {
        background-position: 0 -504px;
        padding-top: 0px;
    }
}
.matrix li:nth-child(21) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(21):before {
    display: block;
    width: 1em;
    content: "0 0 1 0 0 0 0 1 1 1 1 1 0 1 1 1 1 0 1 0 1 0 1 0";
}
.matrix li:nth-child(21):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 240px, white 240px, white 576px) 0 192px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 432px;
    overflow: hidden;
    -webkit-animation: 2163ms column-21 infinite steps(1, start);
    -moz-animation: 2163ms column-21 infinite steps(1, start);
    -ms-animation: 2163ms column-21 infinite steps(1, start);
    -o-animation: 2163ms column-21 infinite steps(1, start);
    animation: 2163ms column-21 infinite steps(1, start);
}

@-webkit-keyframes column-21 {
    0% {
        background-position: 0 192px;
        padding-top: 432px;
    }
    4.1666666667% {
        background-position: 0 216px;
        padding-top: 456px;
    }
    8.3333333333% {
        background-position: 0 240px;
        padding-top: 480px;
    }
    12.5% {
        background-position: 0 264px;
        padding-top: 504px;
    }
    16.6666666667% {
        background-position: 0 288px;
        padding-top: 528px;
    }
    20.8333333333% {
        background-position: 0 312px;
        padding-top: 552px;
    }
    25% {
        background-position: 0 -240px;
        padding-top: 0px;
    }
    29.1666666667% {
        background-position: 0 -216px;
        padding-top: 24px;
    }
    33.3333333333% {
        background-position: 0 -192px;
        padding-top: 48px;
    }
    37.5% {
        background-position: 0 -168px;
        padding-top: 72px;
    }
    41.6666666667% {
        background-position: 0 -144px;
        padding-top: 96px;
    }
    45.8333333333% {
        background-position: 0 -120px;
        padding-top: 120px;
    }
    50% {
        background-position: 0 -96px;
        padding-top: 144px;
    }
    54.1666666667% {
        background-position: 0 -72px;
        padding-top: 168px;
    }
    58.3333333333% {
        background-position: 0 -48px;
        padding-top: 192px;
    }
    62.5% {
        background-position: 0 -24px;
        padding-top: 216px;
    }
    66.6666666667% {
        background-position: 0 0px;
        padding-top: 240px;
    }
    70.8333333333% {
        background-position: 0 24px;
        padding-top: 264px;
    }
    75% {
        background-position: 0 48px;
        padding-top: 288px;
    }
    79.1666666667% {
        background-position: 0 72px;
        padding-top: 312px;
    }
    83.3333333333% {
        background-position: 0 96px;
        padding-top: 336px;
    }
    87.5% {
        background-position: 0 120px;
        padding-top: 360px;
    }
    91.6666666667% {
        background-position: 0 144px;
        padding-top: 384px;
    }
    95.8333333333% {
        background-position: 0 168px;
        padding-top: 408px;
    }
}
@-moz-keyframes column-21 {
    0% {
        background-position: 0 192px;
        padding-top: 432px;
    }
    4.1666666667% {
        background-position: 0 216px;
        padding-top: 456px;
    }
    8.3333333333% {
        background-position: 0 240px;
        padding-top: 480px;
    }
    12.5% {
        background-position: 0 264px;
        padding-top: 504px;
    }
    16.6666666667% {
        background-position: 0 288px;
        padding-top: 528px;
    }
    20.8333333333% {
        background-position: 0 312px;
        padding-top: 552px;
    }
    25% {
        background-position: 0 -240px;
        padding-top: 0px;
    }
    29.1666666667% {
        background-position: 0 -216px;
        padding-top: 24px;
    }
    33.3333333333% {
        background-position: 0 -192px;
        padding-top: 48px;
    }
    37.5% {
        background-position: 0 -168px;
        padding-top: 72px;
    }
    41.6666666667% {
        background-position: 0 -144px;
        padding-top: 96px;
    }
    45.8333333333% {
        background-position: 0 -120px;
        padding-top: 120px;
    }
    50% {
        background-position: 0 -96px;
        padding-top: 144px;
    }
    54.1666666667% {
        background-position: 0 -72px;
        padding-top: 168px;
    }
    58.3333333333% {
        background-position: 0 -48px;
        padding-top: 192px;
    }
    62.5% {
        background-position: 0 -24px;
        padding-top: 216px;
    }
    66.6666666667% {
        background-position: 0 0px;
        padding-top: 240px;
    }
    70.8333333333% {
        background-position: 0 24px;
        padding-top: 264px;
    }
    75% {
        background-position: 0 48px;
        padding-top: 288px;
    }
    79.1666666667% {
        background-position: 0 72px;
        padding-top: 312px;
    }
    83.3333333333% {
        background-position: 0 96px;
        padding-top: 336px;
    }
    87.5% {
        background-position: 0 120px;
        padding-top: 360px;
    }
    91.6666666667% {
        background-position: 0 144px;
        padding-top: 384px;
    }
    95.8333333333% {
        background-position: 0 168px;
        padding-top: 408px;
    }
}
@-o-keyframes column-21 {
    0% {
        background-position: 0 192px;
        padding-top: 432px;
    }
    4.1666666667% {
        background-position: 0 216px;
        padding-top: 456px;
    }
    8.3333333333% {
        background-position: 0 240px;
        padding-top: 480px;
    }
    12.5% {
        background-position: 0 264px;
        padding-top: 504px;
    }
    16.6666666667% {
        background-position: 0 288px;
        padding-top: 528px;
    }
    20.8333333333% {
        background-position: 0 312px;
        padding-top: 552px;
    }
    25% {
        background-position: 0 -240px;
        padding-top: 0px;
    }
    29.1666666667% {
        background-position: 0 -216px;
        padding-top: 24px;
    }
    33.3333333333% {
        background-position: 0 -192px;
        padding-top: 48px;
    }
    37.5% {
        background-position: 0 -168px;
        padding-top: 72px;
    }
    41.6666666667% {
        background-position: 0 -144px;
        padding-top: 96px;
    }
    45.8333333333% {
        background-position: 0 -120px;
        padding-top: 120px;
    }
    50% {
        background-position: 0 -96px;
        padding-top: 144px;
    }
    54.1666666667% {
        background-position: 0 -72px;
        padding-top: 168px;
    }
    58.3333333333% {
        background-position: 0 -48px;
        padding-top: 192px;
    }
    62.5% {
        background-position: 0 -24px;
        padding-top: 216px;
    }
    66.6666666667% {
        background-position: 0 0px;
        padding-top: 240px;
    }
    70.8333333333% {
        background-position: 0 24px;
        padding-top: 264px;
    }
    75% {
        background-position: 0 48px;
        padding-top: 288px;
    }
    79.1666666667% {
        background-position: 0 72px;
        padding-top: 312px;
    }
    83.3333333333% {
        background-position: 0 96px;
        padding-top: 336px;
    }
    87.5% {
        background-position: 0 120px;
        padding-top: 360px;
    }
    91.6666666667% {
        background-position: 0 144px;
        padding-top: 384px;
    }
    95.8333333333% {
        background-position: 0 168px;
        padding-top: 408px;
    }
}
@keyframes column-21 {
    0% {
        background-position: 0 192px;
        padding-top: 432px;
    }
    4.1666666667% {
        background-position: 0 216px;
        padding-top: 456px;
    }
    8.3333333333% {
        background-position: 0 240px;
        padding-top: 480px;
    }
    12.5% {
        background-position: 0 264px;
        padding-top: 504px;
    }
    16.6666666667% {
        background-position: 0 288px;
        padding-top: 528px;
    }
    20.8333333333% {
        background-position: 0 312px;
        padding-top: 552px;
    }
    25% {
        background-position: 0 -240px;
        padding-top: 0px;
    }
    29.1666666667% {
        background-position: 0 -216px;
        padding-top: 24px;
    }
    33.3333333333% {
        background-position: 0 -192px;
        padding-top: 48px;
    }
    37.5% {
        background-position: 0 -168px;
        padding-top: 72px;
    }
    41.6666666667% {
        background-position: 0 -144px;
        padding-top: 96px;
    }
    45.8333333333% {
        background-position: 0 -120px;
        padding-top: 120px;
    }
    50% {
        background-position: 0 -96px;
        padding-top: 144px;
    }
    54.1666666667% {
        background-position: 0 -72px;
        padding-top: 168px;
    }
    58.3333333333% {
        background-position: 0 -48px;
        padding-top: 192px;
    }
    62.5% {
        background-position: 0 -24px;
        padding-top: 216px;
    }
    66.6666666667% {
        background-position: 0 0px;
        padding-top: 240px;
    }
    70.8333333333% {
        background-position: 0 24px;
        padding-top: 264px;
    }
    75% {
        background-position: 0 48px;
        padding-top: 288px;
    }
    79.1666666667% {
        background-position: 0 72px;
        padding-top: 312px;
    }
    83.3333333333% {
        background-position: 0 96px;
        padding-top: 336px;
    }
    87.5% {
        background-position: 0 120px;
        padding-top: 360px;
    }
    91.6666666667% {
        background-position: 0 144px;
        padding-top: 384px;
    }
    95.8333333333% {
        background-position: 0 168px;
        padding-top: 408px;
    }
}
.matrix li:nth-child(22) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(22):before {
    display: block;
    width: 1em;
    content: "0 1 1 0 1 1 0 0 0 0 0 1 0 1 0 1 1 1 0 0 1 1 1 1";
}
.matrix li:nth-child(22):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 264px, white 264px, white 576px) 0 -72px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 192px;
    overflow: hidden;
    -webkit-animation: 2163ms column-22 infinite steps(1, start);
    -moz-animation: 2163ms column-22 infinite steps(1, start);
    -ms-animation: 2163ms column-22 infinite steps(1, start);
    -o-animation: 2163ms column-22 infinite steps(1, start);
    animation: 2163ms column-22 infinite steps(1, start);
}

@-webkit-keyframes column-22 {
    0% {
        background-position: 0 -72px;
        padding-top: 192px;
    }
    4.1666666667% {
        background-position: 0 -48px;
        padding-top: 216px;
    }
    8.3333333333% {
        background-position: 0 -24px;
        padding-top: 240px;
    }
    12.5% {
        background-position: 0 0px;
        padding-top: 264px;
    }
    16.6666666667% {
        background-position: 0 24px;
        padding-top: 288px;
    }
    20.8333333333% {
        background-position: 0 48px;
        padding-top: 312px;
    }
    25% {
        background-position: 0 72px;
        padding-top: 336px;
    }
    29.1666666667% {
        background-position: 0 96px;
        padding-top: 360px;
    }
    33.3333333333% {
        background-position: 0 120px;
        padding-top: 384px;
    }
    37.5% {
        background-position: 0 144px;
        padding-top: 408px;
    }
    41.6666666667% {
        background-position: 0 168px;
        padding-top: 432px;
    }
    45.8333333333% {
        background-position: 0 192px;
        padding-top: 456px;
    }
    50% {
        background-position: 0 216px;
        padding-top: 480px;
    }
    54.1666666667% {
        background-position: 0 240px;
        padding-top: 504px;
    }
    58.3333333333% {
        background-position: 0 264px;
        padding-top: 528px;
    }
    62.5% {
        background-position: 0 288px;
        padding-top: 552px;
    }
    66.6666666667% {
        background-position: 0 -264px;
        padding-top: 0px;
    }
    70.8333333333% {
        background-position: 0 -240px;
        padding-top: 24px;
    }
    75% {
        background-position: 0 -216px;
        padding-top: 48px;
    }
    79.1666666667% {
        background-position: 0 -192px;
        padding-top: 72px;
    }
    83.3333333333% {
        background-position: 0 -168px;
        padding-top: 96px;
    }
    87.5% {
        background-position: 0 -144px;
        padding-top: 120px;
    }
    91.6666666667% {
        background-position: 0 -120px;
        padding-top: 144px;
    }
    95.8333333333% {
        background-position: 0 -96px;
        padding-top: 168px;
    }
}
@-moz-keyframes column-22 {
    0% {
        background-position: 0 -72px;
        padding-top: 192px;
    }
    4.1666666667% {
        background-position: 0 -48px;
        padding-top: 216px;
    }
    8.3333333333% {
        background-position: 0 -24px;
        padding-top: 240px;
    }
    12.5% {
        background-position: 0 0px;
        padding-top: 264px;
    }
    16.6666666667% {
        background-position: 0 24px;
        padding-top: 288px;
    }
    20.8333333333% {
        background-position: 0 48px;
        padding-top: 312px;
    }
    25% {
        background-position: 0 72px;
        padding-top: 336px;
    }
    29.1666666667% {
        background-position: 0 96px;
        padding-top: 360px;
    }
    33.3333333333% {
        background-position: 0 120px;
        padding-top: 384px;
    }
    37.5% {
        background-position: 0 144px;
        padding-top: 408px;
    }
    41.6666666667% {
        background-position: 0 168px;
        padding-top: 432px;
    }
    45.8333333333% {
        background-position: 0 192px;
        padding-top: 456px;
    }
    50% {
        background-position: 0 216px;
        padding-top: 480px;
    }
    54.1666666667% {
        background-position: 0 240px;
        padding-top: 504px;
    }
    58.3333333333% {
        background-position: 0 264px;
        padding-top: 528px;
    }
    62.5% {
        background-position: 0 288px;
        padding-top: 552px;
    }
    66.6666666667% {
        background-position: 0 -264px;
        padding-top: 0px;
    }
    70.8333333333% {
        background-position: 0 -240px;
        padding-top: 24px;
    }
    75% {
        background-position: 0 -216px;
        padding-top: 48px;
    }
    79.1666666667% {
        background-position: 0 -192px;
        padding-top: 72px;
    }
    83.3333333333% {
        background-position: 0 -168px;
        padding-top: 96px;
    }
    87.5% {
        background-position: 0 -144px;
        padding-top: 120px;
    }
    91.6666666667% {
        background-position: 0 -120px;
        padding-top: 144px;
    }
    95.8333333333% {
        background-position: 0 -96px;
        padding-top: 168px;
    }
}
@-o-keyframes column-22 {
    0% {
        background-position: 0 -72px;
        padding-top: 192px;
    }
    4.1666666667% {
        background-position: 0 -48px;
        padding-top: 216px;
    }
    8.3333333333% {
        background-position: 0 -24px;
        padding-top: 240px;
    }
    12.5% {
        background-position: 0 0px;
        padding-top: 264px;
    }
    16.6666666667% {
        background-position: 0 24px;
        padding-top: 288px;
    }
    20.8333333333% {
        background-position: 0 48px;
        padding-top: 312px;
    }
    25% {
        background-position: 0 72px;
        padding-top: 336px;
    }
    29.1666666667% {
        background-position: 0 96px;
        padding-top: 360px;
    }
    33.3333333333% {
        background-position: 0 120px;
        padding-top: 384px;
    }
    37.5% {
        background-position: 0 144px;
        padding-top: 408px;
    }
    41.6666666667% {
        background-position: 0 168px;
        padding-top: 432px;
    }
    45.8333333333% {
        background-position: 0 192px;
        padding-top: 456px;
    }
    50% {
        background-position: 0 216px;
        padding-top: 480px;
    }
    54.1666666667% {
        background-position: 0 240px;
        padding-top: 504px;
    }
    58.3333333333% {
        background-position: 0 264px;
        padding-top: 528px;
    }
    62.5% {
        background-position: 0 288px;
        padding-top: 552px;
    }
    66.6666666667% {
        background-position: 0 -264px;
        padding-top: 0px;
    }
    70.8333333333% {
        background-position: 0 -240px;
        padding-top: 24px;
    }
    75% {
        background-position: 0 -216px;
        padding-top: 48px;
    }
    79.1666666667% {
        background-position: 0 -192px;
        padding-top: 72px;
    }
    83.3333333333% {
        background-position: 0 -168px;
        padding-top: 96px;
    }
    87.5% {
        background-position: 0 -144px;
        padding-top: 120px;
    }
    91.6666666667% {
        background-position: 0 -120px;
        padding-top: 144px;
    }
    95.8333333333% {
        background-position: 0 -96px;
        padding-top: 168px;
    }
}
@keyframes column-22 {
    0% {
        background-position: 0 -72px;
        padding-top: 192px;
    }
    4.1666666667% {
        background-position: 0 -48px;
        padding-top: 216px;
    }
    8.3333333333% {
        background-position: 0 -24px;
        padding-top: 240px;
    }
    12.5% {
        background-position: 0 0px;
        padding-top: 264px;
    }
    16.6666666667% {
        background-position: 0 24px;
        padding-top: 288px;
    }
    20.8333333333% {
        background-position: 0 48px;
        padding-top: 312px;
    }
    25% {
        background-position: 0 72px;
        padding-top: 336px;
    }
    29.1666666667% {
        background-position: 0 96px;
        padding-top: 360px;
    }
    33.3333333333% {
        background-position: 0 120px;
        padding-top: 384px;
    }
    37.5% {
        background-position: 0 144px;
        padding-top: 408px;
    }
    41.6666666667% {
        background-position: 0 168px;
        padding-top: 432px;
    }
    45.8333333333% {
        background-position: 0 192px;
        padding-top: 456px;
    }
    50% {
        background-position: 0 216px;
        padding-top: 480px;
    }
    54.1666666667% {
        background-position: 0 240px;
        padding-top: 504px;
    }
    58.3333333333% {
        background-position: 0 264px;
        padding-top: 528px;
    }
    62.5% {
        background-position: 0 288px;
        padding-top: 552px;
    }
    66.6666666667% {
        background-position: 0 -264px;
        padding-top: 0px;
    }
    70.8333333333% {
        background-position: 0 -240px;
        padding-top: 24px;
    }
    75% {
        background-position: 0 -216px;
        padding-top: 48px;
    }
    79.1666666667% {
        background-position: 0 -192px;
        padding-top: 72px;
    }
    83.3333333333% {
        background-position: 0 -168px;
        padding-top: 96px;
    }
    87.5% {
        background-position: 0 -144px;
        padding-top: 120px;
    }
    91.6666666667% {
        background-position: 0 -120px;
        padding-top: 144px;
    }
    95.8333333333% {
        background-position: 0 -96px;
        padding-top: 168px;
    }
}
.matrix li:nth-child(23) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(23):before {
    display: block;
    width: 1em;
    content: "0 1 1 0 1 1 1 0 1 0 0 0 1 1 0 0 0 1 0 1 1 1 1 1";
}
.matrix li:nth-child(23):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 360px, white 360px, white 576px) 0 -192px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 168px;
    overflow: hidden;
    -webkit-animation: 2163ms column-23 infinite steps(1, start);
    -moz-animation: 2163ms column-23 infinite steps(1, start);
    -ms-animation: 2163ms column-23 infinite steps(1, start);
    -o-animation: 2163ms column-23 infinite steps(1, start);
    animation: 2163ms column-23 infinite steps(1, start);
}

@-webkit-keyframes column-23 {
    0% {
        background-position: 0 -192px;
        padding-top: 168px;
    }
    4.1666666667% {
        background-position: 0 -168px;
        padding-top: 192px;
    }
    8.3333333333% {
        background-position: 0 -144px;
        padding-top: 216px;
    }
    12.5% {
        background-position: 0 -120px;
        padding-top: 240px;
    }
    16.6666666667% {
        background-position: 0 -96px;
        padding-top: 264px;
    }
    20.8333333333% {
        background-position: 0 -72px;
        padding-top: 288px;
    }
    25% {
        background-position: 0 -48px;
        padding-top: 312px;
    }
    29.1666666667% {
        background-position: 0 -24px;
        padding-top: 336px;
    }
    33.3333333333% {
        background-position: 0 0px;
        padding-top: 360px;
    }
    37.5% {
        background-position: 0 24px;
        padding-top: 384px;
    }
    41.6666666667% {
        background-position: 0 48px;
        padding-top: 408px;
    }
    45.8333333333% {
        background-position: 0 72px;
        padding-top: 432px;
    }
    50% {
        background-position: 0 96px;
        padding-top: 456px;
    }
    54.1666666667% {
        background-position: 0 120px;
        padding-top: 480px;
    }
    58.3333333333% {
        background-position: 0 144px;
        padding-top: 504px;
    }
    62.5% {
        background-position: 0 168px;
        padding-top: 528px;
    }
    66.6666666667% {
        background-position: 0 192px;
        padding-top: 552px;
    }
    70.8333333333% {
        background-position: 0 -360px;
        padding-top: 0px;
    }
    75% {
        background-position: 0 -336px;
        padding-top: 24px;
    }
    79.1666666667% {
        background-position: 0 -312px;
        padding-top: 48px;
    }
    83.3333333333% {
        background-position: 0 -288px;
        padding-top: 72px;
    }
    87.5% {
        background-position: 0 -264px;
        padding-top: 96px;
    }
    91.6666666667% {
        background-position: 0 -240px;
        padding-top: 120px;
    }
    95.8333333333% {
        background-position: 0 -216px;
        padding-top: 144px;
    }
}
@-moz-keyframes column-23 {
    0% {
        background-position: 0 -192px;
        padding-top: 168px;
    }
    4.1666666667% {
        background-position: 0 -168px;
        padding-top: 192px;
    }
    8.3333333333% {
        background-position: 0 -144px;
        padding-top: 216px;
    }
    12.5% {
        background-position: 0 -120px;
        padding-top: 240px;
    }
    16.6666666667% {
        background-position: 0 -96px;
        padding-top: 264px;
    }
    20.8333333333% {
        background-position: 0 -72px;
        padding-top: 288px;
    }
    25% {
        background-position: 0 -48px;
        padding-top: 312px;
    }
    29.1666666667% {
        background-position: 0 -24px;
        padding-top: 336px;
    }
    33.3333333333% {
        background-position: 0 0px;
        padding-top: 360px;
    }
    37.5% {
        background-position: 0 24px;
        padding-top: 384px;
    }
    41.6666666667% {
        background-position: 0 48px;
        padding-top: 408px;
    }
    45.8333333333% {
        background-position: 0 72px;
        padding-top: 432px;
    }
    50% {
        background-position: 0 96px;
        padding-top: 456px;
    }
    54.1666666667% {
        background-position: 0 120px;
        padding-top: 480px;
    }
    58.3333333333% {
        background-position: 0 144px;
        padding-top: 504px;
    }
    62.5% {
        background-position: 0 168px;
        padding-top: 528px;
    }
    66.6666666667% {
        background-position: 0 192px;
        padding-top: 552px;
    }
    70.8333333333% {
        background-position: 0 -360px;
        padding-top: 0px;
    }
    75% {
        background-position: 0 -336px;
        padding-top: 24px;
    }
    79.1666666667% {
        background-position: 0 -312px;
        padding-top: 48px;
    }
    83.3333333333% {
        background-position: 0 -288px;
        padding-top: 72px;
    }
    87.5% {
        background-position: 0 -264px;
        padding-top: 96px;
    }
    91.6666666667% {
        background-position: 0 -240px;
        padding-top: 120px;
    }
    95.8333333333% {
        background-position: 0 -216px;
        padding-top: 144px;
    }
}
@-o-keyframes column-23 {
    0% {
        background-position: 0 -192px;
        padding-top: 168px;
    }
    4.1666666667% {
        background-position: 0 -168px;
        padding-top: 192px;
    }
    8.3333333333% {
        background-position: 0 -144px;
        padding-top: 216px;
    }
    12.5% {
        background-position: 0 -120px;
        padding-top: 240px;
    }
    16.6666666667% {
        background-position: 0 -96px;
        padding-top: 264px;
    }
    20.8333333333% {
        background-position: 0 -72px;
        padding-top: 288px;
    }
    25% {
        background-position: 0 -48px;
        padding-top: 312px;
    }
    29.1666666667% {
        background-position: 0 -24px;
        padding-top: 336px;
    }
    33.3333333333% {
        background-position: 0 0px;
        padding-top: 360px;
    }
    37.5% {
        background-position: 0 24px;
        padding-top: 384px;
    }
    41.6666666667% {
        background-position: 0 48px;
        padding-top: 408px;
    }
    45.8333333333% {
        background-position: 0 72px;
        padding-top: 432px;
    }
    50% {
        background-position: 0 96px;
        padding-top: 456px;
    }
    54.1666666667% {
        background-position: 0 120px;
        padding-top: 480px;
    }
    58.3333333333% {
        background-position: 0 144px;
        padding-top: 504px;
    }
    62.5% {
        background-position: 0 168px;
        padding-top: 528px;
    }
    66.6666666667% {
        background-position: 0 192px;
        padding-top: 552px;
    }
    70.8333333333% {
        background-position: 0 -360px;
        padding-top: 0px;
    }
    75% {
        background-position: 0 -336px;
        padding-top: 24px;
    }
    79.1666666667% {
        background-position: 0 -312px;
        padding-top: 48px;
    }
    83.3333333333% {
        background-position: 0 -288px;
        padding-top: 72px;
    }
    87.5% {
        background-position: 0 -264px;
        padding-top: 96px;
    }
    91.6666666667% {
        background-position: 0 -240px;
        padding-top: 120px;
    }
    95.8333333333% {
        background-position: 0 -216px;
        padding-top: 144px;
    }
}
@keyframes column-23 {
    0% {
        background-position: 0 -192px;
        padding-top: 168px;
    }
    4.1666666667% {
        background-position: 0 -168px;
        padding-top: 192px;
    }
    8.3333333333% {
        background-position: 0 -144px;
        padding-top: 216px;
    }
    12.5% {
        background-position: 0 -120px;
        padding-top: 240px;
    }
    16.6666666667% {
        background-position: 0 -96px;
        padding-top: 264px;
    }
    20.8333333333% {
        background-position: 0 -72px;
        padding-top: 288px;
    }
    25% {
        background-position: 0 -48px;
        padding-top: 312px;
    }
    29.1666666667% {
        background-position: 0 -24px;
        padding-top: 336px;
    }
    33.3333333333% {
        background-position: 0 0px;
        padding-top: 360px;
    }
    37.5% {
        background-position: 0 24px;
        padding-top: 384px;
    }
    41.6666666667% {
        background-position: 0 48px;
        padding-top: 408px;
    }
    45.8333333333% {
        background-position: 0 72px;
        padding-top: 432px;
    }
    50% {
        background-position: 0 96px;
        padding-top: 456px;
    }
    54.1666666667% {
        background-position: 0 120px;
        padding-top: 480px;
    }
    58.3333333333% {
        background-position: 0 144px;
        padding-top: 504px;
    }
    62.5% {
        background-position: 0 168px;
        padding-top: 528px;
    }
    66.6666666667% {
        background-position: 0 192px;
        padding-top: 552px;
    }
    70.8333333333% {
        background-position: 0 -360px;
        padding-top: 0px;
    }
    75% {
        background-position: 0 -336px;
        padding-top: 24px;
    }
    79.1666666667% {
        background-position: 0 -312px;
        padding-top: 48px;
    }
    83.3333333333% {
        background-position: 0 -288px;
        padding-top: 72px;
    }
    87.5% {
        background-position: 0 -264px;
        padding-top: 96px;
    }
    91.6666666667% {
        background-position: 0 -240px;
        padding-top: 120px;
    }
    95.8333333333% {
        background-position: 0 -216px;
        padding-top: 144px;
    }
}
.matrix li:nth-child(24) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(24):before {
    display: block;
    width: 1em;
    content: "0 1 1 0 1 0 0 1 0 0 1 0 0 0 0 0 1 1 0 0 1 1 0 1";
}
.matrix li:nth-child(24):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 480px, white 480px, white 576px) 0 0px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 480px;
    overflow: hidden;
    -webkit-animation: 2163ms column-24 infinite steps(1, start);
    -moz-animation: 2163ms column-24 infinite steps(1, start);
    -ms-animation: 2163ms column-24 infinite steps(1, start);
    -o-animation: 2163ms column-24 infinite steps(1, start);
    animation: 2163ms column-24 infinite steps(1, start);
}

@-webkit-keyframes column-24 {
    0% {
        background-position: 0 0px;
        padding-top: 480px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 504px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 528px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 552px;
    }
    16.6666666667% {
        background-position: 0 -480px;
        padding-top: 0px;
    }
    20.8333333333% {
        background-position: 0 -456px;
        padding-top: 24px;
    }
    25% {
        background-position: 0 -432px;
        padding-top: 48px;
    }
    29.1666666667% {
        background-position: 0 -408px;
        padding-top: 72px;
    }
    33.3333333333% {
        background-position: 0 -384px;
        padding-top: 96px;
    }
    37.5% {
        background-position: 0 -360px;
        padding-top: 120px;
    }
    41.6666666667% {
        background-position: 0 -336px;
        padding-top: 144px;
    }
    45.8333333333% {
        background-position: 0 -312px;
        padding-top: 168px;
    }
    50% {
        background-position: 0 -288px;
        padding-top: 192px;
    }
    54.1666666667% {
        background-position: 0 -264px;
        padding-top: 216px;
    }
    58.3333333333% {
        background-position: 0 -240px;
        padding-top: 240px;
    }
    62.5% {
        background-position: 0 -216px;
        padding-top: 264px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 288px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 312px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 336px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 360px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 384px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 408px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 432px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 456px;
    }
}
@-moz-keyframes column-24 {
    0% {
        background-position: 0 0px;
        padding-top: 480px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 504px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 528px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 552px;
    }
    16.6666666667% {
        background-position: 0 -480px;
        padding-top: 0px;
    }
    20.8333333333% {
        background-position: 0 -456px;
        padding-top: 24px;
    }
    25% {
        background-position: 0 -432px;
        padding-top: 48px;
    }
    29.1666666667% {
        background-position: 0 -408px;
        padding-top: 72px;
    }
    33.3333333333% {
        background-position: 0 -384px;
        padding-top: 96px;
    }
    37.5% {
        background-position: 0 -360px;
        padding-top: 120px;
    }
    41.6666666667% {
        background-position: 0 -336px;
        padding-top: 144px;
    }
    45.8333333333% {
        background-position: 0 -312px;
        padding-top: 168px;
    }
    50% {
        background-position: 0 -288px;
        padding-top: 192px;
    }
    54.1666666667% {
        background-position: 0 -264px;
        padding-top: 216px;
    }
    58.3333333333% {
        background-position: 0 -240px;
        padding-top: 240px;
    }
    62.5% {
        background-position: 0 -216px;
        padding-top: 264px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 288px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 312px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 336px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 360px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 384px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 408px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 432px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 456px;
    }
}
@-o-keyframes column-24 {
    0% {
        background-position: 0 0px;
        padding-top: 480px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 504px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 528px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 552px;
    }
    16.6666666667% {
        background-position: 0 -480px;
        padding-top: 0px;
    }
    20.8333333333% {
        background-position: 0 -456px;
        padding-top: 24px;
    }
    25% {
        background-position: 0 -432px;
        padding-top: 48px;
    }
    29.1666666667% {
        background-position: 0 -408px;
        padding-top: 72px;
    }
    33.3333333333% {
        background-position: 0 -384px;
        padding-top: 96px;
    }
    37.5% {
        background-position: 0 -360px;
        padding-top: 120px;
    }
    41.6666666667% {
        background-position: 0 -336px;
        padding-top: 144px;
    }
    45.8333333333% {
        background-position: 0 -312px;
        padding-top: 168px;
    }
    50% {
        background-position: 0 -288px;
        padding-top: 192px;
    }
    54.1666666667% {
        background-position: 0 -264px;
        padding-top: 216px;
    }
    58.3333333333% {
        background-position: 0 -240px;
        padding-top: 240px;
    }
    62.5% {
        background-position: 0 -216px;
        padding-top: 264px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 288px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 312px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 336px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 360px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 384px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 408px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 432px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 456px;
    }
}
@keyframes column-24 {
    0% {
        background-position: 0 0px;
        padding-top: 480px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 504px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 528px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 552px;
    }
    16.6666666667% {
        background-position: 0 -480px;
        padding-top: 0px;
    }
    20.8333333333% {
        background-position: 0 -456px;
        padding-top: 24px;
    }
    25% {
        background-position: 0 -432px;
        padding-top: 48px;
    }
    29.1666666667% {
        background-position: 0 -408px;
        padding-top: 72px;
    }
    33.3333333333% {
        background-position: 0 -384px;
        padding-top: 96px;
    }
    37.5% {
        background-position: 0 -360px;
        padding-top: 120px;
    }
    41.6666666667% {
        background-position: 0 -336px;
        padding-top: 144px;
    }
    45.8333333333% {
        background-position: 0 -312px;
        padding-top: 168px;
    }
    50% {
        background-position: 0 -288px;
        padding-top: 192px;
    }
    54.1666666667% {
        background-position: 0 -264px;
        padding-top: 216px;
    }
    58.3333333333% {
        background-position: 0 -240px;
        padding-top: 240px;
    }
    62.5% {
        background-position: 0 -216px;
        padding-top: 264px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 288px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 312px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 336px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 360px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 384px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 408px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 432px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 456px;
    }
}
.matrix li:nth-child(25) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(25):before {
    display: block;
    width: 1em;
    content: "0 0 1 0 0 0 0 1 1 1 0 1 0 0 0 1 0 0 1 1 0 0 1 0";
}
.matrix li:nth-child(25):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 144px, white 144px, white 576px) 0 216px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 360px;
    overflow: hidden;
    -webkit-animation: 2163ms column-25 infinite steps(1, start);
    -moz-animation: 2163ms column-25 infinite steps(1, start);
    -ms-animation: 2163ms column-25 infinite steps(1, start);
    -o-animation: 2163ms column-25 infinite steps(1, start);
    animation: 2163ms column-25 infinite steps(1, start);
}

@-webkit-keyframes column-25 {
    0% {
        background-position: 0 216px;
        padding-top: 360px;
    }
    4.1666666667% {
        background-position: 0 240px;
        padding-top: 384px;
    }
    8.3333333333% {
        background-position: 0 264px;
        padding-top: 408px;
    }
    12.5% {
        background-position: 0 288px;
        padding-top: 432px;
    }
    16.6666666667% {
        background-position: 0 312px;
        padding-top: 456px;
    }
    20.8333333333% {
        background-position: 0 336px;
        padding-top: 480px;
    }
    25% {
        background-position: 0 360px;
        padding-top: 504px;
    }
    29.1666666667% {
        background-position: 0 384px;
        padding-top: 528px;
    }
    33.3333333333% {
        background-position: 0 408px;
        padding-top: 552px;
    }
    37.5% {
        background-position: 0 -144px;
        padding-top: 0px;
    }
    41.6666666667% {
        background-position: 0 -120px;
        padding-top: 24px;
    }
    45.8333333333% {
        background-position: 0 -96px;
        padding-top: 48px;
    }
    50% {
        background-position: 0 -72px;
        padding-top: 72px;
    }
    54.1666666667% {
        background-position: 0 -48px;
        padding-top: 96px;
    }
    58.3333333333% {
        background-position: 0 -24px;
        padding-top: 120px;
    }
    62.5% {
        background-position: 0 0px;
        padding-top: 144px;
    }
    66.6666666667% {
        background-position: 0 24px;
        padding-top: 168px;
    }
    70.8333333333% {
        background-position: 0 48px;
        padding-top: 192px;
    }
    75% {
        background-position: 0 72px;
        padding-top: 216px;
    }
    79.1666666667% {
        background-position: 0 96px;
        padding-top: 240px;
    }
    83.3333333333% {
        background-position: 0 120px;
        padding-top: 264px;
    }
    87.5% {
        background-position: 0 144px;
        padding-top: 288px;
    }
    91.6666666667% {
        background-position: 0 168px;
        padding-top: 312px;
    }
    95.8333333333% {
        background-position: 0 192px;
        padding-top: 336px;
    }
}
@-moz-keyframes column-25 {
    0% {
        background-position: 0 216px;
        padding-top: 360px;
    }
    4.1666666667% {
        background-position: 0 240px;
        padding-top: 384px;
    }
    8.3333333333% {
        background-position: 0 264px;
        padding-top: 408px;
    }
    12.5% {
        background-position: 0 288px;
        padding-top: 432px;
    }
    16.6666666667% {
        background-position: 0 312px;
        padding-top: 456px;
    }
    20.8333333333% {
        background-position: 0 336px;
        padding-top: 480px;
    }
    25% {
        background-position: 0 360px;
        padding-top: 504px;
    }
    29.1666666667% {
        background-position: 0 384px;
        padding-top: 528px;
    }
    33.3333333333% {
        background-position: 0 408px;
        padding-top: 552px;
    }
    37.5% {
        background-position: 0 -144px;
        padding-top: 0px;
    }
    41.6666666667% {
        background-position: 0 -120px;
        padding-top: 24px;
    }
    45.8333333333% {
        background-position: 0 -96px;
        padding-top: 48px;
    }
    50% {
        background-position: 0 -72px;
        padding-top: 72px;
    }
    54.1666666667% {
        background-position: 0 -48px;
        padding-top: 96px;
    }
    58.3333333333% {
        background-position: 0 -24px;
        padding-top: 120px;
    }
    62.5% {
        background-position: 0 0px;
        padding-top: 144px;
    }
    66.6666666667% {
        background-position: 0 24px;
        padding-top: 168px;
    }
    70.8333333333% {
        background-position: 0 48px;
        padding-top: 192px;
    }
    75% {
        background-position: 0 72px;
        padding-top: 216px;
    }
    79.1666666667% {
        background-position: 0 96px;
        padding-top: 240px;
    }
    83.3333333333% {
        background-position: 0 120px;
        padding-top: 264px;
    }
    87.5% {
        background-position: 0 144px;
        padding-top: 288px;
    }
    91.6666666667% {
        background-position: 0 168px;
        padding-top: 312px;
    }
    95.8333333333% {
        background-position: 0 192px;
        padding-top: 336px;
    }
}
@-o-keyframes column-25 {
    0% {
        background-position: 0 216px;
        padding-top: 360px;
    }
    4.1666666667% {
        background-position: 0 240px;
        padding-top: 384px;
    }
    8.3333333333% {
        background-position: 0 264px;
        padding-top: 408px;
    }
    12.5% {
        background-position: 0 288px;
        padding-top: 432px;
    }
    16.6666666667% {
        background-position: 0 312px;
        padding-top: 456px;
    }
    20.8333333333% {
        background-position: 0 336px;
        padding-top: 480px;
    }
    25% {
        background-position: 0 360px;
        padding-top: 504px;
    }
    29.1666666667% {
        background-position: 0 384px;
        padding-top: 528px;
    }
    33.3333333333% {
        background-position: 0 408px;
        padding-top: 552px;
    }
    37.5% {
        background-position: 0 -144px;
        padding-top: 0px;
    }
    41.6666666667% {
        background-position: 0 -120px;
        padding-top: 24px;
    }
    45.8333333333% {
        background-position: 0 -96px;
        padding-top: 48px;
    }
    50% {
        background-position: 0 -72px;
        padding-top: 72px;
    }
    54.1666666667% {
        background-position: 0 -48px;
        padding-top: 96px;
    }
    58.3333333333% {
        background-position: 0 -24px;
        padding-top: 120px;
    }
    62.5% {
        background-position: 0 0px;
        padding-top: 144px;
    }
    66.6666666667% {
        background-position: 0 24px;
        padding-top: 168px;
    }
    70.8333333333% {
        background-position: 0 48px;
        padding-top: 192px;
    }
    75% {
        background-position: 0 72px;
        padding-top: 216px;
    }
    79.1666666667% {
        background-position: 0 96px;
        padding-top: 240px;
    }
    83.3333333333% {
        background-position: 0 120px;
        padding-top: 264px;
    }
    87.5% {
        background-position: 0 144px;
        padding-top: 288px;
    }
    91.6666666667% {
        background-position: 0 168px;
        padding-top: 312px;
    }
    95.8333333333% {
        background-position: 0 192px;
        padding-top: 336px;
    }
}
@keyframes column-25 {
    0% {
        background-position: 0 216px;
        padding-top: 360px;
    }
    4.1666666667% {
        background-position: 0 240px;
        padding-top: 384px;
    }
    8.3333333333% {
        background-position: 0 264px;
        padding-top: 408px;
    }
    12.5% {
        background-position: 0 288px;
        padding-top: 432px;
    }
    16.6666666667% {
        background-position: 0 312px;
        padding-top: 456px;
    }
    20.8333333333% {
        background-position: 0 336px;
        padding-top: 480px;
    }
    25% {
        background-position: 0 360px;
        padding-top: 504px;
    }
    29.1666666667% {
        background-position: 0 384px;
        padding-top: 528px;
    }
    33.3333333333% {
        background-position: 0 408px;
        padding-top: 552px;
    }
    37.5% {
        background-position: 0 -144px;
        padding-top: 0px;
    }
    41.6666666667% {
        background-position: 0 -120px;
        padding-top: 24px;
    }
    45.8333333333% {
        background-position: 0 -96px;
        padding-top: 48px;
    }
    50% {
        background-position: 0 -72px;
        padding-top: 72px;
    }
    54.1666666667% {
        background-position: 0 -48px;
        padding-top: 96px;
    }
    58.3333333333% {
        background-position: 0 -24px;
        padding-top: 120px;
    }
    62.5% {
        background-position: 0 0px;
        padding-top: 144px;
    }
    66.6666666667% {
        background-position: 0 24px;
        padding-top: 168px;
    }
    70.8333333333% {
        background-position: 0 48px;
        padding-top: 192px;
    }
    75% {
        background-position: 0 72px;
        padding-top: 216px;
    }
    79.1666666667% {
        background-position: 0 96px;
        padding-top: 240px;
    }
    83.3333333333% {
        background-position: 0 120px;
        padding-top: 264px;
    }
    87.5% {
        background-position: 0 144px;
        padding-top: 288px;
    }
    91.6666666667% {
        background-position: 0 168px;
        padding-top: 312px;
    }
    95.8333333333% {
        background-position: 0 192px;
        padding-top: 336px;
    }
}
.matrix li:nth-child(26) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(26):before {
    display: block;
    width: 1em;
    content: "1 1 0 1 0 0 1 1 0 1 0 0 1 1 1 1 0 0 1 1 1 0 0 0";
}
.matrix li:nth-child(26):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 528px, white 528px, white 576px) 0 -504px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 24px;
    overflow: hidden;
    -webkit-animation: 2163ms column-26 infinite steps(1, start);
    -moz-animation: 2163ms column-26 infinite steps(1, start);
    -ms-animation: 2163ms column-26 infinite steps(1, start);
    -o-animation: 2163ms column-26 infinite steps(1, start);
    animation: 2163ms column-26 infinite steps(1, start);
}

@-webkit-keyframes column-26 {
    0% {
        background-position: 0 -504px;
        padding-top: 24px;
    }
    4.1666666667% {
        background-position: 0 -480px;
        padding-top: 48px;
    }
    8.3333333333% {
        background-position: 0 -456px;
        padding-top: 72px;
    }
    12.5% {
        background-position: 0 -432px;
        padding-top: 96px;
    }
    16.6666666667% {
        background-position: 0 -408px;
        padding-top: 120px;
    }
    20.8333333333% {
        background-position: 0 -384px;
        padding-top: 144px;
    }
    25% {
        background-position: 0 -360px;
        padding-top: 168px;
    }
    29.1666666667% {
        background-position: 0 -336px;
        padding-top: 192px;
    }
    33.3333333333% {
        background-position: 0 -312px;
        padding-top: 216px;
    }
    37.5% {
        background-position: 0 -288px;
        padding-top: 240px;
    }
    41.6666666667% {
        background-position: 0 -264px;
        padding-top: 264px;
    }
    45.8333333333% {
        background-position: 0 -240px;
        padding-top: 288px;
    }
    50% {
        background-position: 0 -216px;
        padding-top: 312px;
    }
    54.1666666667% {
        background-position: 0 -192px;
        padding-top: 336px;
    }
    58.3333333333% {
        background-position: 0 -168px;
        padding-top: 360px;
    }
    62.5% {
        background-position: 0 -144px;
        padding-top: 384px;
    }
    66.6666666667% {
        background-position: 0 -120px;
        padding-top: 408px;
    }
    70.8333333333% {
        background-position: 0 -96px;
        padding-top: 432px;
    }
    75% {
        background-position: 0 -72px;
        padding-top: 456px;
    }
    79.1666666667% {
        background-position: 0 -48px;
        padding-top: 480px;
    }
    83.3333333333% {
        background-position: 0 -24px;
        padding-top: 504px;
    }
    87.5% {
        background-position: 0 0px;
        padding-top: 528px;
    }
    91.6666666667% {
        background-position: 0 24px;
        padding-top: 552px;
    }
    95.8333333333% {
        background-position: 0 -528px;
        padding-top: 0px;
    }
}
@-moz-keyframes column-26 {
    0% {
        background-position: 0 -504px;
        padding-top: 24px;
    }
    4.1666666667% {
        background-position: 0 -480px;
        padding-top: 48px;
    }
    8.3333333333% {
        background-position: 0 -456px;
        padding-top: 72px;
    }
    12.5% {
        background-position: 0 -432px;
        padding-top: 96px;
    }
    16.6666666667% {
        background-position: 0 -408px;
        padding-top: 120px;
    }
    20.8333333333% {
        background-position: 0 -384px;
        padding-top: 144px;
    }
    25% {
        background-position: 0 -360px;
        padding-top: 168px;
    }
    29.1666666667% {
        background-position: 0 -336px;
        padding-top: 192px;
    }
    33.3333333333% {
        background-position: 0 -312px;
        padding-top: 216px;
    }
    37.5% {
        background-position: 0 -288px;
        padding-top: 240px;
    }
    41.6666666667% {
        background-position: 0 -264px;
        padding-top: 264px;
    }
    45.8333333333% {
        background-position: 0 -240px;
        padding-top: 288px;
    }
    50% {
        background-position: 0 -216px;
        padding-top: 312px;
    }
    54.1666666667% {
        background-position: 0 -192px;
        padding-top: 336px;
    }
    58.3333333333% {
        background-position: 0 -168px;
        padding-top: 360px;
    }
    62.5% {
        background-position: 0 -144px;
        padding-top: 384px;
    }
    66.6666666667% {
        background-position: 0 -120px;
        padding-top: 408px;
    }
    70.8333333333% {
        background-position: 0 -96px;
        padding-top: 432px;
    }
    75% {
        background-position: 0 -72px;
        padding-top: 456px;
    }
    79.1666666667% {
        background-position: 0 -48px;
        padding-top: 480px;
    }
    83.3333333333% {
        background-position: 0 -24px;
        padding-top: 504px;
    }
    87.5% {
        background-position: 0 0px;
        padding-top: 528px;
    }
    91.6666666667% {
        background-position: 0 24px;
        padding-top: 552px;
    }
    95.8333333333% {
        background-position: 0 -528px;
        padding-top: 0px;
    }
}
@-o-keyframes column-26 {
    0% {
        background-position: 0 -504px;
        padding-top: 24px;
    }
    4.1666666667% {
        background-position: 0 -480px;
        padding-top: 48px;
    }
    8.3333333333% {
        background-position: 0 -456px;
        padding-top: 72px;
    }
    12.5% {
        background-position: 0 -432px;
        padding-top: 96px;
    }
    16.6666666667% {
        background-position: 0 -408px;
        padding-top: 120px;
    }
    20.8333333333% {
        background-position: 0 -384px;
        padding-top: 144px;
    }
    25% {
        background-position: 0 -360px;
        padding-top: 168px;
    }
    29.1666666667% {
        background-position: 0 -336px;
        padding-top: 192px;
    }
    33.3333333333% {
        background-position: 0 -312px;
        padding-top: 216px;
    }
    37.5% {
        background-position: 0 -288px;
        padding-top: 240px;
    }
    41.6666666667% {
        background-position: 0 -264px;
        padding-top: 264px;
    }
    45.8333333333% {
        background-position: 0 -240px;
        padding-top: 288px;
    }
    50% {
        background-position: 0 -216px;
        padding-top: 312px;
    }
    54.1666666667% {
        background-position: 0 -192px;
        padding-top: 336px;
    }
    58.3333333333% {
        background-position: 0 -168px;
        padding-top: 360px;
    }
    62.5% {
        background-position: 0 -144px;
        padding-top: 384px;
    }
    66.6666666667% {
        background-position: 0 -120px;
        padding-top: 408px;
    }
    70.8333333333% {
        background-position: 0 -96px;
        padding-top: 432px;
    }
    75% {
        background-position: 0 -72px;
        padding-top: 456px;
    }
    79.1666666667% {
        background-position: 0 -48px;
        padding-top: 480px;
    }
    83.3333333333% {
        background-position: 0 -24px;
        padding-top: 504px;
    }
    87.5% {
        background-position: 0 0px;
        padding-top: 528px;
    }
    91.6666666667% {
        background-position: 0 24px;
        padding-top: 552px;
    }
    95.8333333333% {
        background-position: 0 -528px;
        padding-top: 0px;
    }
}
@keyframes column-26 {
    0% {
        background-position: 0 -504px;
        padding-top: 24px;
    }
    4.1666666667% {
        background-position: 0 -480px;
        padding-top: 48px;
    }
    8.3333333333% {
        background-position: 0 -456px;
        padding-top: 72px;
    }
    12.5% {
        background-position: 0 -432px;
        padding-top: 96px;
    }
    16.6666666667% {
        background-position: 0 -408px;
        padding-top: 120px;
    }
    20.8333333333% {
        background-position: 0 -384px;
        padding-top: 144px;
    }
    25% {
        background-position: 0 -360px;
        padding-top: 168px;
    }
    29.1666666667% {
        background-position: 0 -336px;
        padding-top: 192px;
    }
    33.3333333333% {
        background-position: 0 -312px;
        padding-top: 216px;
    }
    37.5% {
        background-position: 0 -288px;
        padding-top: 240px;
    }
    41.6666666667% {
        background-position: 0 -264px;
        padding-top: 264px;
    }
    45.8333333333% {
        background-position: 0 -240px;
        padding-top: 288px;
    }
    50% {
        background-position: 0 -216px;
        padding-top: 312px;
    }
    54.1666666667% {
        background-position: 0 -192px;
        padding-top: 336px;
    }
    58.3333333333% {
        background-position: 0 -168px;
        padding-top: 360px;
    }
    62.5% {
        background-position: 0 -144px;
        padding-top: 384px;
    }
    66.6666666667% {
        background-position: 0 -120px;
        padding-top: 408px;
    }
    70.8333333333% {
        background-position: 0 -96px;
        padding-top: 432px;
    }
    75% {
        background-position: 0 -72px;
        padding-top: 456px;
    }
    79.1666666667% {
        background-position: 0 -48px;
        padding-top: 480px;
    }
    83.3333333333% {
        background-position: 0 -24px;
        padding-top: 504px;
    }
    87.5% {
        background-position: 0 0px;
        padding-top: 528px;
    }
    91.6666666667% {
        background-position: 0 24px;
        padding-top: 552px;
    }
    95.8333333333% {
        background-position: 0 -528px;
        padding-top: 0px;
    }
}
.matrix li:nth-child(27) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(27):before {
    display: block;
    width: 1em;
    content: "1 1 1 1 1 0 0 0 0 0 0 1 0 0 1 0 1 1 1 1 1 0 1 1";
}
.matrix li:nth-child(27):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 264px, white 264px, white 576px) 0 -96px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 168px;
    overflow: hidden;
    -webkit-animation: 2163ms column-27 infinite steps(1, start);
    -moz-animation: 2163ms column-27 infinite steps(1, start);
    -ms-animation: 2163ms column-27 infinite steps(1, start);
    -o-animation: 2163ms column-27 infinite steps(1, start);
    animation: 2163ms column-27 infinite steps(1, start);
}

@-webkit-keyframes column-27 {
    0% {
        background-position: 0 -96px;
        padding-top: 168px;
    }
    4.1666666667% {
        background-position: 0 -72px;
        padding-top: 192px;
    }
    8.3333333333% {
        background-position: 0 -48px;
        padding-top: 216px;
    }
    12.5% {
        background-position: 0 -24px;
        padding-top: 240px;
    }
    16.6666666667% {
        background-position: 0 0px;
        padding-top: 264px;
    }
    20.8333333333% {
        background-position: 0 24px;
        padding-top: 288px;
    }
    25% {
        background-position: 0 48px;
        padding-top: 312px;
    }
    29.1666666667% {
        background-position: 0 72px;
        padding-top: 336px;
    }
    33.3333333333% {
        background-position: 0 96px;
        padding-top: 360px;
    }
    37.5% {
        background-position: 0 120px;
        padding-top: 384px;
    }
    41.6666666667% {
        background-position: 0 144px;
        padding-top: 408px;
    }
    45.8333333333% {
        background-position: 0 168px;
        padding-top: 432px;
    }
    50% {
        background-position: 0 192px;
        padding-top: 456px;
    }
    54.1666666667% {
        background-position: 0 216px;
        padding-top: 480px;
    }
    58.3333333333% {
        background-position: 0 240px;
        padding-top: 504px;
    }
    62.5% {
        background-position: 0 264px;
        padding-top: 528px;
    }
    66.6666666667% {
        background-position: 0 288px;
        padding-top: 552px;
    }
    70.8333333333% {
        background-position: 0 -264px;
        padding-top: 0px;
    }
    75% {
        background-position: 0 -240px;
        padding-top: 24px;
    }
    79.1666666667% {
        background-position: 0 -216px;
        padding-top: 48px;
    }
    83.3333333333% {
        background-position: 0 -192px;
        padding-top: 72px;
    }
    87.5% {
        background-position: 0 -168px;
        padding-top: 96px;
    }
    91.6666666667% {
        background-position: 0 -144px;
        padding-top: 120px;
    }
    95.8333333333% {
        background-position: 0 -120px;
        padding-top: 144px;
    }
}
@-moz-keyframes column-27 {
    0% {
        background-position: 0 -96px;
        padding-top: 168px;
    }
    4.1666666667% {
        background-position: 0 -72px;
        padding-top: 192px;
    }
    8.3333333333% {
        background-position: 0 -48px;
        padding-top: 216px;
    }
    12.5% {
        background-position: 0 -24px;
        padding-top: 240px;
    }
    16.6666666667% {
        background-position: 0 0px;
        padding-top: 264px;
    }
    20.8333333333% {
        background-position: 0 24px;
        padding-top: 288px;
    }
    25% {
        background-position: 0 48px;
        padding-top: 312px;
    }
    29.1666666667% {
        background-position: 0 72px;
        padding-top: 336px;
    }
    33.3333333333% {
        background-position: 0 96px;
        padding-top: 360px;
    }
    37.5% {
        background-position: 0 120px;
        padding-top: 384px;
    }
    41.6666666667% {
        background-position: 0 144px;
        padding-top: 408px;
    }
    45.8333333333% {
        background-position: 0 168px;
        padding-top: 432px;
    }
    50% {
        background-position: 0 192px;
        padding-top: 456px;
    }
    54.1666666667% {
        background-position: 0 216px;
        padding-top: 480px;
    }
    58.3333333333% {
        background-position: 0 240px;
        padding-top: 504px;
    }
    62.5% {
        background-position: 0 264px;
        padding-top: 528px;
    }
    66.6666666667% {
        background-position: 0 288px;
        padding-top: 552px;
    }
    70.8333333333% {
        background-position: 0 -264px;
        padding-top: 0px;
    }
    75% {
        background-position: 0 -240px;
        padding-top: 24px;
    }
    79.1666666667% {
        background-position: 0 -216px;
        padding-top: 48px;
    }
    83.3333333333% {
        background-position: 0 -192px;
        padding-top: 72px;
    }
    87.5% {
        background-position: 0 -168px;
        padding-top: 96px;
    }
    91.6666666667% {
        background-position: 0 -144px;
        padding-top: 120px;
    }
    95.8333333333% {
        background-position: 0 -120px;
        padding-top: 144px;
    }
}
@-o-keyframes column-27 {
    0% {
        background-position: 0 -96px;
        padding-top: 168px;
    }
    4.1666666667% {
        background-position: 0 -72px;
        padding-top: 192px;
    }
    8.3333333333% {
        background-position: 0 -48px;
        padding-top: 216px;
    }
    12.5% {
        background-position: 0 -24px;
        padding-top: 240px;
    }
    16.6666666667% {
        background-position: 0 0px;
        padding-top: 264px;
    }
    20.8333333333% {
        background-position: 0 24px;
        padding-top: 288px;
    }
    25% {
        background-position: 0 48px;
        padding-top: 312px;
    }
    29.1666666667% {
        background-position: 0 72px;
        padding-top: 336px;
    }
    33.3333333333% {
        background-position: 0 96px;
        padding-top: 360px;
    }
    37.5% {
        background-position: 0 120px;
        padding-top: 384px;
    }
    41.6666666667% {
        background-position: 0 144px;
        padding-top: 408px;
    }
    45.8333333333% {
        background-position: 0 168px;
        padding-top: 432px;
    }
    50% {
        background-position: 0 192px;
        padding-top: 456px;
    }
    54.1666666667% {
        background-position: 0 216px;
        padding-top: 480px;
    }
    58.3333333333% {
        background-position: 0 240px;
        padding-top: 504px;
    }
    62.5% {
        background-position: 0 264px;
        padding-top: 528px;
    }
    66.6666666667% {
        background-position: 0 288px;
        padding-top: 552px;
    }
    70.8333333333% {
        background-position: 0 -264px;
        padding-top: 0px;
    }
    75% {
        background-position: 0 -240px;
        padding-top: 24px;
    }
    79.1666666667% {
        background-position: 0 -216px;
        padding-top: 48px;
    }
    83.3333333333% {
        background-position: 0 -192px;
        padding-top: 72px;
    }
    87.5% {
        background-position: 0 -168px;
        padding-top: 96px;
    }
    91.6666666667% {
        background-position: 0 -144px;
        padding-top: 120px;
    }
    95.8333333333% {
        background-position: 0 -120px;
        padding-top: 144px;
    }
}
@keyframes column-27 {
    0% {
        background-position: 0 -96px;
        padding-top: 168px;
    }
    4.1666666667% {
        background-position: 0 -72px;
        padding-top: 192px;
    }
    8.3333333333% {
        background-position: 0 -48px;
        padding-top: 216px;
    }
    12.5% {
        background-position: 0 -24px;
        padding-top: 240px;
    }
    16.6666666667% {
        background-position: 0 0px;
        padding-top: 264px;
    }
    20.8333333333% {
        background-position: 0 24px;
        padding-top: 288px;
    }
    25% {
        background-position: 0 48px;
        padding-top: 312px;
    }
    29.1666666667% {
        background-position: 0 72px;
        padding-top: 336px;
    }
    33.3333333333% {
        background-position: 0 96px;
        padding-top: 360px;
    }
    37.5% {
        background-position: 0 120px;
        padding-top: 384px;
    }
    41.6666666667% {
        background-position: 0 144px;
        padding-top: 408px;
    }
    45.8333333333% {
        background-position: 0 168px;
        padding-top: 432px;
    }
    50% {
        background-position: 0 192px;
        padding-top: 456px;
    }
    54.1666666667% {
        background-position: 0 216px;
        padding-top: 480px;
    }
    58.3333333333% {
        background-position: 0 240px;
        padding-top: 504px;
    }
    62.5% {
        background-position: 0 264px;
        padding-top: 528px;
    }
    66.6666666667% {
        background-position: 0 288px;
        padding-top: 552px;
    }
    70.8333333333% {
        background-position: 0 -264px;
        padding-top: 0px;
    }
    75% {
        background-position: 0 -240px;
        padding-top: 24px;
    }
    79.1666666667% {
        background-position: 0 -216px;
        padding-top: 48px;
    }
    83.3333333333% {
        background-position: 0 -192px;
        padding-top: 72px;
    }
    87.5% {
        background-position: 0 -168px;
        padding-top: 96px;
    }
    91.6666666667% {
        background-position: 0 -144px;
        padding-top: 120px;
    }
    95.8333333333% {
        background-position: 0 -120px;
        padding-top: 144px;
    }
}
.matrix li:nth-child(28) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(28):before {
    display: block;
    width: 1em;
    content: "1 1 1 1 1 0 1 1 1 1 1 1 1 0 0 0 1 0 0 0 1 0 1 0";
}
.matrix li:nth-child(28):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 192px, white 192px, white 576px) 0 264px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 456px;
    overflow: hidden;
    -webkit-animation: 2163ms column-28 infinite steps(1, start);
    -moz-animation: 2163ms column-28 infinite steps(1, start);
    -ms-animation: 2163ms column-28 infinite steps(1, start);
    -o-animation: 2163ms column-28 infinite steps(1, start);
    animation: 2163ms column-28 infinite steps(1, start);
}

@-webkit-keyframes column-28 {
    0% {
        background-position: 0 264px;
        padding-top: 456px;
    }
    4.1666666667% {
        background-position: 0 288px;
        padding-top: 480px;
    }
    8.3333333333% {
        background-position: 0 312px;
        padding-top: 504px;
    }
    12.5% {
        background-position: 0 336px;
        padding-top: 528px;
    }
    16.6666666667% {
        background-position: 0 360px;
        padding-top: 552px;
    }
    20.8333333333% {
        background-position: 0 -192px;
        padding-top: 0px;
    }
    25% {
        background-position: 0 -168px;
        padding-top: 24px;
    }
    29.1666666667% {
        background-position: 0 -144px;
        padding-top: 48px;
    }
    33.3333333333% {
        background-position: 0 -120px;
        padding-top: 72px;
    }
    37.5% {
        background-position: 0 -96px;
        padding-top: 96px;
    }
    41.6666666667% {
        background-position: 0 -72px;
        padding-top: 120px;
    }
    45.8333333333% {
        background-position: 0 -48px;
        padding-top: 144px;
    }
    50% {
        background-position: 0 -24px;
        padding-top: 168px;
    }
    54.1666666667% {
        background-position: 0 0px;
        padding-top: 192px;
    }
    58.3333333333% {
        background-position: 0 24px;
        padding-top: 216px;
    }
    62.5% {
        background-position: 0 48px;
        padding-top: 240px;
    }
    66.6666666667% {
        background-position: 0 72px;
        padding-top: 264px;
    }
    70.8333333333% {
        background-position: 0 96px;
        padding-top: 288px;
    }
    75% {
        background-position: 0 120px;
        padding-top: 312px;
    }
    79.1666666667% {
        background-position: 0 144px;
        padding-top: 336px;
    }
    83.3333333333% {
        background-position: 0 168px;
        padding-top: 360px;
    }
    87.5% {
        background-position: 0 192px;
        padding-top: 384px;
    }
    91.6666666667% {
        background-position: 0 216px;
        padding-top: 408px;
    }
    95.8333333333% {
        background-position: 0 240px;
        padding-top: 432px;
    }
}
@-moz-keyframes column-28 {
    0% {
        background-position: 0 264px;
        padding-top: 456px;
    }
    4.1666666667% {
        background-position: 0 288px;
        padding-top: 480px;
    }
    8.3333333333% {
        background-position: 0 312px;
        padding-top: 504px;
    }
    12.5% {
        background-position: 0 336px;
        padding-top: 528px;
    }
    16.6666666667% {
        background-position: 0 360px;
        padding-top: 552px;
    }
    20.8333333333% {
        background-position: 0 -192px;
        padding-top: 0px;
    }
    25% {
        background-position: 0 -168px;
        padding-top: 24px;
    }
    29.1666666667% {
        background-position: 0 -144px;
        padding-top: 48px;
    }
    33.3333333333% {
        background-position: 0 -120px;
        padding-top: 72px;
    }
    37.5% {
        background-position: 0 -96px;
        padding-top: 96px;
    }
    41.6666666667% {
        background-position: 0 -72px;
        padding-top: 120px;
    }
    45.8333333333% {
        background-position: 0 -48px;
        padding-top: 144px;
    }
    50% {
        background-position: 0 -24px;
        padding-top: 168px;
    }
    54.1666666667% {
        background-position: 0 0px;
        padding-top: 192px;
    }
    58.3333333333% {
        background-position: 0 24px;
        padding-top: 216px;
    }
    62.5% {
        background-position: 0 48px;
        padding-top: 240px;
    }
    66.6666666667% {
        background-position: 0 72px;
        padding-top: 264px;
    }
    70.8333333333% {
        background-position: 0 96px;
        padding-top: 288px;
    }
    75% {
        background-position: 0 120px;
        padding-top: 312px;
    }
    79.1666666667% {
        background-position: 0 144px;
        padding-top: 336px;
    }
    83.3333333333% {
        background-position: 0 168px;
        padding-top: 360px;
    }
    87.5% {
        background-position: 0 192px;
        padding-top: 384px;
    }
    91.6666666667% {
        background-position: 0 216px;
        padding-top: 408px;
    }
    95.8333333333% {
        background-position: 0 240px;
        padding-top: 432px;
    }
}
@-o-keyframes column-28 {
    0% {
        background-position: 0 264px;
        padding-top: 456px;
    }
    4.1666666667% {
        background-position: 0 288px;
        padding-top: 480px;
    }
    8.3333333333% {
        background-position: 0 312px;
        padding-top: 504px;
    }
    12.5% {
        background-position: 0 336px;
        padding-top: 528px;
    }
    16.6666666667% {
        background-position: 0 360px;
        padding-top: 552px;
    }
    20.8333333333% {
        background-position: 0 -192px;
        padding-top: 0px;
    }
    25% {
        background-position: 0 -168px;
        padding-top: 24px;
    }
    29.1666666667% {
        background-position: 0 -144px;
        padding-top: 48px;
    }
    33.3333333333% {
        background-position: 0 -120px;
        padding-top: 72px;
    }
    37.5% {
        background-position: 0 -96px;
        padding-top: 96px;
    }
    41.6666666667% {
        background-position: 0 -72px;
        padding-top: 120px;
    }
    45.8333333333% {
        background-position: 0 -48px;
        padding-top: 144px;
    }
    50% {
        background-position: 0 -24px;
        padding-top: 168px;
    }
    54.1666666667% {
        background-position: 0 0px;
        padding-top: 192px;
    }
    58.3333333333% {
        background-position: 0 24px;
        padding-top: 216px;
    }
    62.5% {
        background-position: 0 48px;
        padding-top: 240px;
    }
    66.6666666667% {
        background-position: 0 72px;
        padding-top: 264px;
    }
    70.8333333333% {
        background-position: 0 96px;
        padding-top: 288px;
    }
    75% {
        background-position: 0 120px;
        padding-top: 312px;
    }
    79.1666666667% {
        background-position: 0 144px;
        padding-top: 336px;
    }
    83.3333333333% {
        background-position: 0 168px;
        padding-top: 360px;
    }
    87.5% {
        background-position: 0 192px;
        padding-top: 384px;
    }
    91.6666666667% {
        background-position: 0 216px;
        padding-top: 408px;
    }
    95.8333333333% {
        background-position: 0 240px;
        padding-top: 432px;
    }
}
@keyframes column-28 {
    0% {
        background-position: 0 264px;
        padding-top: 456px;
    }
    4.1666666667% {
        background-position: 0 288px;
        padding-top: 480px;
    }
    8.3333333333% {
        background-position: 0 312px;
        padding-top: 504px;
    }
    12.5% {
        background-position: 0 336px;
        padding-top: 528px;
    }
    16.6666666667% {
        background-position: 0 360px;
        padding-top: 552px;
    }
    20.8333333333% {
        background-position: 0 -192px;
        padding-top: 0px;
    }
    25% {
        background-position: 0 -168px;
        padding-top: 24px;
    }
    29.1666666667% {
        background-position: 0 -144px;
        padding-top: 48px;
    }
    33.3333333333% {
        background-position: 0 -120px;
        padding-top: 72px;
    }
    37.5% {
        background-position: 0 -96px;
        padding-top: 96px;
    }
    41.6666666667% {
        background-position: 0 -72px;
        padding-top: 120px;
    }
    45.8333333333% {
        background-position: 0 -48px;
        padding-top: 144px;
    }
    50% {
        background-position: 0 -24px;
        padding-top: 168px;
    }
    54.1666666667% {
        background-position: 0 0px;
        padding-top: 192px;
    }
    58.3333333333% {
        background-position: 0 24px;
        padding-top: 216px;
    }
    62.5% {
        background-position: 0 48px;
        padding-top: 240px;
    }
    66.6666666667% {
        background-position: 0 72px;
        padding-top: 264px;
    }
    70.8333333333% {
        background-position: 0 96px;
        padding-top: 288px;
    }
    75% {
        background-position: 0 120px;
        padding-top: 312px;
    }
    79.1666666667% {
        background-position: 0 144px;
        padding-top: 336px;
    }
    83.3333333333% {
        background-position: 0 168px;
        padding-top: 360px;
    }
    87.5% {
        background-position: 0 192px;
        padding-top: 384px;
    }
    91.6666666667% {
        background-position: 0 216px;
        padding-top: 408px;
    }
    95.8333333333% {
        background-position: 0 240px;
        padding-top: 432px;
    }
}
.matrix li:nth-child(29) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(29):before {
    display: block;
    width: 1em;
    content: "0 0 0 0 0 1 1 0 0 0 1 1 0 1 0 0 1 1 0 1 0 0 1 0";
}
.matrix li:nth-child(29):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 456px, white 456px, white 576px) 0 0px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "1";
    padding-top: 456px;
    overflow: hidden;
    -webkit-animation: 2163ms column-29 infinite steps(1, start);
    -moz-animation: 2163ms column-29 infinite steps(1, start);
    -ms-animation: 2163ms column-29 infinite steps(1, start);
    -o-animation: 2163ms column-29 infinite steps(1, start);
    animation: 2163ms column-29 infinite steps(1, start);
}

@-webkit-keyframes column-29 {
    0% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    16.6666666667% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    20.8333333333% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    25% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    29.1666666667% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    33.3333333333% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    37.5% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    41.6666666667% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    45.8333333333% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    50% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    54.1666666667% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    58.3333333333% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    62.5% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
}
@-moz-keyframes column-29 {
    0% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    16.6666666667% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    20.8333333333% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    25% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    29.1666666667% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    33.3333333333% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    37.5% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    41.6666666667% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    45.8333333333% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    50% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    54.1666666667% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    58.3333333333% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    62.5% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
}
@-o-keyframes column-29 {
    0% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    16.6666666667% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    20.8333333333% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    25% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    29.1666666667% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    33.3333333333% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    37.5% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    41.6666666667% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    45.8333333333% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    50% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    54.1666666667% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    58.3333333333% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    62.5% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
}
@keyframes column-29 {
    0% {
        background-position: 0 0px;
        padding-top: 456px;
    }
    4.1666666667% {
        background-position: 0 24px;
        padding-top: 480px;
    }
    8.3333333333% {
        background-position: 0 48px;
        padding-top: 504px;
    }
    12.5% {
        background-position: 0 72px;
        padding-top: 528px;
    }
    16.6666666667% {
        background-position: 0 96px;
        padding-top: 552px;
    }
    20.8333333333% {
        background-position: 0 -456px;
        padding-top: 0px;
    }
    25% {
        background-position: 0 -432px;
        padding-top: 24px;
    }
    29.1666666667% {
        background-position: 0 -408px;
        padding-top: 48px;
    }
    33.3333333333% {
        background-position: 0 -384px;
        padding-top: 72px;
    }
    37.5% {
        background-position: 0 -360px;
        padding-top: 96px;
    }
    41.6666666667% {
        background-position: 0 -336px;
        padding-top: 120px;
    }
    45.8333333333% {
        background-position: 0 -312px;
        padding-top: 144px;
    }
    50% {
        background-position: 0 -288px;
        padding-top: 168px;
    }
    54.1666666667% {
        background-position: 0 -264px;
        padding-top: 192px;
    }
    58.3333333333% {
        background-position: 0 -240px;
        padding-top: 216px;
    }
    62.5% {
        background-position: 0 -216px;
        padding-top: 240px;
    }
    66.6666666667% {
        background-position: 0 -192px;
        padding-top: 264px;
    }
    70.8333333333% {
        background-position: 0 -168px;
        padding-top: 288px;
    }
    75% {
        background-position: 0 -144px;
        padding-top: 312px;
    }
    79.1666666667% {
        background-position: 0 -120px;
        padding-top: 336px;
    }
    83.3333333333% {
        background-position: 0 -96px;
        padding-top: 360px;
    }
    87.5% {
        background-position: 0 -72px;
        padding-top: 384px;
    }
    91.6666666667% {
        background-position: 0 -48px;
        padding-top: 408px;
    }
    95.8333333333% {
        background-position: 0 -24px;
        padding-top: 432px;
    }
}
.matrix li:nth-child(30) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(30):before {
    display: block;
    width: 1em;
    content: "0 0 0 1 0 1 0 1 1 1 0 1 0 0 0 1 1 1 1 0 0 1 0 1";
}
.matrix li:nth-child(30):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 120px, white 120px, white 576px) 0 -24px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 96px;
    overflow: hidden;
    -webkit-animation: 2163ms column-30 infinite steps(1, start);
    -moz-animation: 2163ms column-30 infinite steps(1, start);
    -ms-animation: 2163ms column-30 infinite steps(1, start);
    -o-animation: 2163ms column-30 infinite steps(1, start);
    animation: 2163ms column-30 infinite steps(1, start);
}

@-webkit-keyframes column-30 {
    0% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    4.1666666667% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    8.3333333333% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    12.5% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    16.6666666667% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    20.8333333333% {
        background-position: 0 96px;
        padding-top: 216px;
    }
    25% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    29.1666666667% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    33.3333333333% {
        background-position: 0 168px;
        padding-top: 288px;
    }
    37.5% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    41.6666666667% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    45.8333333333% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    50% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    54.1666666667% {
        background-position: 0 288px;
        padding-top: 408px;
    }
    58.3333333333% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    62.5% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    66.6666666667% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    70.8333333333% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    75% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    79.1666666667% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    83.3333333333% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    87.5% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    91.6666666667% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    95.8333333333% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
}
@-moz-keyframes column-30 {
    0% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    4.1666666667% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    8.3333333333% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    12.5% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    16.6666666667% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    20.8333333333% {
        background-position: 0 96px;
        padding-top: 216px;
    }
    25% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    29.1666666667% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    33.3333333333% {
        background-position: 0 168px;
        padding-top: 288px;
    }
    37.5% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    41.6666666667% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    45.8333333333% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    50% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    54.1666666667% {
        background-position: 0 288px;
        padding-top: 408px;
    }
    58.3333333333% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    62.5% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    66.6666666667% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    70.8333333333% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    75% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    79.1666666667% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    83.3333333333% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    87.5% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    91.6666666667% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    95.8333333333% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
}
@-o-keyframes column-30 {
    0% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    4.1666666667% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    8.3333333333% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    12.5% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    16.6666666667% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    20.8333333333% {
        background-position: 0 96px;
        padding-top: 216px;
    }
    25% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    29.1666666667% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    33.3333333333% {
        background-position: 0 168px;
        padding-top: 288px;
    }
    37.5% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    41.6666666667% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    45.8333333333% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    50% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    54.1666666667% {
        background-position: 0 288px;
        padding-top: 408px;
    }
    58.3333333333% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    62.5% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    66.6666666667% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    70.8333333333% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    75% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    79.1666666667% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    83.3333333333% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    87.5% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    91.6666666667% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    95.8333333333% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
}
@keyframes column-30 {
    0% {
        background-position: 0 -24px;
        padding-top: 96px;
    }
    4.1666666667% {
        background-position: 0 0px;
        padding-top: 120px;
    }
    8.3333333333% {
        background-position: 0 24px;
        padding-top: 144px;
    }
    12.5% {
        background-position: 0 48px;
        padding-top: 168px;
    }
    16.6666666667% {
        background-position: 0 72px;
        padding-top: 192px;
    }
    20.8333333333% {
        background-position: 0 96px;
        padding-top: 216px;
    }
    25% {
        background-position: 0 120px;
        padding-top: 240px;
    }
    29.1666666667% {
        background-position: 0 144px;
        padding-top: 264px;
    }
    33.3333333333% {
        background-position: 0 168px;
        padding-top: 288px;
    }
    37.5% {
        background-position: 0 192px;
        padding-top: 312px;
    }
    41.6666666667% {
        background-position: 0 216px;
        padding-top: 336px;
    }
    45.8333333333% {
        background-position: 0 240px;
        padding-top: 360px;
    }
    50% {
        background-position: 0 264px;
        padding-top: 384px;
    }
    54.1666666667% {
        background-position: 0 288px;
        padding-top: 408px;
    }
    58.3333333333% {
        background-position: 0 312px;
        padding-top: 432px;
    }
    62.5% {
        background-position: 0 336px;
        padding-top: 456px;
    }
    66.6666666667% {
        background-position: 0 360px;
        padding-top: 480px;
    }
    70.8333333333% {
        background-position: 0 384px;
        padding-top: 504px;
    }
    75% {
        background-position: 0 408px;
        padding-top: 528px;
    }
    79.1666666667% {
        background-position: 0 432px;
        padding-top: 552px;
    }
    83.3333333333% {
        background-position: 0 -120px;
        padding-top: 0px;
    }
    87.5% {
        background-position: 0 -96px;
        padding-top: 24px;
    }
    91.6666666667% {
        background-position: 0 -72px;
        padding-top: 48px;
    }
    95.8333333333% {
        background-position: 0 -48px;
        padding-top: 72px;
    }
}
.matrix li:nth-child(31) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}
.matrix li:nth-child(31):before {
    display: block;
    width: 1em;
    content: "1 1 1 0 1 0 1 1 1 0 0 0 0 1 1 0 0 1 1 1 0 1 1 0";
}
.matrix li:nth-child(31):after {
    box-sizing: border-box;
    background: linear-gradient(white 0, rgba(255, 255, 255, 0) 312px, white 312px, white 576px) 0 -72px repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: white;
    content: "0";
    padding-top: 240px;
    overflow: hidden;
    -webkit-animation: 2163ms column-31 infinite steps(1, start);
    -moz-animation: 2163ms column-31 infinite steps(1, start);
    -ms-animation: 2163ms column-31 infinite steps(1, start);
    -o-animation: 2163ms column-31 infinite steps(1, start);
    animation: 2163ms column-31 infinite steps(1, start);
}

@-webkit-keyframes column-31 {
    0% {
        background-position: 0 -72px;
        padding-top: 240px;
    }
    4.1666666667% {
        background-position: 0 -48px;
        padding-top: 264px;
    }
    8.3333333333% {
        background-position: 0 -24px;
        padding-top: 288px;
    }
    12.5% {
        background-position: 0 0px;
        padding-top: 312px;
    }
    16.6666666667% {
        background-position: 0 24px;
        padding-top: 336px;
    }
    20.8333333333% {
        background-position: 0 48px;
        padding-top: 360px;
    }
    25% {
        background-position: 0 72px;
        padding-top: 384px;
    }
    29.1666666667% {
        background-position: 0 96px;
        padding-top: 408px;
    }
    33.3333333333% {
        background-position: 0 120px;
        padding-top: 432px;
    }
    37.5% {
        background-position: 0 144px;
        padding-top: 456px;
    }
    41.6666666667% {
        background-position: 0 168px;
        padding-top: 480px;
    }
    45.8333333333% {
        background-position: 0 192px;
        padding-top: 504px;
    }
    50% {
        background-position: 0 216px;
        padding-top: 528px;
    }
    54.1666666667% {
        background-position: 0 240px;
        padding-top: 552px;
    }
    58.3333333333% {
        background-position: 0 -312px;
        padding-top: 0px;
    }
    62.5% {
        background-position: 0 -288px;
        padding-top: 24px;
    }
    66.6666666667% {
        background-position: 0 -264px;
        padding-top: 48px;
    }
    70.8333333333% {
        background-position: 0 -240px;
        padding-top: 72px;
    }
    75% {
        background-position: 0 -216px;
        padding-top: 96px;
    }
    79.1666666667% {
        background-position: 0 -192px;
        padding-top: 120px;
    }
    83.3333333333% {
        background-position: 0 -168px;
        padding-top: 144px;
    }
    87.5% {
        background-position: 0 -144px;
        padding-top: 168px;
    }
    91.6666666667% {
        background-position: 0 -120px;
        padding-top: 192px;
    }
    95.8333333333% {
        background-position: 0 -96px;
        padding-top: 216px;
    }
}
@-moz-keyframes column-31 {
    0% {
        background-position: 0 -72px;
        padding-top: 240px;
    }
    4.1666666667% {
        background-position: 0 -48px;
        padding-top: 264px;
    }
    8.3333333333% {
        background-position: 0 -24px;
        padding-top: 288px;
    }
    12.5% {
        background-position: 0 0px;
        padding-top: 312px;
    }
    16.6666666667% {
        background-position: 0 24px;
        padding-top: 336px;
    }
    20.8333333333% {
        background-position: 0 48px;
        padding-top: 360px;
    }
    25% {
        background-position: 0 72px;
        padding-top: 384px;
    }
    29.1666666667% {
        background-position: 0 96px;
        padding-top: 408px;
    }
    33.3333333333% {
        background-position: 0 120px;
        padding-top: 432px;
    }
    37.5% {
        background-position: 0 144px;
        padding-top: 456px;
    }
    41.6666666667% {
        background-position: 0 168px;
        padding-top: 480px;
    }
    45.8333333333% {
        background-position: 0 192px;
        padding-top: 504px;
    }
    50% {
        background-position: 0 216px;
        padding-top: 528px;
    }
    54.1666666667% {
        background-position: 0 240px;
        padding-top: 552px;
    }
    58.3333333333% {
        background-position: 0 -312px;
        padding-top: 0px;
    }
    62.5% {
        background-position: 0 -288px;
        padding-top: 24px;
    }
    66.6666666667% {
        background-position: 0 -264px;
        padding-top: 48px;
    }
    70.8333333333% {
        background-position: 0 -240px;
        padding-top: 72px;
    }
    75% {
        background-position: 0 -216px;
        padding-top: 96px;
    }
    79.1666666667% {
        background-position: 0 -192px;
        padding-top: 120px;
    }
    83.3333333333% {
        background-position: 0 -168px;
        padding-top: 144px;
    }
    87.5% {
        background-position: 0 -144px;
        padding-top: 168px;
    }
    91.6666666667% {
        background-position: 0 -120px;
        padding-top: 192px;
    }
    95.8333333333% {
        background-position: 0 -96px;
        padding-top: 216px;
    }
}
@-o-keyframes column-31 {
    0% {
        background-position: 0 -72px;
        padding-top: 240px;
    }
    4.1666666667% {
        background-position: 0 -48px;
        padding-top: 264px;
    }
    8.3333333333% {
        background-position: 0 -24px;
        padding-top: 288px;
    }
    12.5% {
        background-position: 0 0px;
        padding-top: 312px;
    }
    16.6666666667% {
        background-position: 0 24px;
        padding-top: 336px;
    }
    20.8333333333% {
        background-position: 0 48px;
        padding-top: 360px;
    }
    25% {
        background-position: 0 72px;
        padding-top: 384px;
    }
    29.1666666667% {
        background-position: 0 96px;
        padding-top: 408px;
    }
    33.3333333333% {
        background-position: 0 120px;
        padding-top: 432px;
    }
    37.5% {
        background-position: 0 144px;
        padding-top: 456px;
    }
    41.6666666667% {
        background-position: 0 168px;
        padding-top: 480px;
    }
    45.8333333333% {
        background-position: 0 192px;
        padding-top: 504px;
    }
    50% {
        background-position: 0 216px;
        padding-top: 528px;
    }
    54.1666666667% {
        background-position: 0 240px;
        padding-top: 552px;
    }
    58.3333333333% {
        background-position: 0 -312px;
        padding-top: 0px;
    }
    62.5% {
        background-position: 0 -288px;
        padding-top: 24px;
    }
    66.6666666667% {
        background-position: 0 -264px;
        padding-top: 48px;
    }
    70.8333333333% {
        background-position: 0 -240px;
        padding-top: 72px;
    }
    75% {
        background-position: 0 -216px;
        padding-top: 96px;
    }
    79.1666666667% {
        background-position: 0 -192px;
        padding-top: 120px;
    }
    83.3333333333% {
        background-position: 0 -168px;
        padding-top: 144px;
    }
    87.5% {
        background-position: 0 -144px;
        padding-top: 168px;
    }
    91.6666666667% {
        background-position: 0 -120px;
        padding-top: 192px;
    }
    95.8333333333% {
        background-position: 0 -96px;
        padding-top: 216px;
    }
}
@keyframes column-31 {
    0% {
        background-position: 0 -72px;
        padding-top: 240px;
    }
    4.1666666667% {
        background-position: 0 -48px;
        padding-top: 264px;
    }
    8.3333333333% {
        background-position: 0 -24px;
        padding-top: 288px;
    }
    12.5% {
        background-position: 0 0px;
        padding-top: 312px;
    }
    16.6666666667% {
        background-position: 0 24px;
        padding-top: 336px;
    }
    20.8333333333% {
        background-position: 0 48px;
        padding-top: 360px;
    }
    25% {
        background-position: 0 72px;
        padding-top: 384px;
    }
    29.1666666667% {
        background-position: 0 96px;
        padding-top: 408px;
    }
    33.3333333333% {
        background-position: 0 120px;
        padding-top: 432px;
    }
    37.5% {
        background-position: 0 144px;
        padding-top: 456px;
    }
    41.6666666667% {
        background-position: 0 168px;
        padding-top: 480px;
    }
    45.8333333333% {
        background-position: 0 192px;
        padding-top: 504px;
    }
    50% {
        background-position: 0 216px;
        padding-top: 528px;
    }
    54.1666666667% {
        background-position: 0 240px;
        padding-top: 552px;
    }
    58.3333333333% {
        background-position: 0 -312px;
        padding-top: 0px;
    }
    62.5% {
        background-position: 0 -288px;
        padding-top: 24px;
    }
    66.6666666667% {
        background-position: 0 -264px;
        padding-top: 48px;
    }
    70.8333333333% {
        background-position: 0 -240px;
        padding-top: 72px;
    }
    75% {
        background-position: 0 -216px;
        padding-top: 96px;
    }
    79.1666666667% {
        background-position: 0 -192px;
        padding-top: 120px;
    }
    83.3333333333% {
        background-position: 0 -168px;
        padding-top: 144px;
    }
    87.5% {
        background-position: 0 -144px;
        padding-top: 168px;
    }
    91.6666666667% {
        background-position: 0 -120px;
        padding-top: 192px;
    }
    95.8333333333% {
        background-position: 0 -96px;
        padding-top: 216px;
    }
}