SassMeister-input-HTML.html

<ul class="matrix">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

SassMeister-input.scss

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.7)
// ----

@import "compass";

$matrix-font-size: 18px;
$matrix-line-height: 24px;
$matrix-color: #F60056;
$matrix-width: 48;
$matrix-height: 30;
$matrix-characters: SassConf SassConf;

$nbsp: "\00a0";

$frames-count: $matrix-height;

@function rand($min: 1, $max: 100) {
  @return random($max - $min) + $min;
}

@function random-character() {
  $length: length($matrix-characters);
  @return nth($matrix-characters, rand($max: $length));
}

@function new-column($height) {
  $result: ();
  $length: length($matrix-characters);
  @for $i from 1 through $height {
    $result: append($result, random-character());
  }
  @return $result;
}

@function create-columns($number) {
  $columns: ();
  @for $i from 1 through $height {
    $columns: append($columns, new-column($matrix-height));
  }
  @return $columns;
}

body { 
  font-family: Courier;
  background: #1A122F;
  overflow: hidden;
}

.matrix {
  @include inline-list();
  color: $matrix-color;
  font-size: $matrix-font-size;
  line-height: $matrix-line-height;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

@for $i from 1 through $matrix-width {
  $column-height: rand(4, $matrix-height);
  $column-position: rand(1, $matrix-height);
  $column: new-column($matrix-height);

  .matrix li:nth-child(#{$i}) {
    position: relative;
    display: inline-block;
    white-space: normal;
    vertical-align: top;

    &:before {
      display: block;
      width: 8em;
      content: "#{$column}";
    }

    &:after {
      @include box-sizing(border-box);
      background: linear-gradient(
        rgba(#1A122F, 1) 0,
        rgba(#1A122F, 0) ($matrix-line-height * ($column-height - 1)),
        rgba(#1A122F, 1) ($matrix-line-height * ($column-height - 1)),
        rgba(#1A122F, 1) ($matrix-line-height * $matrix-height)
      ) 0 ($matrix-line-height * ($column-position - $column-height)) repeat;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      color: white;
      content: "#{nth($column, $column-position)}";
      padding-top: ($column-position - 1) * $matrix-line-height;
      overflow: hidden;
      -webkit-animation: ($frames-count * 80ms) column-#{$i} infinite steps(1, start);
    }
  }

  @-webkit-keyframes column-#{$i} {
    @for $frame from 1 through $frames-count {
      @if $column-position > $matrix-height { $column-position: 1; }
      #{100% * ($frame - 1) / $frames-count} {
        background-position: 0 ($matrix-line-height * ($column-position - $column-height));
        padding-top: ($column-position - 1) * $matrix-line-height;
      }
      $column-position: $column-position + 1;
    }
  }
}

SassMeister-output.css

body {
  font-family: Courier;
  background: #1A122F;
  overflow: hidden;
}

.matrix {
  list-style-type: none;
  color: #f60056;
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.matrix, .matrix li {
  margin: 0px;
  padding: 0px;
  display: inline;
}

.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(1):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 624px, #1a122f 624px, #1a122f 720px) 0 0px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 624px;
  overflow: hidden;
  -webkit-animation: 2400ms column-1 infinite steps(1, start);
}

@-webkit-keyframes column-1 {
  0% {
    background-position: 0 0px;
    padding-top: 624px;
  }

  3.33333% {
    background-position: 0 24px;
    padding-top: 648px;
  }

  6.66667% {
    background-position: 0 48px;
    padding-top: 672px;
  }

  10% {
    background-position: 0 72px;
    padding-top: 696px;
  }

  13.33333% {
    background-position: 0 -624px;
    padding-top: 0px;
  }

  16.66667% {
    background-position: 0 -600px;
    padding-top: 24px;
  }

  20% {
    background-position: 0 -576px;
    padding-top: 48px;
  }

  23.33333% {
    background-position: 0 -552px;
    padding-top: 72px;
  }

  26.66667% {
    background-position: 0 -528px;
    padding-top: 96px;
  }

  30% {
    background-position: 0 -504px;
    padding-top: 120px;
  }

  33.33333% {
    background-position: 0 -480px;
    padding-top: 144px;
  }

  36.66667% {
    background-position: 0 -456px;
    padding-top: 168px;
  }

  40% {
    background-position: 0 -432px;
    padding-top: 192px;
  }

  43.33333% {
    background-position: 0 -408px;
    padding-top: 216px;
  }

  46.66667% {
    background-position: 0 -384px;
    padding-top: 240px;
  }

  50% {
    background-position: 0 -360px;
    padding-top: 264px;
  }

  53.33333% {
    background-position: 0 -336px;
    padding-top: 288px;
  }

  56.66667% {
    background-position: 0 -312px;
    padding-top: 312px;
  }

  60% {
    background-position: 0 -288px;
    padding-top: 336px;
  }

  63.33333% {
    background-position: 0 -264px;
    padding-top: 360px;
  }

  66.66667% {
    background-position: 0 -240px;
    padding-top: 384px;
  }

  70% {
    background-position: 0 -216px;
    padding-top: 408px;
  }

  73.33333% {
    background-position: 0 -192px;
    padding-top: 432px;
  }

  76.66667% {
    background-position: 0 -168px;
    padding-top: 456px;
  }

  80% {
    background-position: 0 -144px;
    padding-top: 480px;
  }

  83.33333% {
    background-position: 0 -120px;
    padding-top: 504px;
  }

  86.66667% {
    background-position: 0 -96px;
    padding-top: 528px;
  }

  90% {
    background-position: 0 -72px;
    padding-top: 552px;
  }

  93.33333% {
    background-position: 0 -48px;
    padding-top: 576px;
  }

  96.66667% {
    background-position: 0 -24px;
    padding-top: 600px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(2):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 192px, #1a122f 192px, #1a122f 720px) 0 264px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 456px;
  overflow: hidden;
  -webkit-animation: 2400ms column-2 infinite steps(1, start);
}

@-webkit-keyframes column-2 {
  0% {
    background-position: 0 264px;
    padding-top: 456px;
  }

  3.33333% {
    background-position: 0 288px;
    padding-top: 480px;
  }

  6.66667% {
    background-position: 0 312px;
    padding-top: 504px;
  }

  10% {
    background-position: 0 336px;
    padding-top: 528px;
  }

  13.33333% {
    background-position: 0 360px;
    padding-top: 552px;
  }

  16.66667% {
    background-position: 0 384px;
    padding-top: 576px;
  }

  20% {
    background-position: 0 408px;
    padding-top: 600px;
  }

  23.33333% {
    background-position: 0 432px;
    padding-top: 624px;
  }

  26.66667% {
    background-position: 0 456px;
    padding-top: 648px;
  }

  30% {
    background-position: 0 480px;
    padding-top: 672px;
  }

  33.33333% {
    background-position: 0 504px;
    padding-top: 696px;
  }

  36.66667% {
    background-position: 0 -192px;
    padding-top: 0px;
  }

  40% {
    background-position: 0 -168px;
    padding-top: 24px;
  }

  43.33333% {
    background-position: 0 -144px;
    padding-top: 48px;
  }

  46.66667% {
    background-position: 0 -120px;
    padding-top: 72px;
  }

  50% {
    background-position: 0 -96px;
    padding-top: 96px;
  }

  53.33333% {
    background-position: 0 -72px;
    padding-top: 120px;
  }

  56.66667% {
    background-position: 0 -48px;
    padding-top: 144px;
  }

  60% {
    background-position: 0 -24px;
    padding-top: 168px;
  }

  63.33333% {
    background-position: 0 0px;
    padding-top: 192px;
  }

  66.66667% {
    background-position: 0 24px;
    padding-top: 216px;
  }

  70% {
    background-position: 0 48px;
    padding-top: 240px;
  }

  73.33333% {
    background-position: 0 72px;
    padding-top: 264px;
  }

  76.66667% {
    background-position: 0 96px;
    padding-top: 288px;
  }

  80% {
    background-position: 0 120px;
    padding-top: 312px;
  }

  83.33333% {
    background-position: 0 144px;
    padding-top: 336px;
  }

  86.66667% {
    background-position: 0 168px;
    padding-top: 360px;
  }

  90% {
    background-position: 0 192px;
    padding-top: 384px;
  }

  93.33333% {
    background-position: 0 216px;
    padding-top: 408px;
  }

  96.66667% {
    background-position: 0 240px;
    padding-top: 432px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(3):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 408px, #1a122f 408px, #1a122f 720px) 0 -216px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 192px;
  overflow: hidden;
  -webkit-animation: 2400ms column-3 infinite steps(1, start);
}

@-webkit-keyframes column-3 {
  0% {
    background-position: 0 -216px;
    padding-top: 192px;
  }

  3.33333% {
    background-position: 0 -192px;
    padding-top: 216px;
  }

  6.66667% {
    background-position: 0 -168px;
    padding-top: 240px;
  }

  10% {
    background-position: 0 -144px;
    padding-top: 264px;
  }

  13.33333% {
    background-position: 0 -120px;
    padding-top: 288px;
  }

  16.66667% {
    background-position: 0 -96px;
    padding-top: 312px;
  }

  20% {
    background-position: 0 -72px;
    padding-top: 336px;
  }

  23.33333% {
    background-position: 0 -48px;
    padding-top: 360px;
  }

  26.66667% {
    background-position: 0 -24px;
    padding-top: 384px;
  }

  30% {
    background-position: 0 0px;
    padding-top: 408px;
  }

  33.33333% {
    background-position: 0 24px;
    padding-top: 432px;
  }

  36.66667% {
    background-position: 0 48px;
    padding-top: 456px;
  }

  40% {
    background-position: 0 72px;
    padding-top: 480px;
  }

  43.33333% {
    background-position: 0 96px;
    padding-top: 504px;
  }

  46.66667% {
    background-position: 0 120px;
    padding-top: 528px;
  }

  50% {
    background-position: 0 144px;
    padding-top: 552px;
  }

  53.33333% {
    background-position: 0 168px;
    padding-top: 576px;
  }

  56.66667% {
    background-position: 0 192px;
    padding-top: 600px;
  }

  60% {
    background-position: 0 216px;
    padding-top: 624px;
  }

  63.33333% {
    background-position: 0 240px;
    padding-top: 648px;
  }

  66.66667% {
    background-position: 0 264px;
    padding-top: 672px;
  }

  70% {
    background-position: 0 288px;
    padding-top: 696px;
  }

  73.33333% {
    background-position: 0 -408px;
    padding-top: 0px;
  }

  76.66667% {
    background-position: 0 -384px;
    padding-top: 24px;
  }

  80% {
    background-position: 0 -360px;
    padding-top: 48px;
  }

  83.33333% {
    background-position: 0 -336px;
    padding-top: 72px;
  }

  86.66667% {
    background-position: 0 -312px;
    padding-top: 96px;
  }

  90% {
    background-position: 0 -288px;
    padding-top: 120px;
  }

  93.33333% {
    background-position: 0 -264px;
    padding-top: 144px;
  }

  96.66667% {
    background-position: 0 -240px;
    padding-top: 168px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(4):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 672px, #1a122f 672px, #1a122f 720px) 0 -432px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 240px;
  overflow: hidden;
  -webkit-animation: 2400ms column-4 infinite steps(1, start);
}

@-webkit-keyframes column-4 {
  0% {
    background-position: 0 -432px;
    padding-top: 240px;
  }

  3.33333% {
    background-position: 0 -408px;
    padding-top: 264px;
  }

  6.66667% {
    background-position: 0 -384px;
    padding-top: 288px;
  }

  10% {
    background-position: 0 -360px;
    padding-top: 312px;
  }

  13.33333% {
    background-position: 0 -336px;
    padding-top: 336px;
  }

  16.66667% {
    background-position: 0 -312px;
    padding-top: 360px;
  }

  20% {
    background-position: 0 -288px;
    padding-top: 384px;
  }

  23.33333% {
    background-position: 0 -264px;
    padding-top: 408px;
  }

  26.66667% {
    background-position: 0 -240px;
    padding-top: 432px;
  }

  30% {
    background-position: 0 -216px;
    padding-top: 456px;
  }

  33.33333% {
    background-position: 0 -192px;
    padding-top: 480px;
  }

  36.66667% {
    background-position: 0 -168px;
    padding-top: 504px;
  }

  40% {
    background-position: 0 -144px;
    padding-top: 528px;
  }

  43.33333% {
    background-position: 0 -120px;
    padding-top: 552px;
  }

  46.66667% {
    background-position: 0 -96px;
    padding-top: 576px;
  }

  50% {
    background-position: 0 -72px;
    padding-top: 600px;
  }

  53.33333% {
    background-position: 0 -48px;
    padding-top: 624px;
  }

  56.66667% {
    background-position: 0 -24px;
    padding-top: 648px;
  }

  60% {
    background-position: 0 0px;
    padding-top: 672px;
  }

  63.33333% {
    background-position: 0 24px;
    padding-top: 696px;
  }

  66.66667% {
    background-position: 0 -672px;
    padding-top: 0px;
  }

  70% {
    background-position: 0 -648px;
    padding-top: 24px;
  }

  73.33333% {
    background-position: 0 -624px;
    padding-top: 48px;
  }

  76.66667% {
    background-position: 0 -600px;
    padding-top: 72px;
  }

  80% {
    background-position: 0 -576px;
    padding-top: 96px;
  }

  83.33333% {
    background-position: 0 -552px;
    padding-top: 120px;
  }

  86.66667% {
    background-position: 0 -528px;
    padding-top: 144px;
  }

  90% {
    background-position: 0 -504px;
    padding-top: 168px;
  }

  93.33333% {
    background-position: 0 -480px;
    padding-top: 192px;
  }

  96.66667% {
    background-position: 0 -456px;
    padding-top: 216px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(5):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 384px, #1a122f 384px, #1a122f 720px) 0 96px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 480px;
  overflow: hidden;
  -webkit-animation: 2400ms column-5 infinite steps(1, start);
}

@-webkit-keyframes column-5 {
  0% {
    background-position: 0 96px;
    padding-top: 480px;
  }

  3.33333% {
    background-position: 0 120px;
    padding-top: 504px;
  }

  6.66667% {
    background-position: 0 144px;
    padding-top: 528px;
  }

  10% {
    background-position: 0 168px;
    padding-top: 552px;
  }

  13.33333% {
    background-position: 0 192px;
    padding-top: 576px;
  }

  16.66667% {
    background-position: 0 216px;
    padding-top: 600px;
  }

  20% {
    background-position: 0 240px;
    padding-top: 624px;
  }

  23.33333% {
    background-position: 0 264px;
    padding-top: 648px;
  }

  26.66667% {
    background-position: 0 288px;
    padding-top: 672px;
  }

  30% {
    background-position: 0 312px;
    padding-top: 696px;
  }

  33.33333% {
    background-position: 0 -384px;
    padding-top: 0px;
  }

  36.66667% {
    background-position: 0 -360px;
    padding-top: 24px;
  }

  40% {
    background-position: 0 -336px;
    padding-top: 48px;
  }

  43.33333% {
    background-position: 0 -312px;
    padding-top: 72px;
  }

  46.66667% {
    background-position: 0 -288px;
    padding-top: 96px;
  }

  50% {
    background-position: 0 -264px;
    padding-top: 120px;
  }

  53.33333% {
    background-position: 0 -240px;
    padding-top: 144px;
  }

  56.66667% {
    background-position: 0 -216px;
    padding-top: 168px;
  }

  60% {
    background-position: 0 -192px;
    padding-top: 192px;
  }

  63.33333% {
    background-position: 0 -168px;
    padding-top: 216px;
  }

  66.66667% {
    background-position: 0 -144px;
    padding-top: 240px;
  }

  70% {
    background-position: 0 -120px;
    padding-top: 264px;
  }

  73.33333% {
    background-position: 0 -96px;
    padding-top: 288px;
  }

  76.66667% {
    background-position: 0 -72px;
    padding-top: 312px;
  }

  80% {
    background-position: 0 -48px;
    padding-top: 336px;
  }

  83.33333% {
    background-position: 0 -24px;
    padding-top: 360px;
  }

  86.66667% {
    background-position: 0 0px;
    padding-top: 384px;
  }

  90% {
    background-position: 0 24px;
    padding-top: 408px;
  }

  93.33333% {
    background-position: 0 48px;
    padding-top: 432px;
  }

  96.66667% {
    background-position: 0 72px;
    padding-top: 456px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(6):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 168px, #1a122f 168px, #1a122f 720px) 0 264px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 432px;
  overflow: hidden;
  -webkit-animation: 2400ms column-6 infinite steps(1, start);
}

@-webkit-keyframes column-6 {
  0% {
    background-position: 0 264px;
    padding-top: 432px;
  }

  3.33333% {
    background-position: 0 288px;
    padding-top: 456px;
  }

  6.66667% {
    background-position: 0 312px;
    padding-top: 480px;
  }

  10% {
    background-position: 0 336px;
    padding-top: 504px;
  }

  13.33333% {
    background-position: 0 360px;
    padding-top: 528px;
  }

  16.66667% {
    background-position: 0 384px;
    padding-top: 552px;
  }

  20% {
    background-position: 0 408px;
    padding-top: 576px;
  }

  23.33333% {
    background-position: 0 432px;
    padding-top: 600px;
  }

  26.66667% {
    background-position: 0 456px;
    padding-top: 624px;
  }

  30% {
    background-position: 0 480px;
    padding-top: 648px;
  }

  33.33333% {
    background-position: 0 504px;
    padding-top: 672px;
  }

  36.66667% {
    background-position: 0 528px;
    padding-top: 696px;
  }

  40% {
    background-position: 0 -168px;
    padding-top: 0px;
  }

  43.33333% {
    background-position: 0 -144px;
    padding-top: 24px;
  }

  46.66667% {
    background-position: 0 -120px;
    padding-top: 48px;
  }

  50% {
    background-position: 0 -96px;
    padding-top: 72px;
  }

  53.33333% {
    background-position: 0 -72px;
    padding-top: 96px;
  }

  56.66667% {
    background-position: 0 -48px;
    padding-top: 120px;
  }

  60% {
    background-position: 0 -24px;
    padding-top: 144px;
  }

  63.33333% {
    background-position: 0 0px;
    padding-top: 168px;
  }

  66.66667% {
    background-position: 0 24px;
    padding-top: 192px;
  }

  70% {
    background-position: 0 48px;
    padding-top: 216px;
  }

  73.33333% {
    background-position: 0 72px;
    padding-top: 240px;
  }

  76.66667% {
    background-position: 0 96px;
    padding-top: 264px;
  }

  80% {
    background-position: 0 120px;
    padding-top: 288px;
  }

  83.33333% {
    background-position: 0 144px;
    padding-top: 312px;
  }

  86.66667% {
    background-position: 0 168px;
    padding-top: 336px;
  }

  90% {
    background-position: 0 192px;
    padding-top: 360px;
  }

  93.33333% {
    background-position: 0 216px;
    padding-top: 384px;
  }

  96.66667% {
    background-position: 0 240px;
    padding-top: 408px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(7):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 672px, #1a122f 672px, #1a122f 720px) 0 -576px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 96px;
  overflow: hidden;
  -webkit-animation: 2400ms column-7 infinite steps(1, start);
}

@-webkit-keyframes column-7 {
  0% {
    background-position: 0 -576px;
    padding-top: 96px;
  }

  3.33333% {
    background-position: 0 -552px;
    padding-top: 120px;
  }

  6.66667% {
    background-position: 0 -528px;
    padding-top: 144px;
  }

  10% {
    background-position: 0 -504px;
    padding-top: 168px;
  }

  13.33333% {
    background-position: 0 -480px;
    padding-top: 192px;
  }

  16.66667% {
    background-position: 0 -456px;
    padding-top: 216px;
  }

  20% {
    background-position: 0 -432px;
    padding-top: 240px;
  }

  23.33333% {
    background-position: 0 -408px;
    padding-top: 264px;
  }

  26.66667% {
    background-position: 0 -384px;
    padding-top: 288px;
  }

  30% {
    background-position: 0 -360px;
    padding-top: 312px;
  }

  33.33333% {
    background-position: 0 -336px;
    padding-top: 336px;
  }

  36.66667% {
    background-position: 0 -312px;
    padding-top: 360px;
  }

  40% {
    background-position: 0 -288px;
    padding-top: 384px;
  }

  43.33333% {
    background-position: 0 -264px;
    padding-top: 408px;
  }

  46.66667% {
    background-position: 0 -240px;
    padding-top: 432px;
  }

  50% {
    background-position: 0 -216px;
    padding-top: 456px;
  }

  53.33333% {
    background-position: 0 -192px;
    padding-top: 480px;
  }

  56.66667% {
    background-position: 0 -168px;
    padding-top: 504px;
  }

  60% {
    background-position: 0 -144px;
    padding-top: 528px;
  }

  63.33333% {
    background-position: 0 -120px;
    padding-top: 552px;
  }

  66.66667% {
    background-position: 0 -96px;
    padding-top: 576px;
  }

  70% {
    background-position: 0 -72px;
    padding-top: 600px;
  }

  73.33333% {
    background-position: 0 -48px;
    padding-top: 624px;
  }

  76.66667% {
    background-position: 0 -24px;
    padding-top: 648px;
  }

  80% {
    background-position: 0 0px;
    padding-top: 672px;
  }

  83.33333% {
    background-position: 0 24px;
    padding-top: 696px;
  }

  86.66667% {
    background-position: 0 -672px;
    padding-top: 0px;
  }

  90% {
    background-position: 0 -648px;
    padding-top: 24px;
  }

  93.33333% {
    background-position: 0 -624px;
    padding-top: 48px;
  }

  96.66667% {
    background-position: 0 -600px;
    padding-top: 72px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(8):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 144px, #1a122f 144px, #1a122f 720px) 0 24px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 168px;
  overflow: hidden;
  -webkit-animation: 2400ms column-8 infinite steps(1, start);
}

@-webkit-keyframes column-8 {
  0% {
    background-position: 0 24px;
    padding-top: 168px;
  }

  3.33333% {
    background-position: 0 48px;
    padding-top: 192px;
  }

  6.66667% {
    background-position: 0 72px;
    padding-top: 216px;
  }

  10% {
    background-position: 0 96px;
    padding-top: 240px;
  }

  13.33333% {
    background-position: 0 120px;
    padding-top: 264px;
  }

  16.66667% {
    background-position: 0 144px;
    padding-top: 288px;
  }

  20% {
    background-position: 0 168px;
    padding-top: 312px;
  }

  23.33333% {
    background-position: 0 192px;
    padding-top: 336px;
  }

  26.66667% {
    background-position: 0 216px;
    padding-top: 360px;
  }

  30% {
    background-position: 0 240px;
    padding-top: 384px;
  }

  33.33333% {
    background-position: 0 264px;
    padding-top: 408px;
  }

  36.66667% {
    background-position: 0 288px;
    padding-top: 432px;
  }

  40% {
    background-position: 0 312px;
    padding-top: 456px;
  }

  43.33333% {
    background-position: 0 336px;
    padding-top: 480px;
  }

  46.66667% {
    background-position: 0 360px;
    padding-top: 504px;
  }

  50% {
    background-position: 0 384px;
    padding-top: 528px;
  }

  53.33333% {
    background-position: 0 408px;
    padding-top: 552px;
  }

  56.66667% {
    background-position: 0 432px;
    padding-top: 576px;
  }

  60% {
    background-position: 0 456px;
    padding-top: 600px;
  }

  63.33333% {
    background-position: 0 480px;
    padding-top: 624px;
  }

  66.66667% {
    background-position: 0 504px;
    padding-top: 648px;
  }

  70% {
    background-position: 0 528px;
    padding-top: 672px;
  }

  73.33333% {
    background-position: 0 552px;
    padding-top: 696px;
  }

  76.66667% {
    background-position: 0 -144px;
    padding-top: 0px;
  }

  80% {
    background-position: 0 -120px;
    padding-top: 24px;
  }

  83.33333% {
    background-position: 0 -96px;
    padding-top: 48px;
  }

  86.66667% {
    background-position: 0 -72px;
    padding-top: 72px;
  }

  90% {
    background-position: 0 -48px;
    padding-top: 96px;
  }

  93.33333% {
    background-position: 0 -24px;
    padding-top: 120px;
  }

  96.66667% {
    background-position: 0 0px;
    padding-top: 144px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(9):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 72px, #1a122f 72px, #1a122f 720px) 0 168px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 240px;
  overflow: hidden;
  -webkit-animation: 2400ms column-9 infinite steps(1, start);
}

@-webkit-keyframes column-9 {
  0% {
    background-position: 0 168px;
    padding-top: 240px;
  }

  3.33333% {
    background-position: 0 192px;
    padding-top: 264px;
  }

  6.66667% {
    background-position: 0 216px;
    padding-top: 288px;
  }

  10% {
    background-position: 0 240px;
    padding-top: 312px;
  }

  13.33333% {
    background-position: 0 264px;
    padding-top: 336px;
  }

  16.66667% {
    background-position: 0 288px;
    padding-top: 360px;
  }

  20% {
    background-position: 0 312px;
    padding-top: 384px;
  }

  23.33333% {
    background-position: 0 336px;
    padding-top: 408px;
  }

  26.66667% {
    background-position: 0 360px;
    padding-top: 432px;
  }

  30% {
    background-position: 0 384px;
    padding-top: 456px;
  }

  33.33333% {
    background-position: 0 408px;
    padding-top: 480px;
  }

  36.66667% {
    background-position: 0 432px;
    padding-top: 504px;
  }

  40% {
    background-position: 0 456px;
    padding-top: 528px;
  }

  43.33333% {
    background-position: 0 480px;
    padding-top: 552px;
  }

  46.66667% {
    background-position: 0 504px;
    padding-top: 576px;
  }

  50% {
    background-position: 0 528px;
    padding-top: 600px;
  }

  53.33333% {
    background-position: 0 552px;
    padding-top: 624px;
  }

  56.66667% {
    background-position: 0 576px;
    padding-top: 648px;
  }

  60% {
    background-position: 0 600px;
    padding-top: 672px;
  }

  63.33333% {
    background-position: 0 624px;
    padding-top: 696px;
  }

  66.66667% {
    background-position: 0 -72px;
    padding-top: 0px;
  }

  70% {
    background-position: 0 -48px;
    padding-top: 24px;
  }

  73.33333% {
    background-position: 0 -24px;
    padding-top: 48px;
  }

  76.66667% {
    background-position: 0 0px;
    padding-top: 72px;
  }

  80% {
    background-position: 0 24px;
    padding-top: 96px;
  }

  83.33333% {
    background-position: 0 48px;
    padding-top: 120px;
  }

  86.66667% {
    background-position: 0 72px;
    padding-top: 144px;
  }

  90% {
    background-position: 0 96px;
    padding-top: 168px;
  }

  93.33333% {
    background-position: 0 120px;
    padding-top: 192px;
  }

  96.66667% {
    background-position: 0 144px;
    padding-top: 216px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(10):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 432px, #1a122f 432px, #1a122f 720px) 0 -96px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 336px;
  overflow: hidden;
  -webkit-animation: 2400ms column-10 infinite steps(1, start);
}

@-webkit-keyframes column-10 {
  0% {
    background-position: 0 -96px;
    padding-top: 336px;
  }

  3.33333% {
    background-position: 0 -72px;
    padding-top: 360px;
  }

  6.66667% {
    background-position: 0 -48px;
    padding-top: 384px;
  }

  10% {
    background-position: 0 -24px;
    padding-top: 408px;
  }

  13.33333% {
    background-position: 0 0px;
    padding-top: 432px;
  }

  16.66667% {
    background-position: 0 24px;
    padding-top: 456px;
  }

  20% {
    background-position: 0 48px;
    padding-top: 480px;
  }

  23.33333% {
    background-position: 0 72px;
    padding-top: 504px;
  }

  26.66667% {
    background-position: 0 96px;
    padding-top: 528px;
  }

  30% {
    background-position: 0 120px;
    padding-top: 552px;
  }

  33.33333% {
    background-position: 0 144px;
    padding-top: 576px;
  }

  36.66667% {
    background-position: 0 168px;
    padding-top: 600px;
  }

  40% {
    background-position: 0 192px;
    padding-top: 624px;
  }

  43.33333% {
    background-position: 0 216px;
    padding-top: 648px;
  }

  46.66667% {
    background-position: 0 240px;
    padding-top: 672px;
  }

  50% {
    background-position: 0 264px;
    padding-top: 696px;
  }

  53.33333% {
    background-position: 0 -432px;
    padding-top: 0px;
  }

  56.66667% {
    background-position: 0 -408px;
    padding-top: 24px;
  }

  60% {
    background-position: 0 -384px;
    padding-top: 48px;
  }

  63.33333% {
    background-position: 0 -360px;
    padding-top: 72px;
  }

  66.66667% {
    background-position: 0 -336px;
    padding-top: 96px;
  }

  70% {
    background-position: 0 -312px;
    padding-top: 120px;
  }

  73.33333% {
    background-position: 0 -288px;
    padding-top: 144px;
  }

  76.66667% {
    background-position: 0 -264px;
    padding-top: 168px;
  }

  80% {
    background-position: 0 -240px;
    padding-top: 192px;
  }

  83.33333% {
    background-position: 0 -216px;
    padding-top: 216px;
  }

  86.66667% {
    background-position: 0 -192px;
    padding-top: 240px;
  }

  90% {
    background-position: 0 -168px;
    padding-top: 264px;
  }

  93.33333% {
    background-position: 0 -144px;
    padding-top: 288px;
  }

  96.66667% {
    background-position: 0 -120px;
    padding-top: 312px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(11):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 72px, #1a122f 72px, #1a122f 720px) 0 216px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 288px;
  overflow: hidden;
  -webkit-animation: 2400ms column-11 infinite steps(1, start);
}

@-webkit-keyframes column-11 {
  0% {
    background-position: 0 216px;
    padding-top: 288px;
  }

  3.33333% {
    background-position: 0 240px;
    padding-top: 312px;
  }

  6.66667% {
    background-position: 0 264px;
    padding-top: 336px;
  }

  10% {
    background-position: 0 288px;
    padding-top: 360px;
  }

  13.33333% {
    background-position: 0 312px;
    padding-top: 384px;
  }

  16.66667% {
    background-position: 0 336px;
    padding-top: 408px;
  }

  20% {
    background-position: 0 360px;
    padding-top: 432px;
  }

  23.33333% {
    background-position: 0 384px;
    padding-top: 456px;
  }

  26.66667% {
    background-position: 0 408px;
    padding-top: 480px;
  }

  30% {
    background-position: 0 432px;
    padding-top: 504px;
  }

  33.33333% {
    background-position: 0 456px;
    padding-top: 528px;
  }

  36.66667% {
    background-position: 0 480px;
    padding-top: 552px;
  }

  40% {
    background-position: 0 504px;
    padding-top: 576px;
  }

  43.33333% {
    background-position: 0 528px;
    padding-top: 600px;
  }

  46.66667% {
    background-position: 0 552px;
    padding-top: 624px;
  }

  50% {
    background-position: 0 576px;
    padding-top: 648px;
  }

  53.33333% {
    background-position: 0 600px;
    padding-top: 672px;
  }

  56.66667% {
    background-position: 0 624px;
    padding-top: 696px;
  }

  60% {
    background-position: 0 -72px;
    padding-top: 0px;
  }

  63.33333% {
    background-position: 0 -48px;
    padding-top: 24px;
  }

  66.66667% {
    background-position: 0 -24px;
    padding-top: 48px;
  }

  70% {
    background-position: 0 0px;
    padding-top: 72px;
  }

  73.33333% {
    background-position: 0 24px;
    padding-top: 96px;
  }

  76.66667% {
    background-position: 0 48px;
    padding-top: 120px;
  }

  80% {
    background-position: 0 72px;
    padding-top: 144px;
  }

  83.33333% {
    background-position: 0 96px;
    padding-top: 168px;
  }

  86.66667% {
    background-position: 0 120px;
    padding-top: 192px;
  }

  90% {
    background-position: 0 144px;
    padding-top: 216px;
  }

  93.33333% {
    background-position: 0 168px;
    padding-top: 240px;
  }

  96.66667% {
    background-position: 0 192px;
    padding-top: 264px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(12):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 72px, #1a122f 72px, #1a122f 720px) 0 96px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 168px;
  overflow: hidden;
  -webkit-animation: 2400ms column-12 infinite steps(1, start);
}

@-webkit-keyframes column-12 {
  0% {
    background-position: 0 96px;
    padding-top: 168px;
  }

  3.33333% {
    background-position: 0 120px;
    padding-top: 192px;
  }

  6.66667% {
    background-position: 0 144px;
    padding-top: 216px;
  }

  10% {
    background-position: 0 168px;
    padding-top: 240px;
  }

  13.33333% {
    background-position: 0 192px;
    padding-top: 264px;
  }

  16.66667% {
    background-position: 0 216px;
    padding-top: 288px;
  }

  20% {
    background-position: 0 240px;
    padding-top: 312px;
  }

  23.33333% {
    background-position: 0 264px;
    padding-top: 336px;
  }

  26.66667% {
    background-position: 0 288px;
    padding-top: 360px;
  }

  30% {
    background-position: 0 312px;
    padding-top: 384px;
  }

  33.33333% {
    background-position: 0 336px;
    padding-top: 408px;
  }

  36.66667% {
    background-position: 0 360px;
    padding-top: 432px;
  }

  40% {
    background-position: 0 384px;
    padding-top: 456px;
  }

  43.33333% {
    background-position: 0 408px;
    padding-top: 480px;
  }

  46.66667% {
    background-position: 0 432px;
    padding-top: 504px;
  }

  50% {
    background-position: 0 456px;
    padding-top: 528px;
  }

  53.33333% {
    background-position: 0 480px;
    padding-top: 552px;
  }

  56.66667% {
    background-position: 0 504px;
    padding-top: 576px;
  }

  60% {
    background-position: 0 528px;
    padding-top: 600px;
  }

  63.33333% {
    background-position: 0 552px;
    padding-top: 624px;
  }

  66.66667% {
    background-position: 0 576px;
    padding-top: 648px;
  }

  70% {
    background-position: 0 600px;
    padding-top: 672px;
  }

  73.33333% {
    background-position: 0 624px;
    padding-top: 696px;
  }

  76.66667% {
    background-position: 0 -72px;
    padding-top: 0px;
  }

  80% {
    background-position: 0 -48px;
    padding-top: 24px;
  }

  83.33333% {
    background-position: 0 -24px;
    padding-top: 48px;
  }

  86.66667% {
    background-position: 0 0px;
    padding-top: 72px;
  }

  90% {
    background-position: 0 24px;
    padding-top: 96px;
  }

  93.33333% {
    background-position: 0 48px;
    padding-top: 120px;
  }

  96.66667% {
    background-position: 0 72px;
    padding-top: 144px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(13):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 168px, #1a122f 168px, #1a122f 720px) 0 408px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 576px;
  overflow: hidden;
  -webkit-animation: 2400ms column-13 infinite steps(1, start);
}

@-webkit-keyframes column-13 {
  0% {
    background-position: 0 408px;
    padding-top: 576px;
  }

  3.33333% {
    background-position: 0 432px;
    padding-top: 600px;
  }

  6.66667% {
    background-position: 0 456px;
    padding-top: 624px;
  }

  10% {
    background-position: 0 480px;
    padding-top: 648px;
  }

  13.33333% {
    background-position: 0 504px;
    padding-top: 672px;
  }

  16.66667% {
    background-position: 0 528px;
    padding-top: 696px;
  }

  20% {
    background-position: 0 -168px;
    padding-top: 0px;
  }

  23.33333% {
    background-position: 0 -144px;
    padding-top: 24px;
  }

  26.66667% {
    background-position: 0 -120px;
    padding-top: 48px;
  }

  30% {
    background-position: 0 -96px;
    padding-top: 72px;
  }

  33.33333% {
    background-position: 0 -72px;
    padding-top: 96px;
  }

  36.66667% {
    background-position: 0 -48px;
    padding-top: 120px;
  }

  40% {
    background-position: 0 -24px;
    padding-top: 144px;
  }

  43.33333% {
    background-position: 0 0px;
    padding-top: 168px;
  }

  46.66667% {
    background-position: 0 24px;
    padding-top: 192px;
  }

  50% {
    background-position: 0 48px;
    padding-top: 216px;
  }

  53.33333% {
    background-position: 0 72px;
    padding-top: 240px;
  }

  56.66667% {
    background-position: 0 96px;
    padding-top: 264px;
  }

  60% {
    background-position: 0 120px;
    padding-top: 288px;
  }

  63.33333% {
    background-position: 0 144px;
    padding-top: 312px;
  }

  66.66667% {
    background-position: 0 168px;
    padding-top: 336px;
  }

  70% {
    background-position: 0 192px;
    padding-top: 360px;
  }

  73.33333% {
    background-position: 0 216px;
    padding-top: 384px;
  }

  76.66667% {
    background-position: 0 240px;
    padding-top: 408px;
  }

  80% {
    background-position: 0 264px;
    padding-top: 432px;
  }

  83.33333% {
    background-position: 0 288px;
    padding-top: 456px;
  }

  86.66667% {
    background-position: 0 312px;
    padding-top: 480px;
  }

  90% {
    background-position: 0 336px;
    padding-top: 504px;
  }

  93.33333% {
    background-position: 0 360px;
    padding-top: 528px;
  }

  96.66667% {
    background-position: 0 384px;
    padding-top: 552px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(14):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 288px, #1a122f 288px, #1a122f 720px) 0 96px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 384px;
  overflow: hidden;
  -webkit-animation: 2400ms column-14 infinite steps(1, start);
}

@-webkit-keyframes column-14 {
  0% {
    background-position: 0 96px;
    padding-top: 384px;
  }

  3.33333% {
    background-position: 0 120px;
    padding-top: 408px;
  }

  6.66667% {
    background-position: 0 144px;
    padding-top: 432px;
  }

  10% {
    background-position: 0 168px;
    padding-top: 456px;
  }

  13.33333% {
    background-position: 0 192px;
    padding-top: 480px;
  }

  16.66667% {
    background-position: 0 216px;
    padding-top: 504px;
  }

  20% {
    background-position: 0 240px;
    padding-top: 528px;
  }

  23.33333% {
    background-position: 0 264px;
    padding-top: 552px;
  }

  26.66667% {
    background-position: 0 288px;
    padding-top: 576px;
  }

  30% {
    background-position: 0 312px;
    padding-top: 600px;
  }

  33.33333% {
    background-position: 0 336px;
    padding-top: 624px;
  }

  36.66667% {
    background-position: 0 360px;
    padding-top: 648px;
  }

  40% {
    background-position: 0 384px;
    padding-top: 672px;
  }

  43.33333% {
    background-position: 0 408px;
    padding-top: 696px;
  }

  46.66667% {
    background-position: 0 -288px;
    padding-top: 0px;
  }

  50% {
    background-position: 0 -264px;
    padding-top: 24px;
  }

  53.33333% {
    background-position: 0 -240px;
    padding-top: 48px;
  }

  56.66667% {
    background-position: 0 -216px;
    padding-top: 72px;
  }

  60% {
    background-position: 0 -192px;
    padding-top: 96px;
  }

  63.33333% {
    background-position: 0 -168px;
    padding-top: 120px;
  }

  66.66667% {
    background-position: 0 -144px;
    padding-top: 144px;
  }

  70% {
    background-position: 0 -120px;
    padding-top: 168px;
  }

  73.33333% {
    background-position: 0 -96px;
    padding-top: 192px;
  }

  76.66667% {
    background-position: 0 -72px;
    padding-top: 216px;
  }

  80% {
    background-position: 0 -48px;
    padding-top: 240px;
  }

  83.33333% {
    background-position: 0 -24px;
    padding-top: 264px;
  }

  86.66667% {
    background-position: 0 0px;
    padding-top: 288px;
  }

  90% {
    background-position: 0 24px;
    padding-top: 312px;
  }

  93.33333% {
    background-position: 0 48px;
    padding-top: 336px;
  }

  96.66667% {
    background-position: 0 72px;
    padding-top: 360px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(15):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 72px, #1a122f 72px, #1a122f 720px) 0 504px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 576px;
  overflow: hidden;
  -webkit-animation: 2400ms column-15 infinite steps(1, start);
}

@-webkit-keyframes column-15 {
  0% {
    background-position: 0 504px;
    padding-top: 576px;
  }

  3.33333% {
    background-position: 0 528px;
    padding-top: 600px;
  }

  6.66667% {
    background-position: 0 552px;
    padding-top: 624px;
  }

  10% {
    background-position: 0 576px;
    padding-top: 648px;
  }

  13.33333% {
    background-position: 0 600px;
    padding-top: 672px;
  }

  16.66667% {
    background-position: 0 624px;
    padding-top: 696px;
  }

  20% {
    background-position: 0 -72px;
    padding-top: 0px;
  }

  23.33333% {
    background-position: 0 -48px;
    padding-top: 24px;
  }

  26.66667% {
    background-position: 0 -24px;
    padding-top: 48px;
  }

  30% {
    background-position: 0 0px;
    padding-top: 72px;
  }

  33.33333% {
    background-position: 0 24px;
    padding-top: 96px;
  }

  36.66667% {
    background-position: 0 48px;
    padding-top: 120px;
  }

  40% {
    background-position: 0 72px;
    padding-top: 144px;
  }

  43.33333% {
    background-position: 0 96px;
    padding-top: 168px;
  }

  46.66667% {
    background-position: 0 120px;
    padding-top: 192px;
  }

  50% {
    background-position: 0 144px;
    padding-top: 216px;
  }

  53.33333% {
    background-position: 0 168px;
    padding-top: 240px;
  }

  56.66667% {
    background-position: 0 192px;
    padding-top: 264px;
  }

  60% {
    background-position: 0 216px;
    padding-top: 288px;
  }

  63.33333% {
    background-position: 0 240px;
    padding-top: 312px;
  }

  66.66667% {
    background-position: 0 264px;
    padding-top: 336px;
  }

  70% {
    background-position: 0 288px;
    padding-top: 360px;
  }

  73.33333% {
    background-position: 0 312px;
    padding-top: 384px;
  }

  76.66667% {
    background-position: 0 336px;
    padding-top: 408px;
  }

  80% {
    background-position: 0 360px;
    padding-top: 432px;
  }

  83.33333% {
    background-position: 0 384px;
    padding-top: 456px;
  }

  86.66667% {
    background-position: 0 408px;
    padding-top: 480px;
  }

  90% {
    background-position: 0 432px;
    padding-top: 504px;
  }

  93.33333% {
    background-position: 0 456px;
    padding-top: 528px;
  }

  96.66667% {
    background-position: 0 480px;
    padding-top: 552px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(16):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 624px, #1a122f 624px, #1a122f 720px) 0 -168px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 456px;
  overflow: hidden;
  -webkit-animation: 2400ms column-16 infinite steps(1, start);
}

@-webkit-keyframes column-16 {
  0% {
    background-position: 0 -168px;
    padding-top: 456px;
  }

  3.33333% {
    background-position: 0 -144px;
    padding-top: 480px;
  }

  6.66667% {
    background-position: 0 -120px;
    padding-top: 504px;
  }

  10% {
    background-position: 0 -96px;
    padding-top: 528px;
  }

  13.33333% {
    background-position: 0 -72px;
    padding-top: 552px;
  }

  16.66667% {
    background-position: 0 -48px;
    padding-top: 576px;
  }

  20% {
    background-position: 0 -24px;
    padding-top: 600px;
  }

  23.33333% {
    background-position: 0 0px;
    padding-top: 624px;
  }

  26.66667% {
    background-position: 0 24px;
    padding-top: 648px;
  }

  30% {
    background-position: 0 48px;
    padding-top: 672px;
  }

  33.33333% {
    background-position: 0 72px;
    padding-top: 696px;
  }

  36.66667% {
    background-position: 0 -624px;
    padding-top: 0px;
  }

  40% {
    background-position: 0 -600px;
    padding-top: 24px;
  }

  43.33333% {
    background-position: 0 -576px;
    padding-top: 48px;
  }

  46.66667% {
    background-position: 0 -552px;
    padding-top: 72px;
  }

  50% {
    background-position: 0 -528px;
    padding-top: 96px;
  }

  53.33333% {
    background-position: 0 -504px;
    padding-top: 120px;
  }

  56.66667% {
    background-position: 0 -480px;
    padding-top: 144px;
  }

  60% {
    background-position: 0 -456px;
    padding-top: 168px;
  }

  63.33333% {
    background-position: 0 -432px;
    padding-top: 192px;
  }

  66.66667% {
    background-position: 0 -408px;
    padding-top: 216px;
  }

  70% {
    background-position: 0 -384px;
    padding-top: 240px;
  }

  73.33333% {
    background-position: 0 -360px;
    padding-top: 264px;
  }

  76.66667% {
    background-position: 0 -336px;
    padding-top: 288px;
  }

  80% {
    background-position: 0 -312px;
    padding-top: 312px;
  }

  83.33333% {
    background-position: 0 -288px;
    padding-top: 336px;
  }

  86.66667% {
    background-position: 0 -264px;
    padding-top: 360px;
  }

  90% {
    background-position: 0 -240px;
    padding-top: 384px;
  }

  93.33333% {
    background-position: 0 -216px;
    padding-top: 408px;
  }

  96.66667% {
    background-position: 0 -192px;
    padding-top: 432px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(17):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 432px, #1a122f 432px, #1a122f 720px) 0 216px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 648px;
  overflow: hidden;
  -webkit-animation: 2400ms column-17 infinite steps(1, start);
}

@-webkit-keyframes column-17 {
  0% {
    background-position: 0 216px;
    padding-top: 648px;
  }

  3.33333% {
    background-position: 0 240px;
    padding-top: 672px;
  }

  6.66667% {
    background-position: 0 264px;
    padding-top: 696px;
  }

  10% {
    background-position: 0 -432px;
    padding-top: 0px;
  }

  13.33333% {
    background-position: 0 -408px;
    padding-top: 24px;
  }

  16.66667% {
    background-position: 0 -384px;
    padding-top: 48px;
  }

  20% {
    background-position: 0 -360px;
    padding-top: 72px;
  }

  23.33333% {
    background-position: 0 -336px;
    padding-top: 96px;
  }

  26.66667% {
    background-position: 0 -312px;
    padding-top: 120px;
  }

  30% {
    background-position: 0 -288px;
    padding-top: 144px;
  }

  33.33333% {
    background-position: 0 -264px;
    padding-top: 168px;
  }

  36.66667% {
    background-position: 0 -240px;
    padding-top: 192px;
  }

  40% {
    background-position: 0 -216px;
    padding-top: 216px;
  }

  43.33333% {
    background-position: 0 -192px;
    padding-top: 240px;
  }

  46.66667% {
    background-position: 0 -168px;
    padding-top: 264px;
  }

  50% {
    background-position: 0 -144px;
    padding-top: 288px;
  }

  53.33333% {
    background-position: 0 -120px;
    padding-top: 312px;
  }

  56.66667% {
    background-position: 0 -96px;
    padding-top: 336px;
  }

  60% {
    background-position: 0 -72px;
    padding-top: 360px;
  }

  63.33333% {
    background-position: 0 -48px;
    padding-top: 384px;
  }

  66.66667% {
    background-position: 0 -24px;
    padding-top: 408px;
  }

  70% {
    background-position: 0 0px;
    padding-top: 432px;
  }

  73.33333% {
    background-position: 0 24px;
    padding-top: 456px;
  }

  76.66667% {
    background-position: 0 48px;
    padding-top: 480px;
  }

  80% {
    background-position: 0 72px;
    padding-top: 504px;
  }

  83.33333% {
    background-position: 0 96px;
    padding-top: 528px;
  }

  86.66667% {
    background-position: 0 120px;
    padding-top: 552px;
  }

  90% {
    background-position: 0 144px;
    padding-top: 576px;
  }

  93.33333% {
    background-position: 0 168px;
    padding-top: 600px;
  }

  96.66667% {
    background-position: 0 192px;
    padding-top: 624px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(18):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 672px, #1a122f 672px, #1a122f 720px) 0 -576px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 96px;
  overflow: hidden;
  -webkit-animation: 2400ms column-18 infinite steps(1, start);
}

@-webkit-keyframes column-18 {
  0% {
    background-position: 0 -576px;
    padding-top: 96px;
  }

  3.33333% {
    background-position: 0 -552px;
    padding-top: 120px;
  }

  6.66667% {
    background-position: 0 -528px;
    padding-top: 144px;
  }

  10% {
    background-position: 0 -504px;
    padding-top: 168px;
  }

  13.33333% {
    background-position: 0 -480px;
    padding-top: 192px;
  }

  16.66667% {
    background-position: 0 -456px;
    padding-top: 216px;
  }

  20% {
    background-position: 0 -432px;
    padding-top: 240px;
  }

  23.33333% {
    background-position: 0 -408px;
    padding-top: 264px;
  }

  26.66667% {
    background-position: 0 -384px;
    padding-top: 288px;
  }

  30% {
    background-position: 0 -360px;
    padding-top: 312px;
  }

  33.33333% {
    background-position: 0 -336px;
    padding-top: 336px;
  }

  36.66667% {
    background-position: 0 -312px;
    padding-top: 360px;
  }

  40% {
    background-position: 0 -288px;
    padding-top: 384px;
  }

  43.33333% {
    background-position: 0 -264px;
    padding-top: 408px;
  }

  46.66667% {
    background-position: 0 -240px;
    padding-top: 432px;
  }

  50% {
    background-position: 0 -216px;
    padding-top: 456px;
  }

  53.33333% {
    background-position: 0 -192px;
    padding-top: 480px;
  }

  56.66667% {
    background-position: 0 -168px;
    padding-top: 504px;
  }

  60% {
    background-position: 0 -144px;
    padding-top: 528px;
  }

  63.33333% {
    background-position: 0 -120px;
    padding-top: 552px;
  }

  66.66667% {
    background-position: 0 -96px;
    padding-top: 576px;
  }

  70% {
    background-position: 0 -72px;
    padding-top: 600px;
  }

  73.33333% {
    background-position: 0 -48px;
    padding-top: 624px;
  }

  76.66667% {
    background-position: 0 -24px;
    padding-top: 648px;
  }

  80% {
    background-position: 0 0px;
    padding-top: 672px;
  }

  83.33333% {
    background-position: 0 24px;
    padding-top: 696px;
  }

  86.66667% {
    background-position: 0 -672px;
    padding-top: 0px;
  }

  90% {
    background-position: 0 -648px;
    padding-top: 24px;
  }

  93.33333% {
    background-position: 0 -624px;
    padding-top: 48px;
  }

  96.66667% {
    background-position: 0 -600px;
    padding-top: 72px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(19):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 624px, #1a122f 624px, #1a122f 720px) 0 -240px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 384px;
  overflow: hidden;
  -webkit-animation: 2400ms column-19 infinite steps(1, start);
}

@-webkit-keyframes column-19 {
  0% {
    background-position: 0 -240px;
    padding-top: 384px;
  }

  3.33333% {
    background-position: 0 -216px;
    padding-top: 408px;
  }

  6.66667% {
    background-position: 0 -192px;
    padding-top: 432px;
  }

  10% {
    background-position: 0 -168px;
    padding-top: 456px;
  }

  13.33333% {
    background-position: 0 -144px;
    padding-top: 480px;
  }

  16.66667% {
    background-position: 0 -120px;
    padding-top: 504px;
  }

  20% {
    background-position: 0 -96px;
    padding-top: 528px;
  }

  23.33333% {
    background-position: 0 -72px;
    padding-top: 552px;
  }

  26.66667% {
    background-position: 0 -48px;
    padding-top: 576px;
  }

  30% {
    background-position: 0 -24px;
    padding-top: 600px;
  }

  33.33333% {
    background-position: 0 0px;
    padding-top: 624px;
  }

  36.66667% {
    background-position: 0 24px;
    padding-top: 648px;
  }

  40% {
    background-position: 0 48px;
    padding-top: 672px;
  }

  43.33333% {
    background-position: 0 72px;
    padding-top: 696px;
  }

  46.66667% {
    background-position: 0 -624px;
    padding-top: 0px;
  }

  50% {
    background-position: 0 -600px;
    padding-top: 24px;
  }

  53.33333% {
    background-position: 0 -576px;
    padding-top: 48px;
  }

  56.66667% {
    background-position: 0 -552px;
    padding-top: 72px;
  }

  60% {
    background-position: 0 -528px;
    padding-top: 96px;
  }

  63.33333% {
    background-position: 0 -504px;
    padding-top: 120px;
  }

  66.66667% {
    background-position: 0 -480px;
    padding-top: 144px;
  }

  70% {
    background-position: 0 -456px;
    padding-top: 168px;
  }

  73.33333% {
    background-position: 0 -432px;
    padding-top: 192px;
  }

  76.66667% {
    background-position: 0 -408px;
    padding-top: 216px;
  }

  80% {
    background-position: 0 -384px;
    padding-top: 240px;
  }

  83.33333% {
    background-position: 0 -360px;
    padding-top: 264px;
  }

  86.66667% {
    background-position: 0 -336px;
    padding-top: 288px;
  }

  90% {
    background-position: 0 -312px;
    padding-top: 312px;
  }

  93.33333% {
    background-position: 0 -288px;
    padding-top: 336px;
  }

  96.66667% {
    background-position: 0 -264px;
    padding-top: 360px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(20):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 624px, #1a122f 624px, #1a122f 720px) 0 -288px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 336px;
  overflow: hidden;
  -webkit-animation: 2400ms column-20 infinite steps(1, start);
}

@-webkit-keyframes column-20 {
  0% {
    background-position: 0 -288px;
    padding-top: 336px;
  }

  3.33333% {
    background-position: 0 -264px;
    padding-top: 360px;
  }

  6.66667% {
    background-position: 0 -240px;
    padding-top: 384px;
  }

  10% {
    background-position: 0 -216px;
    padding-top: 408px;
  }

  13.33333% {
    background-position: 0 -192px;
    padding-top: 432px;
  }

  16.66667% {
    background-position: 0 -168px;
    padding-top: 456px;
  }

  20% {
    background-position: 0 -144px;
    padding-top: 480px;
  }

  23.33333% {
    background-position: 0 -120px;
    padding-top: 504px;
  }

  26.66667% {
    background-position: 0 -96px;
    padding-top: 528px;
  }

  30% {
    background-position: 0 -72px;
    padding-top: 552px;
  }

  33.33333% {
    background-position: 0 -48px;
    padding-top: 576px;
  }

  36.66667% {
    background-position: 0 -24px;
    padding-top: 600px;
  }

  40% {
    background-position: 0 0px;
    padding-top: 624px;
  }

  43.33333% {
    background-position: 0 24px;
    padding-top: 648px;
  }

  46.66667% {
    background-position: 0 48px;
    padding-top: 672px;
  }

  50% {
    background-position: 0 72px;
    padding-top: 696px;
  }

  53.33333% {
    background-position: 0 -624px;
    padding-top: 0px;
  }

  56.66667% {
    background-position: 0 -600px;
    padding-top: 24px;
  }

  60% {
    background-position: 0 -576px;
    padding-top: 48px;
  }

  63.33333% {
    background-position: 0 -552px;
    padding-top: 72px;
  }

  66.66667% {
    background-position: 0 -528px;
    padding-top: 96px;
  }

  70% {
    background-position: 0 -504px;
    padding-top: 120px;
  }

  73.33333% {
    background-position: 0 -480px;
    padding-top: 144px;
  }

  76.66667% {
    background-position: 0 -456px;
    padding-top: 168px;
  }

  80% {
    background-position: 0 -432px;
    padding-top: 192px;
  }

  83.33333% {
    background-position: 0 -408px;
    padding-top: 216px;
  }

  86.66667% {
    background-position: 0 -384px;
    padding-top: 240px;
  }

  90% {
    background-position: 0 -360px;
    padding-top: 264px;
  }

  93.33333% {
    background-position: 0 -336px;
    padding-top: 288px;
  }

  96.66667% {
    background-position: 0 -312px;
    padding-top: 312px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(21):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 528px, #1a122f 528px, #1a122f 720px) 0 -240px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 288px;
  overflow: hidden;
  -webkit-animation: 2400ms column-21 infinite steps(1, start);
}

@-webkit-keyframes column-21 {
  0% {
    background-position: 0 -240px;
    padding-top: 288px;
  }

  3.33333% {
    background-position: 0 -216px;
    padding-top: 312px;
  }

  6.66667% {
    background-position: 0 -192px;
    padding-top: 336px;
  }

  10% {
    background-position: 0 -168px;
    padding-top: 360px;
  }

  13.33333% {
    background-position: 0 -144px;
    padding-top: 384px;
  }

  16.66667% {
    background-position: 0 -120px;
    padding-top: 408px;
  }

  20% {
    background-position: 0 -96px;
    padding-top: 432px;
  }

  23.33333% {
    background-position: 0 -72px;
    padding-top: 456px;
  }

  26.66667% {
    background-position: 0 -48px;
    padding-top: 480px;
  }

  30% {
    background-position: 0 -24px;
    padding-top: 504px;
  }

  33.33333% {
    background-position: 0 0px;
    padding-top: 528px;
  }

  36.66667% {
    background-position: 0 24px;
    padding-top: 552px;
  }

  40% {
    background-position: 0 48px;
    padding-top: 576px;
  }

  43.33333% {
    background-position: 0 72px;
    padding-top: 600px;
  }

  46.66667% {
    background-position: 0 96px;
    padding-top: 624px;
  }

  50% {
    background-position: 0 120px;
    padding-top: 648px;
  }

  53.33333% {
    background-position: 0 144px;
    padding-top: 672px;
  }

  56.66667% {
    background-position: 0 168px;
    padding-top: 696px;
  }

  60% {
    background-position: 0 -528px;
    padding-top: 0px;
  }

  63.33333% {
    background-position: 0 -504px;
    padding-top: 24px;
  }

  66.66667% {
    background-position: 0 -480px;
    padding-top: 48px;
  }

  70% {
    background-position: 0 -456px;
    padding-top: 72px;
  }

  73.33333% {
    background-position: 0 -432px;
    padding-top: 96px;
  }

  76.66667% {
    background-position: 0 -408px;
    padding-top: 120px;
  }

  80% {
    background-position: 0 -384px;
    padding-top: 144px;
  }

  83.33333% {
    background-position: 0 -360px;
    padding-top: 168px;
  }

  86.66667% {
    background-position: 0 -336px;
    padding-top: 192px;
  }

  90% {
    background-position: 0 -312px;
    padding-top: 216px;
  }

  93.33333% {
    background-position: 0 -288px;
    padding-top: 240px;
  }

  96.66667% {
    background-position: 0 -264px;
    padding-top: 264px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(22):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 648px, #1a122f 648px, #1a122f 720px) 0 24px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 672px;
  overflow: hidden;
  -webkit-animation: 2400ms column-22 infinite steps(1, start);
}

@-webkit-keyframes column-22 {
  0% {
    background-position: 0 24px;
    padding-top: 672px;
  }

  3.33333% {
    background-position: 0 48px;
    padding-top: 696px;
  }

  6.66667% {
    background-position: 0 -648px;
    padding-top: 0px;
  }

  10% {
    background-position: 0 -624px;
    padding-top: 24px;
  }

  13.33333% {
    background-position: 0 -600px;
    padding-top: 48px;
  }

  16.66667% {
    background-position: 0 -576px;
    padding-top: 72px;
  }

  20% {
    background-position: 0 -552px;
    padding-top: 96px;
  }

  23.33333% {
    background-position: 0 -528px;
    padding-top: 120px;
  }

  26.66667% {
    background-position: 0 -504px;
    padding-top: 144px;
  }

  30% {
    background-position: 0 -480px;
    padding-top: 168px;
  }

  33.33333% {
    background-position: 0 -456px;
    padding-top: 192px;
  }

  36.66667% {
    background-position: 0 -432px;
    padding-top: 216px;
  }

  40% {
    background-position: 0 -408px;
    padding-top: 240px;
  }

  43.33333% {
    background-position: 0 -384px;
    padding-top: 264px;
  }

  46.66667% {
    background-position: 0 -360px;
    padding-top: 288px;
  }

  50% {
    background-position: 0 -336px;
    padding-top: 312px;
  }

  53.33333% {
    background-position: 0 -312px;
    padding-top: 336px;
  }

  56.66667% {
    background-position: 0 -288px;
    padding-top: 360px;
  }

  60% {
    background-position: 0 -264px;
    padding-top: 384px;
  }

  63.33333% {
    background-position: 0 -240px;
    padding-top: 408px;
  }

  66.66667% {
    background-position: 0 -216px;
    padding-top: 432px;
  }

  70% {
    background-position: 0 -192px;
    padding-top: 456px;
  }

  73.33333% {
    background-position: 0 -168px;
    padding-top: 480px;
  }

  76.66667% {
    background-position: 0 -144px;
    padding-top: 504px;
  }

  80% {
    background-position: 0 -120px;
    padding-top: 528px;
  }

  83.33333% {
    background-position: 0 -96px;
    padding-top: 552px;
  }

  86.66667% {
    background-position: 0 -72px;
    padding-top: 576px;
  }

  90% {
    background-position: 0 -48px;
    padding-top: 600px;
  }

  93.33333% {
    background-position: 0 -24px;
    padding-top: 624px;
  }

  96.66667% {
    background-position: 0 0px;
    padding-top: 648px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(23):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 312px, #1a122f 312px, #1a122f 720px) 0 96px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 408px;
  overflow: hidden;
  -webkit-animation: 2400ms column-23 infinite steps(1, start);
}

@-webkit-keyframes column-23 {
  0% {
    background-position: 0 96px;
    padding-top: 408px;
  }

  3.33333% {
    background-position: 0 120px;
    padding-top: 432px;
  }

  6.66667% {
    background-position: 0 144px;
    padding-top: 456px;
  }

  10% {
    background-position: 0 168px;
    padding-top: 480px;
  }

  13.33333% {
    background-position: 0 192px;
    padding-top: 504px;
  }

  16.66667% {
    background-position: 0 216px;
    padding-top: 528px;
  }

  20% {
    background-position: 0 240px;
    padding-top: 552px;
  }

  23.33333% {
    background-position: 0 264px;
    padding-top: 576px;
  }

  26.66667% {
    background-position: 0 288px;
    padding-top: 600px;
  }

  30% {
    background-position: 0 312px;
    padding-top: 624px;
  }

  33.33333% {
    background-position: 0 336px;
    padding-top: 648px;
  }

  36.66667% {
    background-position: 0 360px;
    padding-top: 672px;
  }

  40% {
    background-position: 0 384px;
    padding-top: 696px;
  }

  43.33333% {
    background-position: 0 -312px;
    padding-top: 0px;
  }

  46.66667% {
    background-position: 0 -288px;
    padding-top: 24px;
  }

  50% {
    background-position: 0 -264px;
    padding-top: 48px;
  }

  53.33333% {
    background-position: 0 -240px;
    padding-top: 72px;
  }

  56.66667% {
    background-position: 0 -216px;
    padding-top: 96px;
  }

  60% {
    background-position: 0 -192px;
    padding-top: 120px;
  }

  63.33333% {
    background-position: 0 -168px;
    padding-top: 144px;
  }

  66.66667% {
    background-position: 0 -144px;
    padding-top: 168px;
  }

  70% {
    background-position: 0 -120px;
    padding-top: 192px;
  }

  73.33333% {
    background-position: 0 -96px;
    padding-top: 216px;
  }

  76.66667% {
    background-position: 0 -72px;
    padding-top: 240px;
  }

  80% {
    background-position: 0 -48px;
    padding-top: 264px;
  }

  83.33333% {
    background-position: 0 -24px;
    padding-top: 288px;
  }

  86.66667% {
    background-position: 0 0px;
    padding-top: 312px;
  }

  90% {
    background-position: 0 24px;
    padding-top: 336px;
  }

  93.33333% {
    background-position: 0 48px;
    padding-top: 360px;
  }

  96.66667% {
    background-position: 0 72px;
    padding-top: 384px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(24):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 96px, #1a122f 96px, #1a122f 720px) 0 144px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 240px;
  overflow: hidden;
  -webkit-animation: 2400ms column-24 infinite steps(1, start);
}

@-webkit-keyframes column-24 {
  0% {
    background-position: 0 144px;
    padding-top: 240px;
  }

  3.33333% {
    background-position: 0 168px;
    padding-top: 264px;
  }

  6.66667% {
    background-position: 0 192px;
    padding-top: 288px;
  }

  10% {
    background-position: 0 216px;
    padding-top: 312px;
  }

  13.33333% {
    background-position: 0 240px;
    padding-top: 336px;
  }

  16.66667% {
    background-position: 0 264px;
    padding-top: 360px;
  }

  20% {
    background-position: 0 288px;
    padding-top: 384px;
  }

  23.33333% {
    background-position: 0 312px;
    padding-top: 408px;
  }

  26.66667% {
    background-position: 0 336px;
    padding-top: 432px;
  }

  30% {
    background-position: 0 360px;
    padding-top: 456px;
  }

  33.33333% {
    background-position: 0 384px;
    padding-top: 480px;
  }

  36.66667% {
    background-position: 0 408px;
    padding-top: 504px;
  }

  40% {
    background-position: 0 432px;
    padding-top: 528px;
  }

  43.33333% {
    background-position: 0 456px;
    padding-top: 552px;
  }

  46.66667% {
    background-position: 0 480px;
    padding-top: 576px;
  }

  50% {
    background-position: 0 504px;
    padding-top: 600px;
  }

  53.33333% {
    background-position: 0 528px;
    padding-top: 624px;
  }

  56.66667% {
    background-position: 0 552px;
    padding-top: 648px;
  }

  60% {
    background-position: 0 576px;
    padding-top: 672px;
  }

  63.33333% {
    background-position: 0 600px;
    padding-top: 696px;
  }

  66.66667% {
    background-position: 0 -96px;
    padding-top: 0px;
  }

  70% {
    background-position: 0 -72px;
    padding-top: 24px;
  }

  73.33333% {
    background-position: 0 -48px;
    padding-top: 48px;
  }

  76.66667% {
    background-position: 0 -24px;
    padding-top: 72px;
  }

  80% {
    background-position: 0 0px;
    padding-top: 96px;
  }

  83.33333% {
    background-position: 0 24px;
    padding-top: 120px;
  }

  86.66667% {
    background-position: 0 48px;
    padding-top: 144px;
  }

  90% {
    background-position: 0 72px;
    padding-top: 168px;
  }

  93.33333% {
    background-position: 0 96px;
    padding-top: 192px;
  }

  96.66667% {
    background-position: 0 120px;
    padding-top: 216px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(25):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 120px, #1a122f 120px, #1a122f 720px) 0 72px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 192px;
  overflow: hidden;
  -webkit-animation: 2400ms column-25 infinite steps(1, start);
}

@-webkit-keyframes column-25 {
  0% {
    background-position: 0 72px;
    padding-top: 192px;
  }

  3.33333% {
    background-position: 0 96px;
    padding-top: 216px;
  }

  6.66667% {
    background-position: 0 120px;
    padding-top: 240px;
  }

  10% {
    background-position: 0 144px;
    padding-top: 264px;
  }

  13.33333% {
    background-position: 0 168px;
    padding-top: 288px;
  }

  16.66667% {
    background-position: 0 192px;
    padding-top: 312px;
  }

  20% {
    background-position: 0 216px;
    padding-top: 336px;
  }

  23.33333% {
    background-position: 0 240px;
    padding-top: 360px;
  }

  26.66667% {
    background-position: 0 264px;
    padding-top: 384px;
  }

  30% {
    background-position: 0 288px;
    padding-top: 408px;
  }

  33.33333% {
    background-position: 0 312px;
    padding-top: 432px;
  }

  36.66667% {
    background-position: 0 336px;
    padding-top: 456px;
  }

  40% {
    background-position: 0 360px;
    padding-top: 480px;
  }

  43.33333% {
    background-position: 0 384px;
    padding-top: 504px;
  }

  46.66667% {
    background-position: 0 408px;
    padding-top: 528px;
  }

  50% {
    background-position: 0 432px;
    padding-top: 552px;
  }

  53.33333% {
    background-position: 0 456px;
    padding-top: 576px;
  }

  56.66667% {
    background-position: 0 480px;
    padding-top: 600px;
  }

  60% {
    background-position: 0 504px;
    padding-top: 624px;
  }

  63.33333% {
    background-position: 0 528px;
    padding-top: 648px;
  }

  66.66667% {
    background-position: 0 552px;
    padding-top: 672px;
  }

  70% {
    background-position: 0 576px;
    padding-top: 696px;
  }

  73.33333% {
    background-position: 0 -120px;
    padding-top: 0px;
  }

  76.66667% {
    background-position: 0 -96px;
    padding-top: 24px;
  }

  80% {
    background-position: 0 -72px;
    padding-top: 48px;
  }

  83.33333% {
    background-position: 0 -48px;
    padding-top: 72px;
  }

  86.66667% {
    background-position: 0 -24px;
    padding-top: 96px;
  }

  90% {
    background-position: 0 0px;
    padding-top: 120px;
  }

  93.33333% {
    background-position: 0 24px;
    padding-top: 144px;
  }

  96.66667% {
    background-position: 0 48px;
    padding-top: 168px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(26):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 216px, #1a122f 216px, #1a122f 720px) 0 -144px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 72px;
  overflow: hidden;
  -webkit-animation: 2400ms column-26 infinite steps(1, start);
}

@-webkit-keyframes column-26 {
  0% {
    background-position: 0 -144px;
    padding-top: 72px;
  }

  3.33333% {
    background-position: 0 -120px;
    padding-top: 96px;
  }

  6.66667% {
    background-position: 0 -96px;
    padding-top: 120px;
  }

  10% {
    background-position: 0 -72px;
    padding-top: 144px;
  }

  13.33333% {
    background-position: 0 -48px;
    padding-top: 168px;
  }

  16.66667% {
    background-position: 0 -24px;
    padding-top: 192px;
  }

  20% {
    background-position: 0 0px;
    padding-top: 216px;
  }

  23.33333% {
    background-position: 0 24px;
    padding-top: 240px;
  }

  26.66667% {
    background-position: 0 48px;
    padding-top: 264px;
  }

  30% {
    background-position: 0 72px;
    padding-top: 288px;
  }

  33.33333% {
    background-position: 0 96px;
    padding-top: 312px;
  }

  36.66667% {
    background-position: 0 120px;
    padding-top: 336px;
  }

  40% {
    background-position: 0 144px;
    padding-top: 360px;
  }

  43.33333% {
    background-position: 0 168px;
    padding-top: 384px;
  }

  46.66667% {
    background-position: 0 192px;
    padding-top: 408px;
  }

  50% {
    background-position: 0 216px;
    padding-top: 432px;
  }

  53.33333% {
    background-position: 0 240px;
    padding-top: 456px;
  }

  56.66667% {
    background-position: 0 264px;
    padding-top: 480px;
  }

  60% {
    background-position: 0 288px;
    padding-top: 504px;
  }

  63.33333% {
    background-position: 0 312px;
    padding-top: 528px;
  }

  66.66667% {
    background-position: 0 336px;
    padding-top: 552px;
  }

  70% {
    background-position: 0 360px;
    padding-top: 576px;
  }

  73.33333% {
    background-position: 0 384px;
    padding-top: 600px;
  }

  76.66667% {
    background-position: 0 408px;
    padding-top: 624px;
  }

  80% {
    background-position: 0 432px;
    padding-top: 648px;
  }

  83.33333% {
    background-position: 0 456px;
    padding-top: 672px;
  }

  86.66667% {
    background-position: 0 480px;
    padding-top: 696px;
  }

  90% {
    background-position: 0 -216px;
    padding-top: 0px;
  }

  93.33333% {
    background-position: 0 -192px;
    padding-top: 24px;
  }

  96.66667% {
    background-position: 0 -168px;
    padding-top: 48px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(27):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 216px, #1a122f 216px, #1a122f 720px) 0 288px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 504px;
  overflow: hidden;
  -webkit-animation: 2400ms column-27 infinite steps(1, start);
}

@-webkit-keyframes column-27 {
  0% {
    background-position: 0 288px;
    padding-top: 504px;
  }

  3.33333% {
    background-position: 0 312px;
    padding-top: 528px;
  }

  6.66667% {
    background-position: 0 336px;
    padding-top: 552px;
  }

  10% {
    background-position: 0 360px;
    padding-top: 576px;
  }

  13.33333% {
    background-position: 0 384px;
    padding-top: 600px;
  }

  16.66667% {
    background-position: 0 408px;
    padding-top: 624px;
  }

  20% {
    background-position: 0 432px;
    padding-top: 648px;
  }

  23.33333% {
    background-position: 0 456px;
    padding-top: 672px;
  }

  26.66667% {
    background-position: 0 480px;
    padding-top: 696px;
  }

  30% {
    background-position: 0 -216px;
    padding-top: 0px;
  }

  33.33333% {
    background-position: 0 -192px;
    padding-top: 24px;
  }

  36.66667% {
    background-position: 0 -168px;
    padding-top: 48px;
  }

  40% {
    background-position: 0 -144px;
    padding-top: 72px;
  }

  43.33333% {
    background-position: 0 -120px;
    padding-top: 96px;
  }

  46.66667% {
    background-position: 0 -96px;
    padding-top: 120px;
  }

  50% {
    background-position: 0 -72px;
    padding-top: 144px;
  }

  53.33333% {
    background-position: 0 -48px;
    padding-top: 168px;
  }

  56.66667% {
    background-position: 0 -24px;
    padding-top: 192px;
  }

  60% {
    background-position: 0 0px;
    padding-top: 216px;
  }

  63.33333% {
    background-position: 0 24px;
    padding-top: 240px;
  }

  66.66667% {
    background-position: 0 48px;
    padding-top: 264px;
  }

  70% {
    background-position: 0 72px;
    padding-top: 288px;
  }

  73.33333% {
    background-position: 0 96px;
    padding-top: 312px;
  }

  76.66667% {
    background-position: 0 120px;
    padding-top: 336px;
  }

  80% {
    background-position: 0 144px;
    padding-top: 360px;
  }

  83.33333% {
    background-position: 0 168px;
    padding-top: 384px;
  }

  86.66667% {
    background-position: 0 192px;
    padding-top: 408px;
  }

  90% {
    background-position: 0 216px;
    padding-top: 432px;
  }

  93.33333% {
    background-position: 0 240px;
    padding-top: 456px;
  }

  96.66667% {
    background-position: 0 264px;
    padding-top: 480px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(28):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 192px, #1a122f 192px, #1a122f 720px) 0 216px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 408px;
  overflow: hidden;
  -webkit-animation: 2400ms column-28 infinite steps(1, start);
}

@-webkit-keyframes column-28 {
  0% {
    background-position: 0 216px;
    padding-top: 408px;
  }

  3.33333% {
    background-position: 0 240px;
    padding-top: 432px;
  }

  6.66667% {
    background-position: 0 264px;
    padding-top: 456px;
  }

  10% {
    background-position: 0 288px;
    padding-top: 480px;
  }

  13.33333% {
    background-position: 0 312px;
    padding-top: 504px;
  }

  16.66667% {
    background-position: 0 336px;
    padding-top: 528px;
  }

  20% {
    background-position: 0 360px;
    padding-top: 552px;
  }

  23.33333% {
    background-position: 0 384px;
    padding-top: 576px;
  }

  26.66667% {
    background-position: 0 408px;
    padding-top: 600px;
  }

  30% {
    background-position: 0 432px;
    padding-top: 624px;
  }

  33.33333% {
    background-position: 0 456px;
    padding-top: 648px;
  }

  36.66667% {
    background-position: 0 480px;
    padding-top: 672px;
  }

  40% {
    background-position: 0 504px;
    padding-top: 696px;
  }

  43.33333% {
    background-position: 0 -192px;
    padding-top: 0px;
  }

  46.66667% {
    background-position: 0 -168px;
    padding-top: 24px;
  }

  50% {
    background-position: 0 -144px;
    padding-top: 48px;
  }

  53.33333% {
    background-position: 0 -120px;
    padding-top: 72px;
  }

  56.66667% {
    background-position: 0 -96px;
    padding-top: 96px;
  }

  60% {
    background-position: 0 -72px;
    padding-top: 120px;
  }

  63.33333% {
    background-position: 0 -48px;
    padding-top: 144px;
  }

  66.66667% {
    background-position: 0 -24px;
    padding-top: 168px;
  }

  70% {
    background-position: 0 0px;
    padding-top: 192px;
  }

  73.33333% {
    background-position: 0 24px;
    padding-top: 216px;
  }

  76.66667% {
    background-position: 0 48px;
    padding-top: 240px;
  }

  80% {
    background-position: 0 72px;
    padding-top: 264px;
  }

  83.33333% {
    background-position: 0 96px;
    padding-top: 288px;
  }

  86.66667% {
    background-position: 0 120px;
    padding-top: 312px;
  }

  90% {
    background-position: 0 144px;
    padding-top: 336px;
  }

  93.33333% {
    background-position: 0 168px;
    padding-top: 360px;
  }

  96.66667% {
    background-position: 0 192px;
    padding-top: 384px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(29):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 288px, #1a122f 288px, #1a122f 720px) 0 192px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 480px;
  overflow: hidden;
  -webkit-animation: 2400ms column-29 infinite steps(1, start);
}

@-webkit-keyframes column-29 {
  0% {
    background-position: 0 192px;
    padding-top: 480px;
  }

  3.33333% {
    background-position: 0 216px;
    padding-top: 504px;
  }

  6.66667% {
    background-position: 0 240px;
    padding-top: 528px;
  }

  10% {
    background-position: 0 264px;
    padding-top: 552px;
  }

  13.33333% {
    background-position: 0 288px;
    padding-top: 576px;
  }

  16.66667% {
    background-position: 0 312px;
    padding-top: 600px;
  }

  20% {
    background-position: 0 336px;
    padding-top: 624px;
  }

  23.33333% {
    background-position: 0 360px;
    padding-top: 648px;
  }

  26.66667% {
    background-position: 0 384px;
    padding-top: 672px;
  }

  30% {
    background-position: 0 408px;
    padding-top: 696px;
  }

  33.33333% {
    background-position: 0 -288px;
    padding-top: 0px;
  }

  36.66667% {
    background-position: 0 -264px;
    padding-top: 24px;
  }

  40% {
    background-position: 0 -240px;
    padding-top: 48px;
  }

  43.33333% {
    background-position: 0 -216px;
    padding-top: 72px;
  }

  46.66667% {
    background-position: 0 -192px;
    padding-top: 96px;
  }

  50% {
    background-position: 0 -168px;
    padding-top: 120px;
  }

  53.33333% {
    background-position: 0 -144px;
    padding-top: 144px;
  }

  56.66667% {
    background-position: 0 -120px;
    padding-top: 168px;
  }

  60% {
    background-position: 0 -96px;
    padding-top: 192px;
  }

  63.33333% {
    background-position: 0 -72px;
    padding-top: 216px;
  }

  66.66667% {
    background-position: 0 -48px;
    padding-top: 240px;
  }

  70% {
    background-position: 0 -24px;
    padding-top: 264px;
  }

  73.33333% {
    background-position: 0 0px;
    padding-top: 288px;
  }

  76.66667% {
    background-position: 0 24px;
    padding-top: 312px;
  }

  80% {
    background-position: 0 48px;
    padding-top: 336px;
  }

  83.33333% {
    background-position: 0 72px;
    padding-top: 360px;
  }

  86.66667% {
    background-position: 0 96px;
    padding-top: 384px;
  }

  90% {
    background-position: 0 120px;
    padding-top: 408px;
  }

  93.33333% {
    background-position: 0 144px;
    padding-top: 432px;
  }

  96.66667% {
    background-position: 0 168px;
    padding-top: 456px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(30):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 96px, #1a122f 96px, #1a122f 720px) 0 192px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 288px;
  overflow: hidden;
  -webkit-animation: 2400ms column-30 infinite steps(1, start);
}

@-webkit-keyframes column-30 {
  0% {
    background-position: 0 192px;
    padding-top: 288px;
  }

  3.33333% {
    background-position: 0 216px;
    padding-top: 312px;
  }

  6.66667% {
    background-position: 0 240px;
    padding-top: 336px;
  }

  10% {
    background-position: 0 264px;
    padding-top: 360px;
  }

  13.33333% {
    background-position: 0 288px;
    padding-top: 384px;
  }

  16.66667% {
    background-position: 0 312px;
    padding-top: 408px;
  }

  20% {
    background-position: 0 336px;
    padding-top: 432px;
  }

  23.33333% {
    background-position: 0 360px;
    padding-top: 456px;
  }

  26.66667% {
    background-position: 0 384px;
    padding-top: 480px;
  }

  30% {
    background-position: 0 408px;
    padding-top: 504px;
  }

  33.33333% {
    background-position: 0 432px;
    padding-top: 528px;
  }

  36.66667% {
    background-position: 0 456px;
    padding-top: 552px;
  }

  40% {
    background-position: 0 480px;
    padding-top: 576px;
  }

  43.33333% {
    background-position: 0 504px;
    padding-top: 600px;
  }

  46.66667% {
    background-position: 0 528px;
    padding-top: 624px;
  }

  50% {
    background-position: 0 552px;
    padding-top: 648px;
  }

  53.33333% {
    background-position: 0 576px;
    padding-top: 672px;
  }

  56.66667% {
    background-position: 0 600px;
    padding-top: 696px;
  }

  60% {
    background-position: 0 -96px;
    padding-top: 0px;
  }

  63.33333% {
    background-position: 0 -72px;
    padding-top: 24px;
  }

  66.66667% {
    background-position: 0 -48px;
    padding-top: 48px;
  }

  70% {
    background-position: 0 -24px;
    padding-top: 72px;
  }

  73.33333% {
    background-position: 0 0px;
    padding-top: 96px;
  }

  76.66667% {
    background-position: 0 24px;
    padding-top: 120px;
  }

  80% {
    background-position: 0 48px;
    padding-top: 144px;
  }

  83.33333% {
    background-position: 0 72px;
    padding-top: 168px;
  }

  86.66667% {
    background-position: 0 96px;
    padding-top: 192px;
  }

  90% {
    background-position: 0 120px;
    padding-top: 216px;
  }

  93.33333% {
    background-position: 0 144px;
    padding-top: 240px;
  }

  96.66667% {
    background-position: 0 168px;
    padding-top: 264px;
  }
}
.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: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(31):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 528px, #1a122f 528px, #1a122f 720px) 0 120px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 648px;
  overflow: hidden;
  -webkit-animation: 2400ms column-31 infinite steps(1, start);
}

@-webkit-keyframes column-31 {
  0% {
    background-position: 0 120px;
    padding-top: 648px;
  }

  3.33333% {
    background-position: 0 144px;
    padding-top: 672px;
  }

  6.66667% {
    background-position: 0 168px;
    padding-top: 696px;
  }

  10% {
    background-position: 0 -528px;
    padding-top: 0px;
  }

  13.33333% {
    background-position: 0 -504px;
    padding-top: 24px;
  }

  16.66667% {
    background-position: 0 -480px;
    padding-top: 48px;
  }

  20% {
    background-position: 0 -456px;
    padding-top: 72px;
  }

  23.33333% {
    background-position: 0 -432px;
    padding-top: 96px;
  }

  26.66667% {
    background-position: 0 -408px;
    padding-top: 120px;
  }

  30% {
    background-position: 0 -384px;
    padding-top: 144px;
  }

  33.33333% {
    background-position: 0 -360px;
    padding-top: 168px;
  }

  36.66667% {
    background-position: 0 -336px;
    padding-top: 192px;
  }

  40% {
    background-position: 0 -312px;
    padding-top: 216px;
  }

  43.33333% {
    background-position: 0 -288px;
    padding-top: 240px;
  }

  46.66667% {
    background-position: 0 -264px;
    padding-top: 264px;
  }

  50% {
    background-position: 0 -240px;
    padding-top: 288px;
  }

  53.33333% {
    background-position: 0 -216px;
    padding-top: 312px;
  }

  56.66667% {
    background-position: 0 -192px;
    padding-top: 336px;
  }

  60% {
    background-position: 0 -168px;
    padding-top: 360px;
  }

  63.33333% {
    background-position: 0 -144px;
    padding-top: 384px;
  }

  66.66667% {
    background-position: 0 -120px;
    padding-top: 408px;
  }

  70% {
    background-position: 0 -96px;
    padding-top: 432px;
  }

  73.33333% {
    background-position: 0 -72px;
    padding-top: 456px;
  }

  76.66667% {
    background-position: 0 -48px;
    padding-top: 480px;
  }

  80% {
    background-position: 0 -24px;
    padding-top: 504px;
  }

  83.33333% {
    background-position: 0 0px;
    padding-top: 528px;
  }

  86.66667% {
    background-position: 0 24px;
    padding-top: 552px;
  }

  90% {
    background-position: 0 48px;
    padding-top: 576px;
  }

  93.33333% {
    background-position: 0 72px;
    padding-top: 600px;
  }

  96.66667% {
    background-position: 0 96px;
    padding-top: 624px;
  }
}
.matrix li:nth-child(32) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(32):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(32):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 648px, #1a122f 648px, #1a122f 720px) 0 -648px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 0px;
  overflow: hidden;
  -webkit-animation: 2400ms column-32 infinite steps(1, start);
}

@-webkit-keyframes column-32 {
  0% {
    background-position: 0 -648px;
    padding-top: 0px;
  }

  3.33333% {
    background-position: 0 -624px;
    padding-top: 24px;
  }

  6.66667% {
    background-position: 0 -600px;
    padding-top: 48px;
  }

  10% {
    background-position: 0 -576px;
    padding-top: 72px;
  }

  13.33333% {
    background-position: 0 -552px;
    padding-top: 96px;
  }

  16.66667% {
    background-position: 0 -528px;
    padding-top: 120px;
  }

  20% {
    background-position: 0 -504px;
    padding-top: 144px;
  }

  23.33333% {
    background-position: 0 -480px;
    padding-top: 168px;
  }

  26.66667% {
    background-position: 0 -456px;
    padding-top: 192px;
  }

  30% {
    background-position: 0 -432px;
    padding-top: 216px;
  }

  33.33333% {
    background-position: 0 -408px;
    padding-top: 240px;
  }

  36.66667% {
    background-position: 0 -384px;
    padding-top: 264px;
  }

  40% {
    background-position: 0 -360px;
    padding-top: 288px;
  }

  43.33333% {
    background-position: 0 -336px;
    padding-top: 312px;
  }

  46.66667% {
    background-position: 0 -312px;
    padding-top: 336px;
  }

  50% {
    background-position: 0 -288px;
    padding-top: 360px;
  }

  53.33333% {
    background-position: 0 -264px;
    padding-top: 384px;
  }

  56.66667% {
    background-position: 0 -240px;
    padding-top: 408px;
  }

  60% {
    background-position: 0 -216px;
    padding-top: 432px;
  }

  63.33333% {
    background-position: 0 -192px;
    padding-top: 456px;
  }

  66.66667% {
    background-position: 0 -168px;
    padding-top: 480px;
  }

  70% {
    background-position: 0 -144px;
    padding-top: 504px;
  }

  73.33333% {
    background-position: 0 -120px;
    padding-top: 528px;
  }

  76.66667% {
    background-position: 0 -96px;
    padding-top: 552px;
  }

  80% {
    background-position: 0 -72px;
    padding-top: 576px;
  }

  83.33333% {
    background-position: 0 -48px;
    padding-top: 600px;
  }

  86.66667% {
    background-position: 0 -24px;
    padding-top: 624px;
  }

  90% {
    background-position: 0 0px;
    padding-top: 648px;
  }

  93.33333% {
    background-position: 0 24px;
    padding-top: 672px;
  }

  96.66667% {
    background-position: 0 48px;
    padding-top: 696px;
  }
}
.matrix li:nth-child(33) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(33):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(33):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 72px, #1a122f 72px, #1a122f 720px) 0 528px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 600px;
  overflow: hidden;
  -webkit-animation: 2400ms column-33 infinite steps(1, start);
}

@-webkit-keyframes column-33 {
  0% {
    background-position: 0 528px;
    padding-top: 600px;
  }

  3.33333% {
    background-position: 0 552px;
    padding-top: 624px;
  }

  6.66667% {
    background-position: 0 576px;
    padding-top: 648px;
  }

  10% {
    background-position: 0 600px;
    padding-top: 672px;
  }

  13.33333% {
    background-position: 0 624px;
    padding-top: 696px;
  }

  16.66667% {
    background-position: 0 -72px;
    padding-top: 0px;
  }

  20% {
    background-position: 0 -48px;
    padding-top: 24px;
  }

  23.33333% {
    background-position: 0 -24px;
    padding-top: 48px;
  }

  26.66667% {
    background-position: 0 0px;
    padding-top: 72px;
  }

  30% {
    background-position: 0 24px;
    padding-top: 96px;
  }

  33.33333% {
    background-position: 0 48px;
    padding-top: 120px;
  }

  36.66667% {
    background-position: 0 72px;
    padding-top: 144px;
  }

  40% {
    background-position: 0 96px;
    padding-top: 168px;
  }

  43.33333% {
    background-position: 0 120px;
    padding-top: 192px;
  }

  46.66667% {
    background-position: 0 144px;
    padding-top: 216px;
  }

  50% {
    background-position: 0 168px;
    padding-top: 240px;
  }

  53.33333% {
    background-position: 0 192px;
    padding-top: 264px;
  }

  56.66667% {
    background-position: 0 216px;
    padding-top: 288px;
  }

  60% {
    background-position: 0 240px;
    padding-top: 312px;
  }

  63.33333% {
    background-position: 0 264px;
    padding-top: 336px;
  }

  66.66667% {
    background-position: 0 288px;
    padding-top: 360px;
  }

  70% {
    background-position: 0 312px;
    padding-top: 384px;
  }

  73.33333% {
    background-position: 0 336px;
    padding-top: 408px;
  }

  76.66667% {
    background-position: 0 360px;
    padding-top: 432px;
  }

  80% {
    background-position: 0 384px;
    padding-top: 456px;
  }

  83.33333% {
    background-position: 0 408px;
    padding-top: 480px;
  }

  86.66667% {
    background-position: 0 432px;
    padding-top: 504px;
  }

  90% {
    background-position: 0 456px;
    padding-top: 528px;
  }

  93.33333% {
    background-position: 0 480px;
    padding-top: 552px;
  }

  96.66667% {
    background-position: 0 504px;
    padding-top: 576px;
  }
}
.matrix li:nth-child(34) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(34):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(34):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 408px, #1a122f 408px, #1a122f 720px) 0 144px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 552px;
  overflow: hidden;
  -webkit-animation: 2400ms column-34 infinite steps(1, start);
}

@-webkit-keyframes column-34 {
  0% {
    background-position: 0 144px;
    padding-top: 552px;
  }

  3.33333% {
    background-position: 0 168px;
    padding-top: 576px;
  }

  6.66667% {
    background-position: 0 192px;
    padding-top: 600px;
  }

  10% {
    background-position: 0 216px;
    padding-top: 624px;
  }

  13.33333% {
    background-position: 0 240px;
    padding-top: 648px;
  }

  16.66667% {
    background-position: 0 264px;
    padding-top: 672px;
  }

  20% {
    background-position: 0 288px;
    padding-top: 696px;
  }

  23.33333% {
    background-position: 0 -408px;
    padding-top: 0px;
  }

  26.66667% {
    background-position: 0 -384px;
    padding-top: 24px;
  }

  30% {
    background-position: 0 -360px;
    padding-top: 48px;
  }

  33.33333% {
    background-position: 0 -336px;
    padding-top: 72px;
  }

  36.66667% {
    background-position: 0 -312px;
    padding-top: 96px;
  }

  40% {
    background-position: 0 -288px;
    padding-top: 120px;
  }

  43.33333% {
    background-position: 0 -264px;
    padding-top: 144px;
  }

  46.66667% {
    background-position: 0 -240px;
    padding-top: 168px;
  }

  50% {
    background-position: 0 -216px;
    padding-top: 192px;
  }

  53.33333% {
    background-position: 0 -192px;
    padding-top: 216px;
  }

  56.66667% {
    background-position: 0 -168px;
    padding-top: 240px;
  }

  60% {
    background-position: 0 -144px;
    padding-top: 264px;
  }

  63.33333% {
    background-position: 0 -120px;
    padding-top: 288px;
  }

  66.66667% {
    background-position: 0 -96px;
    padding-top: 312px;
  }

  70% {
    background-position: 0 -72px;
    padding-top: 336px;
  }

  73.33333% {
    background-position: 0 -48px;
    padding-top: 360px;
  }

  76.66667% {
    background-position: 0 -24px;
    padding-top: 384px;
  }

  80% {
    background-position: 0 0px;
    padding-top: 408px;
  }

  83.33333% {
    background-position: 0 24px;
    padding-top: 432px;
  }

  86.66667% {
    background-position: 0 48px;
    padding-top: 456px;
  }

  90% {
    background-position: 0 72px;
    padding-top: 480px;
  }

  93.33333% {
    background-position: 0 96px;
    padding-top: 504px;
  }

  96.66667% {
    background-position: 0 120px;
    padding-top: 528px;
  }
}
.matrix li:nth-child(35) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(35):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(35):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 192px, #1a122f 192px, #1a122f 720px) 0 240px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 432px;
  overflow: hidden;
  -webkit-animation: 2400ms column-35 infinite steps(1, start);
}

@-webkit-keyframes column-35 {
  0% {
    background-position: 0 240px;
    padding-top: 432px;
  }

  3.33333% {
    background-position: 0 264px;
    padding-top: 456px;
  }

  6.66667% {
    background-position: 0 288px;
    padding-top: 480px;
  }

  10% {
    background-position: 0 312px;
    padding-top: 504px;
  }

  13.33333% {
    background-position: 0 336px;
    padding-top: 528px;
  }

  16.66667% {
    background-position: 0 360px;
    padding-top: 552px;
  }

  20% {
    background-position: 0 384px;
    padding-top: 576px;
  }

  23.33333% {
    background-position: 0 408px;
    padding-top: 600px;
  }

  26.66667% {
    background-position: 0 432px;
    padding-top: 624px;
  }

  30% {
    background-position: 0 456px;
    padding-top: 648px;
  }

  33.33333% {
    background-position: 0 480px;
    padding-top: 672px;
  }

  36.66667% {
    background-position: 0 504px;
    padding-top: 696px;
  }

  40% {
    background-position: 0 -192px;
    padding-top: 0px;
  }

  43.33333% {
    background-position: 0 -168px;
    padding-top: 24px;
  }

  46.66667% {
    background-position: 0 -144px;
    padding-top: 48px;
  }

  50% {
    background-position: 0 -120px;
    padding-top: 72px;
  }

  53.33333% {
    background-position: 0 -96px;
    padding-top: 96px;
  }

  56.66667% {
    background-position: 0 -72px;
    padding-top: 120px;
  }

  60% {
    background-position: 0 -48px;
    padding-top: 144px;
  }

  63.33333% {
    background-position: 0 -24px;
    padding-top: 168px;
  }

  66.66667% {
    background-position: 0 0px;
    padding-top: 192px;
  }

  70% {
    background-position: 0 24px;
    padding-top: 216px;
  }

  73.33333% {
    background-position: 0 48px;
    padding-top: 240px;
  }

  76.66667% {
    background-position: 0 72px;
    padding-top: 264px;
  }

  80% {
    background-position: 0 96px;
    padding-top: 288px;
  }

  83.33333% {
    background-position: 0 120px;
    padding-top: 312px;
  }

  86.66667% {
    background-position: 0 144px;
    padding-top: 336px;
  }

  90% {
    background-position: 0 168px;
    padding-top: 360px;
  }

  93.33333% {
    background-position: 0 192px;
    padding-top: 384px;
  }

  96.66667% {
    background-position: 0 216px;
    padding-top: 408px;
  }
}
.matrix li:nth-child(36) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(36):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(36):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 384px, #1a122f 384px, #1a122f 720px) 0 -384px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 0px;
  overflow: hidden;
  -webkit-animation: 2400ms column-36 infinite steps(1, start);
}

@-webkit-keyframes column-36 {
  0% {
    background-position: 0 -384px;
    padding-top: 0px;
  }

  3.33333% {
    background-position: 0 -360px;
    padding-top: 24px;
  }

  6.66667% {
    background-position: 0 -336px;
    padding-top: 48px;
  }

  10% {
    background-position: 0 -312px;
    padding-top: 72px;
  }

  13.33333% {
    background-position: 0 -288px;
    padding-top: 96px;
  }

  16.66667% {
    background-position: 0 -264px;
    padding-top: 120px;
  }

  20% {
    background-position: 0 -240px;
    padding-top: 144px;
  }

  23.33333% {
    background-position: 0 -216px;
    padding-top: 168px;
  }

  26.66667% {
    background-position: 0 -192px;
    padding-top: 192px;
  }

  30% {
    background-position: 0 -168px;
    padding-top: 216px;
  }

  33.33333% {
    background-position: 0 -144px;
    padding-top: 240px;
  }

  36.66667% {
    background-position: 0 -120px;
    padding-top: 264px;
  }

  40% {
    background-position: 0 -96px;
    padding-top: 288px;
  }

  43.33333% {
    background-position: 0 -72px;
    padding-top: 312px;
  }

  46.66667% {
    background-position: 0 -48px;
    padding-top: 336px;
  }

  50% {
    background-position: 0 -24px;
    padding-top: 360px;
  }

  53.33333% {
    background-position: 0 0px;
    padding-top: 384px;
  }

  56.66667% {
    background-position: 0 24px;
    padding-top: 408px;
  }

  60% {
    background-position: 0 48px;
    padding-top: 432px;
  }

  63.33333% {
    background-position: 0 72px;
    padding-top: 456px;
  }

  66.66667% {
    background-position: 0 96px;
    padding-top: 480px;
  }

  70% {
    background-position: 0 120px;
    padding-top: 504px;
  }

  73.33333% {
    background-position: 0 144px;
    padding-top: 528px;
  }

  76.66667% {
    background-position: 0 168px;
    padding-top: 552px;
  }

  80% {
    background-position: 0 192px;
    padding-top: 576px;
  }

  83.33333% {
    background-position: 0 216px;
    padding-top: 600px;
  }

  86.66667% {
    background-position: 0 240px;
    padding-top: 624px;
  }

  90% {
    background-position: 0 264px;
    padding-top: 648px;
  }

  93.33333% {
    background-position: 0 288px;
    padding-top: 672px;
  }

  96.66667% {
    background-position: 0 312px;
    padding-top: 696px;
  }
}
.matrix li:nth-child(37) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(37):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(37):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 600px, #1a122f 600px, #1a122f 720px) 0 -168px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 432px;
  overflow: hidden;
  -webkit-animation: 2400ms column-37 infinite steps(1, start);
}

@-webkit-keyframes column-37 {
  0% {
    background-position: 0 -168px;
    padding-top: 432px;
  }

  3.33333% {
    background-position: 0 -144px;
    padding-top: 456px;
  }

  6.66667% {
    background-position: 0 -120px;
    padding-top: 480px;
  }

  10% {
    background-position: 0 -96px;
    padding-top: 504px;
  }

  13.33333% {
    background-position: 0 -72px;
    padding-top: 528px;
  }

  16.66667% {
    background-position: 0 -48px;
    padding-top: 552px;
  }

  20% {
    background-position: 0 -24px;
    padding-top: 576px;
  }

  23.33333% {
    background-position: 0 0px;
    padding-top: 600px;
  }

  26.66667% {
    background-position: 0 24px;
    padding-top: 624px;
  }

  30% {
    background-position: 0 48px;
    padding-top: 648px;
  }

  33.33333% {
    background-position: 0 72px;
    padding-top: 672px;
  }

  36.66667% {
    background-position: 0 96px;
    padding-top: 696px;
  }

  40% {
    background-position: 0 -600px;
    padding-top: 0px;
  }

  43.33333% {
    background-position: 0 -576px;
    padding-top: 24px;
  }

  46.66667% {
    background-position: 0 -552px;
    padding-top: 48px;
  }

  50% {
    background-position: 0 -528px;
    padding-top: 72px;
  }

  53.33333% {
    background-position: 0 -504px;
    padding-top: 96px;
  }

  56.66667% {
    background-position: 0 -480px;
    padding-top: 120px;
  }

  60% {
    background-position: 0 -456px;
    padding-top: 144px;
  }

  63.33333% {
    background-position: 0 -432px;
    padding-top: 168px;
  }

  66.66667% {
    background-position: 0 -408px;
    padding-top: 192px;
  }

  70% {
    background-position: 0 -384px;
    padding-top: 216px;
  }

  73.33333% {
    background-position: 0 -360px;
    padding-top: 240px;
  }

  76.66667% {
    background-position: 0 -336px;
    padding-top: 264px;
  }

  80% {
    background-position: 0 -312px;
    padding-top: 288px;
  }

  83.33333% {
    background-position: 0 -288px;
    padding-top: 312px;
  }

  86.66667% {
    background-position: 0 -264px;
    padding-top: 336px;
  }

  90% {
    background-position: 0 -240px;
    padding-top: 360px;
  }

  93.33333% {
    background-position: 0 -216px;
    padding-top: 384px;
  }

  96.66667% {
    background-position: 0 -192px;
    padding-top: 408px;
  }
}
.matrix li:nth-child(38) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(38):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(38):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 216px, #1a122f 216px, #1a122f 720px) 0 0px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 216px;
  overflow: hidden;
  -webkit-animation: 2400ms column-38 infinite steps(1, start);
}

@-webkit-keyframes column-38 {
  0% {
    background-position: 0 0px;
    padding-top: 216px;
  }

  3.33333% {
    background-position: 0 24px;
    padding-top: 240px;
  }

  6.66667% {
    background-position: 0 48px;
    padding-top: 264px;
  }

  10% {
    background-position: 0 72px;
    padding-top: 288px;
  }

  13.33333% {
    background-position: 0 96px;
    padding-top: 312px;
  }

  16.66667% {
    background-position: 0 120px;
    padding-top: 336px;
  }

  20% {
    background-position: 0 144px;
    padding-top: 360px;
  }

  23.33333% {
    background-position: 0 168px;
    padding-top: 384px;
  }

  26.66667% {
    background-position: 0 192px;
    padding-top: 408px;
  }

  30% {
    background-position: 0 216px;
    padding-top: 432px;
  }

  33.33333% {
    background-position: 0 240px;
    padding-top: 456px;
  }

  36.66667% {
    background-position: 0 264px;
    padding-top: 480px;
  }

  40% {
    background-position: 0 288px;
    padding-top: 504px;
  }

  43.33333% {
    background-position: 0 312px;
    padding-top: 528px;
  }

  46.66667% {
    background-position: 0 336px;
    padding-top: 552px;
  }

  50% {
    background-position: 0 360px;
    padding-top: 576px;
  }

  53.33333% {
    background-position: 0 384px;
    padding-top: 600px;
  }

  56.66667% {
    background-position: 0 408px;
    padding-top: 624px;
  }

  60% {
    background-position: 0 432px;
    padding-top: 648px;
  }

  63.33333% {
    background-position: 0 456px;
    padding-top: 672px;
  }

  66.66667% {
    background-position: 0 480px;
    padding-top: 696px;
  }

  70% {
    background-position: 0 -216px;
    padding-top: 0px;
  }

  73.33333% {
    background-position: 0 -192px;
    padding-top: 24px;
  }

  76.66667% {
    background-position: 0 -168px;
    padding-top: 48px;
  }

  80% {
    background-position: 0 -144px;
    padding-top: 72px;
  }

  83.33333% {
    background-position: 0 -120px;
    padding-top: 96px;
  }

  86.66667% {
    background-position: 0 -96px;
    padding-top: 120px;
  }

  90% {
    background-position: 0 -72px;
    padding-top: 144px;
  }

  93.33333% {
    background-position: 0 -48px;
    padding-top: 168px;
  }

  96.66667% {
    background-position: 0 -24px;
    padding-top: 192px;
  }
}
.matrix li:nth-child(39) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(39):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(39):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 240px, #1a122f 240px, #1a122f 720px) 0 -144px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 96px;
  overflow: hidden;
  -webkit-animation: 2400ms column-39 infinite steps(1, start);
}

@-webkit-keyframes column-39 {
  0% {
    background-position: 0 -144px;
    padding-top: 96px;
  }

  3.33333% {
    background-position: 0 -120px;
    padding-top: 120px;
  }

  6.66667% {
    background-position: 0 -96px;
    padding-top: 144px;
  }

  10% {
    background-position: 0 -72px;
    padding-top: 168px;
  }

  13.33333% {
    background-position: 0 -48px;
    padding-top: 192px;
  }

  16.66667% {
    background-position: 0 -24px;
    padding-top: 216px;
  }

  20% {
    background-position: 0 0px;
    padding-top: 240px;
  }

  23.33333% {
    background-position: 0 24px;
    padding-top: 264px;
  }

  26.66667% {
    background-position: 0 48px;
    padding-top: 288px;
  }

  30% {
    background-position: 0 72px;
    padding-top: 312px;
  }

  33.33333% {
    background-position: 0 96px;
    padding-top: 336px;
  }

  36.66667% {
    background-position: 0 120px;
    padding-top: 360px;
  }

  40% {
    background-position: 0 144px;
    padding-top: 384px;
  }

  43.33333% {
    background-position: 0 168px;
    padding-top: 408px;
  }

  46.66667% {
    background-position: 0 192px;
    padding-top: 432px;
  }

  50% {
    background-position: 0 216px;
    padding-top: 456px;
  }

  53.33333% {
    background-position: 0 240px;
    padding-top: 480px;
  }

  56.66667% {
    background-position: 0 264px;
    padding-top: 504px;
  }

  60% {
    background-position: 0 288px;
    padding-top: 528px;
  }

  63.33333% {
    background-position: 0 312px;
    padding-top: 552px;
  }

  66.66667% {
    background-position: 0 336px;
    padding-top: 576px;
  }

  70% {
    background-position: 0 360px;
    padding-top: 600px;
  }

  73.33333% {
    background-position: 0 384px;
    padding-top: 624px;
  }

  76.66667% {
    background-position: 0 408px;
    padding-top: 648px;
  }

  80% {
    background-position: 0 432px;
    padding-top: 672px;
  }

  83.33333% {
    background-position: 0 456px;
    padding-top: 696px;
  }

  86.66667% {
    background-position: 0 -240px;
    padding-top: 0px;
  }

  90% {
    background-position: 0 -216px;
    padding-top: 24px;
  }

  93.33333% {
    background-position: 0 -192px;
    padding-top: 48px;
  }

  96.66667% {
    background-position: 0 -168px;
    padding-top: 72px;
  }
}
.matrix li:nth-child(40) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(40):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(40):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 264px, #1a122f 264px, #1a122f 720px) 0 -24px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 240px;
  overflow: hidden;
  -webkit-animation: 2400ms column-40 infinite steps(1, start);
}

@-webkit-keyframes column-40 {
  0% {
    background-position: 0 -24px;
    padding-top: 240px;
  }

  3.33333% {
    background-position: 0 0px;
    padding-top: 264px;
  }

  6.66667% {
    background-position: 0 24px;
    padding-top: 288px;
  }

  10% {
    background-position: 0 48px;
    padding-top: 312px;
  }

  13.33333% {
    background-position: 0 72px;
    padding-top: 336px;
  }

  16.66667% {
    background-position: 0 96px;
    padding-top: 360px;
  }

  20% {
    background-position: 0 120px;
    padding-top: 384px;
  }

  23.33333% {
    background-position: 0 144px;
    padding-top: 408px;
  }

  26.66667% {
    background-position: 0 168px;
    padding-top: 432px;
  }

  30% {
    background-position: 0 192px;
    padding-top: 456px;
  }

  33.33333% {
    background-position: 0 216px;
    padding-top: 480px;
  }

  36.66667% {
    background-position: 0 240px;
    padding-top: 504px;
  }

  40% {
    background-position: 0 264px;
    padding-top: 528px;
  }

  43.33333% {
    background-position: 0 288px;
    padding-top: 552px;
  }

  46.66667% {
    background-position: 0 312px;
    padding-top: 576px;
  }

  50% {
    background-position: 0 336px;
    padding-top: 600px;
  }

  53.33333% {
    background-position: 0 360px;
    padding-top: 624px;
  }

  56.66667% {
    background-position: 0 384px;
    padding-top: 648px;
  }

  60% {
    background-position: 0 408px;
    padding-top: 672px;
  }

  63.33333% {
    background-position: 0 432px;
    padding-top: 696px;
  }

  66.66667% {
    background-position: 0 -264px;
    padding-top: 0px;
  }

  70% {
    background-position: 0 -240px;
    padding-top: 24px;
  }

  73.33333% {
    background-position: 0 -216px;
    padding-top: 48px;
  }

  76.66667% {
    background-position: 0 -192px;
    padding-top: 72px;
  }

  80% {
    background-position: 0 -168px;
    padding-top: 96px;
  }

  83.33333% {
    background-position: 0 -144px;
    padding-top: 120px;
  }

  86.66667% {
    background-position: 0 -120px;
    padding-top: 144px;
  }

  90% {
    background-position: 0 -96px;
    padding-top: 168px;
  }

  93.33333% {
    background-position: 0 -72px;
    padding-top: 192px;
  }

  96.66667% {
    background-position: 0 -48px;
    padding-top: 216px;
  }
}
.matrix li:nth-child(41) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(41):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(41):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 672px, #1a122f 672px, #1a122f 720px) 0 -648px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 24px;
  overflow: hidden;
  -webkit-animation: 2400ms column-41 infinite steps(1, start);
}

@-webkit-keyframes column-41 {
  0% {
    background-position: 0 -648px;
    padding-top: 24px;
  }

  3.33333% {
    background-position: 0 -624px;
    padding-top: 48px;
  }

  6.66667% {
    background-position: 0 -600px;
    padding-top: 72px;
  }

  10% {
    background-position: 0 -576px;
    padding-top: 96px;
  }

  13.33333% {
    background-position: 0 -552px;
    padding-top: 120px;
  }

  16.66667% {
    background-position: 0 -528px;
    padding-top: 144px;
  }

  20% {
    background-position: 0 -504px;
    padding-top: 168px;
  }

  23.33333% {
    background-position: 0 -480px;
    padding-top: 192px;
  }

  26.66667% {
    background-position: 0 -456px;
    padding-top: 216px;
  }

  30% {
    background-position: 0 -432px;
    padding-top: 240px;
  }

  33.33333% {
    background-position: 0 -408px;
    padding-top: 264px;
  }

  36.66667% {
    background-position: 0 -384px;
    padding-top: 288px;
  }

  40% {
    background-position: 0 -360px;
    padding-top: 312px;
  }

  43.33333% {
    background-position: 0 -336px;
    padding-top: 336px;
  }

  46.66667% {
    background-position: 0 -312px;
    padding-top: 360px;
  }

  50% {
    background-position: 0 -288px;
    padding-top: 384px;
  }

  53.33333% {
    background-position: 0 -264px;
    padding-top: 408px;
  }

  56.66667% {
    background-position: 0 -240px;
    padding-top: 432px;
  }

  60% {
    background-position: 0 -216px;
    padding-top: 456px;
  }

  63.33333% {
    background-position: 0 -192px;
    padding-top: 480px;
  }

  66.66667% {
    background-position: 0 -168px;
    padding-top: 504px;
  }

  70% {
    background-position: 0 -144px;
    padding-top: 528px;
  }

  73.33333% {
    background-position: 0 -120px;
    padding-top: 552px;
  }

  76.66667% {
    background-position: 0 -96px;
    padding-top: 576px;
  }

  80% {
    background-position: 0 -72px;
    padding-top: 600px;
  }

  83.33333% {
    background-position: 0 -48px;
    padding-top: 624px;
  }

  86.66667% {
    background-position: 0 -24px;
    padding-top: 648px;
  }

  90% {
    background-position: 0 0px;
    padding-top: 672px;
  }

  93.33333% {
    background-position: 0 24px;
    padding-top: 696px;
  }

  96.66667% {
    background-position: 0 -672px;
    padding-top: 0px;
  }
}
.matrix li:nth-child(42) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(42):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(42):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 264px, #1a122f 264px, #1a122f 720px) 0 -24px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 240px;
  overflow: hidden;
  -webkit-animation: 2400ms column-42 infinite steps(1, start);
}

@-webkit-keyframes column-42 {
  0% {
    background-position: 0 -24px;
    padding-top: 240px;
  }

  3.33333% {
    background-position: 0 0px;
    padding-top: 264px;
  }

  6.66667% {
    background-position: 0 24px;
    padding-top: 288px;
  }

  10% {
    background-position: 0 48px;
    padding-top: 312px;
  }

  13.33333% {
    background-position: 0 72px;
    padding-top: 336px;
  }

  16.66667% {
    background-position: 0 96px;
    padding-top: 360px;
  }

  20% {
    background-position: 0 120px;
    padding-top: 384px;
  }

  23.33333% {
    background-position: 0 144px;
    padding-top: 408px;
  }

  26.66667% {
    background-position: 0 168px;
    padding-top: 432px;
  }

  30% {
    background-position: 0 192px;
    padding-top: 456px;
  }

  33.33333% {
    background-position: 0 216px;
    padding-top: 480px;
  }

  36.66667% {
    background-position: 0 240px;
    padding-top: 504px;
  }

  40% {
    background-position: 0 264px;
    padding-top: 528px;
  }

  43.33333% {
    background-position: 0 288px;
    padding-top: 552px;
  }

  46.66667% {
    background-position: 0 312px;
    padding-top: 576px;
  }

  50% {
    background-position: 0 336px;
    padding-top: 600px;
  }

  53.33333% {
    background-position: 0 360px;
    padding-top: 624px;
  }

  56.66667% {
    background-position: 0 384px;
    padding-top: 648px;
  }

  60% {
    background-position: 0 408px;
    padding-top: 672px;
  }

  63.33333% {
    background-position: 0 432px;
    padding-top: 696px;
  }

  66.66667% {
    background-position: 0 -264px;
    padding-top: 0px;
  }

  70% {
    background-position: 0 -240px;
    padding-top: 24px;
  }

  73.33333% {
    background-position: 0 -216px;
    padding-top: 48px;
  }

  76.66667% {
    background-position: 0 -192px;
    padding-top: 72px;
  }

  80% {
    background-position: 0 -168px;
    padding-top: 96px;
  }

  83.33333% {
    background-position: 0 -144px;
    padding-top: 120px;
  }

  86.66667% {
    background-position: 0 -120px;
    padding-top: 144px;
  }

  90% {
    background-position: 0 -96px;
    padding-top: 168px;
  }

  93.33333% {
    background-position: 0 -72px;
    padding-top: 192px;
  }

  96.66667% {
    background-position: 0 -48px;
    padding-top: 216px;
  }
}
.matrix li:nth-child(43) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(43):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(43):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 456px, #1a122f 456px, #1a122f 720px) 0 96px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 552px;
  overflow: hidden;
  -webkit-animation: 2400ms column-43 infinite steps(1, start);
}

@-webkit-keyframes column-43 {
  0% {
    background-position: 0 96px;
    padding-top: 552px;
  }

  3.33333% {
    background-position: 0 120px;
    padding-top: 576px;
  }

  6.66667% {
    background-position: 0 144px;
    padding-top: 600px;
  }

  10% {
    background-position: 0 168px;
    padding-top: 624px;
  }

  13.33333% {
    background-position: 0 192px;
    padding-top: 648px;
  }

  16.66667% {
    background-position: 0 216px;
    padding-top: 672px;
  }

  20% {
    background-position: 0 240px;
    padding-top: 696px;
  }

  23.33333% {
    background-position: 0 -456px;
    padding-top: 0px;
  }

  26.66667% {
    background-position: 0 -432px;
    padding-top: 24px;
  }

  30% {
    background-position: 0 -408px;
    padding-top: 48px;
  }

  33.33333% {
    background-position: 0 -384px;
    padding-top: 72px;
  }

  36.66667% {
    background-position: 0 -360px;
    padding-top: 96px;
  }

  40% {
    background-position: 0 -336px;
    padding-top: 120px;
  }

  43.33333% {
    background-position: 0 -312px;
    padding-top: 144px;
  }

  46.66667% {
    background-position: 0 -288px;
    padding-top: 168px;
  }

  50% {
    background-position: 0 -264px;
    padding-top: 192px;
  }

  53.33333% {
    background-position: 0 -240px;
    padding-top: 216px;
  }

  56.66667% {
    background-position: 0 -216px;
    padding-top: 240px;
  }

  60% {
    background-position: 0 -192px;
    padding-top: 264px;
  }

  63.33333% {
    background-position: 0 -168px;
    padding-top: 288px;
  }

  66.66667% {
    background-position: 0 -144px;
    padding-top: 312px;
  }

  70% {
    background-position: 0 -120px;
    padding-top: 336px;
  }

  73.33333% {
    background-position: 0 -96px;
    padding-top: 360px;
  }

  76.66667% {
    background-position: 0 -72px;
    padding-top: 384px;
  }

  80% {
    background-position: 0 -48px;
    padding-top: 408px;
  }

  83.33333% {
    background-position: 0 -24px;
    padding-top: 432px;
  }

  86.66667% {
    background-position: 0 0px;
    padding-top: 456px;
  }

  90% {
    background-position: 0 24px;
    padding-top: 480px;
  }

  93.33333% {
    background-position: 0 48px;
    padding-top: 504px;
  }

  96.66667% {
    background-position: 0 72px;
    padding-top: 528px;
  }
}
.matrix li:nth-child(44) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(44):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(44):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 480px, #1a122f 480px, #1a122f 720px) 0 -408px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 72px;
  overflow: hidden;
  -webkit-animation: 2400ms column-44 infinite steps(1, start);
}

@-webkit-keyframes column-44 {
  0% {
    background-position: 0 -408px;
    padding-top: 72px;
  }

  3.33333% {
    background-position: 0 -384px;
    padding-top: 96px;
  }

  6.66667% {
    background-position: 0 -360px;
    padding-top: 120px;
  }

  10% {
    background-position: 0 -336px;
    padding-top: 144px;
  }

  13.33333% {
    background-position: 0 -312px;
    padding-top: 168px;
  }

  16.66667% {
    background-position: 0 -288px;
    padding-top: 192px;
  }

  20% {
    background-position: 0 -264px;
    padding-top: 216px;
  }

  23.33333% {
    background-position: 0 -240px;
    padding-top: 240px;
  }

  26.66667% {
    background-position: 0 -216px;
    padding-top: 264px;
  }

  30% {
    background-position: 0 -192px;
    padding-top: 288px;
  }

  33.33333% {
    background-position: 0 -168px;
    padding-top: 312px;
  }

  36.66667% {
    background-position: 0 -144px;
    padding-top: 336px;
  }

  40% {
    background-position: 0 -120px;
    padding-top: 360px;
  }

  43.33333% {
    background-position: 0 -96px;
    padding-top: 384px;
  }

  46.66667% {
    background-position: 0 -72px;
    padding-top: 408px;
  }

  50% {
    background-position: 0 -48px;
    padding-top: 432px;
  }

  53.33333% {
    background-position: 0 -24px;
    padding-top: 456px;
  }

  56.66667% {
    background-position: 0 0px;
    padding-top: 480px;
  }

  60% {
    background-position: 0 24px;
    padding-top: 504px;
  }

  63.33333% {
    background-position: 0 48px;
    padding-top: 528px;
  }

  66.66667% {
    background-position: 0 72px;
    padding-top: 552px;
  }

  70% {
    background-position: 0 96px;
    padding-top: 576px;
  }

  73.33333% {
    background-position: 0 120px;
    padding-top: 600px;
  }

  76.66667% {
    background-position: 0 144px;
    padding-top: 624px;
  }

  80% {
    background-position: 0 168px;
    padding-top: 648px;
  }

  83.33333% {
    background-position: 0 192px;
    padding-top: 672px;
  }

  86.66667% {
    background-position: 0 216px;
    padding-top: 696px;
  }

  90% {
    background-position: 0 -480px;
    padding-top: 0px;
  }

  93.33333% {
    background-position: 0 -456px;
    padding-top: 24px;
  }

  96.66667% {
    background-position: 0 -432px;
    padding-top: 48px;
  }
}
.matrix li:nth-child(45) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(45):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(45):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 72px, #1a122f 72px, #1a122f 720px) 0 48px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 120px;
  overflow: hidden;
  -webkit-animation: 2400ms column-45 infinite steps(1, start);
}

@-webkit-keyframes column-45 {
  0% {
    background-position: 0 48px;
    padding-top: 120px;
  }

  3.33333% {
    background-position: 0 72px;
    padding-top: 144px;
  }

  6.66667% {
    background-position: 0 96px;
    padding-top: 168px;
  }

  10% {
    background-position: 0 120px;
    padding-top: 192px;
  }

  13.33333% {
    background-position: 0 144px;
    padding-top: 216px;
  }

  16.66667% {
    background-position: 0 168px;
    padding-top: 240px;
  }

  20% {
    background-position: 0 192px;
    padding-top: 264px;
  }

  23.33333% {
    background-position: 0 216px;
    padding-top: 288px;
  }

  26.66667% {
    background-position: 0 240px;
    padding-top: 312px;
  }

  30% {
    background-position: 0 264px;
    padding-top: 336px;
  }

  33.33333% {
    background-position: 0 288px;
    padding-top: 360px;
  }

  36.66667% {
    background-position: 0 312px;
    padding-top: 384px;
  }

  40% {
    background-position: 0 336px;
    padding-top: 408px;
  }

  43.33333% {
    background-position: 0 360px;
    padding-top: 432px;
  }

  46.66667% {
    background-position: 0 384px;
    padding-top: 456px;
  }

  50% {
    background-position: 0 408px;
    padding-top: 480px;
  }

  53.33333% {
    background-position: 0 432px;
    padding-top: 504px;
  }

  56.66667% {
    background-position: 0 456px;
    padding-top: 528px;
  }

  60% {
    background-position: 0 480px;
    padding-top: 552px;
  }

  63.33333% {
    background-position: 0 504px;
    padding-top: 576px;
  }

  66.66667% {
    background-position: 0 528px;
    padding-top: 600px;
  }

  70% {
    background-position: 0 552px;
    padding-top: 624px;
  }

  73.33333% {
    background-position: 0 576px;
    padding-top: 648px;
  }

  76.66667% {
    background-position: 0 600px;
    padding-top: 672px;
  }

  80% {
    background-position: 0 624px;
    padding-top: 696px;
  }

  83.33333% {
    background-position: 0 -72px;
    padding-top: 0px;
  }

  86.66667% {
    background-position: 0 -48px;
    padding-top: 24px;
  }

  90% {
    background-position: 0 -24px;
    padding-top: 48px;
  }

  93.33333% {
    background-position: 0 0px;
    padding-top: 72px;
  }

  96.66667% {
    background-position: 0 24px;
    padding-top: 96px;
  }
}
.matrix li:nth-child(46) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(46):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(46):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 264px, #1a122f 264px, #1a122f 720px) 0 384px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 648px;
  overflow: hidden;
  -webkit-animation: 2400ms column-46 infinite steps(1, start);
}

@-webkit-keyframes column-46 {
  0% {
    background-position: 0 384px;
    padding-top: 648px;
  }

  3.33333% {
    background-position: 0 408px;
    padding-top: 672px;
  }

  6.66667% {
    background-position: 0 432px;
    padding-top: 696px;
  }

  10% {
    background-position: 0 -264px;
    padding-top: 0px;
  }

  13.33333% {
    background-position: 0 -240px;
    padding-top: 24px;
  }

  16.66667% {
    background-position: 0 -216px;
    padding-top: 48px;
  }

  20% {
    background-position: 0 -192px;
    padding-top: 72px;
  }

  23.33333% {
    background-position: 0 -168px;
    padding-top: 96px;
  }

  26.66667% {
    background-position: 0 -144px;
    padding-top: 120px;
  }

  30% {
    background-position: 0 -120px;
    padding-top: 144px;
  }

  33.33333% {
    background-position: 0 -96px;
    padding-top: 168px;
  }

  36.66667% {
    background-position: 0 -72px;
    padding-top: 192px;
  }

  40% {
    background-position: 0 -48px;
    padding-top: 216px;
  }

  43.33333% {
    background-position: 0 -24px;
    padding-top: 240px;
  }

  46.66667% {
    background-position: 0 0px;
    padding-top: 264px;
  }

  50% {
    background-position: 0 24px;
    padding-top: 288px;
  }

  53.33333% {
    background-position: 0 48px;
    padding-top: 312px;
  }

  56.66667% {
    background-position: 0 72px;
    padding-top: 336px;
  }

  60% {
    background-position: 0 96px;
    padding-top: 360px;
  }

  63.33333% {
    background-position: 0 120px;
    padding-top: 384px;
  }

  66.66667% {
    background-position: 0 144px;
    padding-top: 408px;
  }

  70% {
    background-position: 0 168px;
    padding-top: 432px;
  }

  73.33333% {
    background-position: 0 192px;
    padding-top: 456px;
  }

  76.66667% {
    background-position: 0 216px;
    padding-top: 480px;
  }

  80% {
    background-position: 0 240px;
    padding-top: 504px;
  }

  83.33333% {
    background-position: 0 264px;
    padding-top: 528px;
  }

  86.66667% {
    background-position: 0 288px;
    padding-top: 552px;
  }

  90% {
    background-position: 0 312px;
    padding-top: 576px;
  }

  93.33333% {
    background-position: 0 336px;
    padding-top: 600px;
  }

  96.66667% {
    background-position: 0 360px;
    padding-top: 624px;
  }
}
.matrix li:nth-child(47) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(47):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(47):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 336px, #1a122f 336px, #1a122f 720px) 0 0px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 336px;
  overflow: hidden;
  -webkit-animation: 2400ms column-47 infinite steps(1, start);
}

@-webkit-keyframes column-47 {
  0% {
    background-position: 0 0px;
    padding-top: 336px;
  }

  3.33333% {
    background-position: 0 24px;
    padding-top: 360px;
  }

  6.66667% {
    background-position: 0 48px;
    padding-top: 384px;
  }

  10% {
    background-position: 0 72px;
    padding-top: 408px;
  }

  13.33333% {
    background-position: 0 96px;
    padding-top: 432px;
  }

  16.66667% {
    background-position: 0 120px;
    padding-top: 456px;
  }

  20% {
    background-position: 0 144px;
    padding-top: 480px;
  }

  23.33333% {
    background-position: 0 168px;
    padding-top: 504px;
  }

  26.66667% {
    background-position: 0 192px;
    padding-top: 528px;
  }

  30% {
    background-position: 0 216px;
    padding-top: 552px;
  }

  33.33333% {
    background-position: 0 240px;
    padding-top: 576px;
  }

  36.66667% {
    background-position: 0 264px;
    padding-top: 600px;
  }

  40% {
    background-position: 0 288px;
    padding-top: 624px;
  }

  43.33333% {
    background-position: 0 312px;
    padding-top: 648px;
  }

  46.66667% {
    background-position: 0 336px;
    padding-top: 672px;
  }

  50% {
    background-position: 0 360px;
    padding-top: 696px;
  }

  53.33333% {
    background-position: 0 -336px;
    padding-top: 0px;
  }

  56.66667% {
    background-position: 0 -312px;
    padding-top: 24px;
  }

  60% {
    background-position: 0 -288px;
    padding-top: 48px;
  }

  63.33333% {
    background-position: 0 -264px;
    padding-top: 72px;
  }

  66.66667% {
    background-position: 0 -240px;
    padding-top: 96px;
  }

  70% {
    background-position: 0 -216px;
    padding-top: 120px;
  }

  73.33333% {
    background-position: 0 -192px;
    padding-top: 144px;
  }

  76.66667% {
    background-position: 0 -168px;
    padding-top: 168px;
  }

  80% {
    background-position: 0 -144px;
    padding-top: 192px;
  }

  83.33333% {
    background-position: 0 -120px;
    padding-top: 216px;
  }

  86.66667% {
    background-position: 0 -96px;
    padding-top: 240px;
  }

  90% {
    background-position: 0 -72px;
    padding-top: 264px;
  }

  93.33333% {
    background-position: 0 -48px;
    padding-top: 288px;
  }

  96.66667% {
    background-position: 0 -24px;
    padding-top: 312px;
  }
}
.matrix li:nth-child(48) {
  position: relative;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.matrix li:nth-child(48):before {
  display: block;
  width: 8em;
  content: "SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf SassConf";
}
.matrix li:nth-child(48):after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: linear-gradient(#1a122f 0%, rgba(26, 18, 47, 0) 408px, #1a122f 408px, #1a122f 720px) 0 120px repeat;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: white;
  content: "SassConf";
  padding-top: 528px;
  overflow: hidden;
  -webkit-animation: 2400ms column-48 infinite steps(1, start);
}

@-webkit-keyframes column-48 {
  0% {
    background-position: 0 120px;
    padding-top: 528px;
  }

  3.33333% {
    background-position: 0 144px;
    padding-top: 552px;
  }

  6.66667% {
    background-position: 0 168px;
    padding-top: 576px;
  }

  10% {
    background-position: 0 192px;
    padding-top: 600px;
  }

  13.33333% {
    background-position: 0 216px;
    padding-top: 624px;
  }

  16.66667% {
    background-position: 0 240px;
    padding-top: 648px;
  }

  20% {
    background-position: 0 264px;
    padding-top: 672px;
  }

  23.33333% {
    background-position: 0 288px;
    padding-top: 696px;
  }

  26.66667% {
    background-position: 0 -408px;
    padding-top: 0px;
  }

  30% {
    background-position: 0 -384px;
    padding-top: 24px;
  }

  33.33333% {
    background-position: 0 -360px;
    padding-top: 48px;
  }

  36.66667% {
    background-position: 0 -336px;
    padding-top: 72px;
  }

  40% {
    background-position: 0 -312px;
    padding-top: 96px;
  }

  43.33333% {
    background-position: 0 -288px;
    padding-top: 120px;
  }

  46.66667% {
    background-position: 0 -264px;
    padding-top: 144px;
  }

  50% {
    background-position: 0 -240px;
    padding-top: 168px;
  }

  53.33333% {
    background-position: 0 -216px;
    padding-top: 192px;
  }

  56.66667% {
    background-position: 0 -192px;
    padding-top: 216px;
  }

  60% {
    background-position: 0 -168px;
    padding-top: 240px;
  }

  63.33333% {
    background-position: 0 -144px;
    padding-top: 264px;
  }

  66.66667% {
    background-position: 0 -120px;
    padding-top: 288px;
  }

  70% {
    background-position: 0 -96px;
    padding-top: 312px;
  }

  73.33333% {
    background-position: 0 -72px;
    padding-top: 336px;
  }

  76.66667% {
    background-position: 0 -48px;
    padding-top: 360px;
  }

  80% {
    background-position: 0 -24px;
    padding-top: 384px;
  }

  83.33333% {
    background-position: 0 0px;
    padding-top: 408px;
  }

  86.66667% {
    background-position: 0 24px;
    padding-top: 432px;
  }

  90% {
    background-position: 0 48px;
    padding-top: 456px;
  }

  93.33333% {
    background-position: 0 72px;
    padding-top: 480px;
  }

  96.66667% {
    background-position: 0 96px;
    padding-top: 504px;
  }
}

SassMeister-rendered.html

<ul class='matrix'>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>