Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                .tentacle
  - for (var n = 1; n < 8; n++)
    div(class='purple' + n)
    
a.devmount(href="http://devmount.de", title="DEVMOUNT", target="_blank") created by
  span devmount
              
            
!

CSS

              
                /* configuration */
$lpurple: #a64b89;
$dpurple: #6e1166;
$lgreen: #00ad35;
$dgreen: #005d00;
$dark: #000;
$light: #f7eeb5;

/* general frame attributes */
.tentacle {
  position: relative;
}
.tentacle div {
  position: absolute;
  background: transparent;
  opacity: 0;
  top: 40px;
  left: 80px;
  width: 1em;
  height: 1em;
  font-size: 4px;
}

/* print pixels */
.purple1 {
  opacity: 1;
  animation-name: hideframe;
  animation-duration: 1.5s;
  box-shadow:
    /* dark purple border */
    21em 5em 0 0 $dpurple,
    22em 5em 0 0 $dpurple,
    23em 5em 0 0 $dpurple,
    24em 5em 0 0 $dpurple,
    25em 6em 0 0 $dpurple,
    25em 7em 0 0 $dpurple,
    25em 8em 0 0 $dpurple,
    25em 9em 0 0 $dpurple,
    25em 10em 0 0 $dpurple,
    25em 11em 0 0 $dpurple,
    25em 13em 0 0 $dpurple,
    26em 14em 0 0 $dpurple,
    26em 15em 0 0 $dpurple,
    26em 16em 0 0 $dpurple,
    26em 17em 0 0 $dpurple,
    27em 18em 0 0 $dpurple,
    27em 19em 0 0 $dpurple,
    27em 20em 0 0 $dpurple,
    28em 21em 0 0 $dpurple,
    28em 22em 0 0 $dpurple,
    28em 23em 0 0 $dpurple,
    28em 24em 0 0 $dpurple,
    29em 25em 0 0 $dpurple,
    29em 26em 0 0 $dpurple,
    29em 27em 0 0 $dpurple,
    29em 28em 0 0 $dpurple,
    30em 29em 0 0 $dpurple,
    30em 30em 0 0 $dpurple,
    30em 31em 0 0 $dpurple,
    30em 32em 0 0 $dpurple,
    30em 33em 0 0 $dpurple,
    30em 34em 0 0 $dpurple,
    30em 35em 0 0 $dpurple,
    31em 36em 0 0 $dpurple,
    31em 37em 0 0 $dpurple,
    31em 38em 0 0 $dpurple,
    31em 39em 0 0 $dpurple,
    31em 40em 0 0 $dpurple,
    31em 41em 0 0 $dpurple,
    31em 42em 0 0 $dpurple,
    31em 43em 0 0 $dpurple,
    31em 44em 0 0 $dpurple,
    31em 45em 0 0 $dpurple,
    31em 46em 0 0 $dpurple,
    31em 47em 0 0 $dpurple,
    31em 48em 0 0 $dpurple,
    30em 49em 0 0 $dpurple,
    29em 50em 0 0 $dpurple,
    28em 51em 0 0 $dpurple,
    27em 51em 0 0 $dpurple,
    26em 51em 0 0 $dpurple,
    25em 51em 0 0 $dpurple,
    24em 51em 0 0 $dpurple,
    23em 52em 0 0 $dpurple,
    22em 52em 0 0 $dpurple,
    21em 52em 0 0 $dpurple,
    20em 52em 0 0 $dpurple,
    19em 52em 0 0 $dpurple,
    18em 52em 0 0 $dpurple,
    17em 52em 0 0 $dpurple,
    16em 51em 0 0 $dpurple,
    15em 51em 0 0 $dpurple,
    14em 51em 0 0 $dpurple,
    13em 51em 0 0 $dpurple,
    12em 51em 0 0 $dpurple,
    11em 51em 0 0 $dpurple,
    10em 50em 0 0 $dpurple,
    9em 50em 0 0 $dpurple,
    8em 49em 0 0 $dpurple,
    7em 49em 0 0 $dpurple,
    7em 48em 0 0 $dpurple,
    6em 47em 0 0 $dpurple,
    7em 46em 0 0 $dpurple,
    7em 45em 0 0 $dpurple,
    8em 45em 0 0 $dpurple,
    8em 44em 0 0 $dpurple,
    8em 43em 0 0 $dpurple,
    8em 42em 0 0 $dpurple,
    8em 41em 0 0 $dpurple,
    8em 40em 0 0 $dpurple,
    8em 39em 0 0 $dpurple,
    8em 38em 0 0 $dpurple,
    8em 37em 0 0 $dpurple,
    8em 36em 0 0 $dpurple,
    8em 35em 0 0 $dpurple,
    8em 34em 0 0 $dpurple,
    8em 33em 0 0 $dpurple,
    9em 32em 0 0 $dpurple,
    9em 31em 0 0 $dpurple,
    9em 30em 0 0 $dpurple,
    9em 29em 0 0 $dpurple,
    9em 28em 0 0 $dpurple,
    10em 27em 0 0 $dpurple,
    10em 26em 0 0 $dpurple,
    10em 25em 0 0 $dpurple,
    10em 24em 0 0 $dpurple,
    10em 23em 0 0 $dpurple,
    11em 22em 0 0 $dpurple,
    11em 21em 0 0 $dpurple,
    12em 20em 0 0 $dpurple,
    13em 19em 0 0 $dpurple,
    13em 18em 0 0 $dpurple,
    13em 17em 0 0 $dpurple,
    14em 16em 0 0 $dpurple,
    14em 15em 0 0 $dpurple,
    15em 14em 0 0 $dpurple,
    15em 13em 0 0 $dpurple,
    16em 11em 0 0 $dpurple,
    17em 10em 0 0 $dpurple,
    17em 9em 0 0 $dpurple,
    18em 8em 0 0 $dpurple,
    19em 7em 0 0 $dpurple,
    20em 6em 0 0 $dpurple,
    /* browe */
    16em 13em 0 0 $dpurple,
    16em 12em 0 0 $dark,
    17em 12em 0 0 $dark,
    17em 13em 0 0 $dark,
    18em 13em 0 0 $dark,
    19em 13em 0 0 $dark,
    20em 13em 0 0 $dark,
    21em 13em 0 0 $dark,
    22em 13em 0 0 $dark,
    23em 12em 0 0 $dark,
    24em 12em 0 0 $dark,
    25em 12em 0 0 $dark,
    23em 13em 0 0 $dpurple,
    24em 13em 0 0 $dpurple,
    /* first sucker */
    19em 15em 0 1em $dgreen,
    21em 14em 0 0 $dgreen,
    21.5em 15.5em 0 .5em $dgreen,
    22em 14em 0 0 $lgreen,
    23em 14em 0 0 $lgreen,
    23em 15em 0 0 $lgreen,
    23em 16em 0 0 $lgreen,
    22em 17em 0 0 $lgreen,
    21em 17em 0 0 $lgreen,
    20em 17em 0 0 $lgreen,
    19em 17em 0 0 $lgreen,
    18em 17em 0 0 $lgreen,
    17em 16em 0 0 $lgreen,
    17em 15em 0 0 $lgreen,
    17em 14em 0 0 $lgreen,
    16em 14em 0 0 $dgreen,
    16em 15em 0 0 $dgreen,
    16em 16em 0 0 $dgreen,
    16em 17em 0 0 $dgreen,
    17em 17em 0 0 $dgreen,
    17em 18em 0 0 $dgreen,
    18em 18em 0 0 $dgreen,
    19em 18em 0 0 $dgreen,
    20em 18em 0 0 $dgreen,
    21em 18em 0 0 $dgreen,
    22em 18em 0 0 $dgreen,
    23em 18em 0 0 $dgreen,
    23em 17em 0 0 $dgreen,
    24em 17em 0 0 $dgreen,
    24em 16em 0 0 $dgreen,
    24em 15em 0 0 $dgreen,
    24em 14em 0 0 $dgreen,
    17em 19em 0 0 $dpurple,
    18em 19em 0 0 $dpurple,
    19.5em 19.5em 0 .5em $dpurple,
    21.5em 19.5em 0 .5em $dpurple,
    23em 19em 0 0 $dpurple,
    /* second sucker */
    18em 23em 0 0 $dgreen,
    19em 23em 0 0 $dgreen,
    20em 23em 0 0 $dgreen,
    21em 23em 0 0 $dgreen,
    22em 23em 0 0 $dgreen,
    23em 24em 0 0 $dgreen,
    24em 25em 0 0 $dgreen,
    25em 26em 0 0 $dgreen,
    25em 27em 0 0 $dgreen,
    25em 28em 0 0 $dgreen,
    24em 29em 0 0 $dgreen,
    23em 30em 0 0 $dgreen,
    22em 31em 0 0 $dgreen,
    21em 31em 0 0 $dgreen,
    20em 31em 0 0 $dgreen,
    19em 31em 0 0 $dgreen,
    18em 31em 0 0 $dgreen,
    17em 30em 0 0 $dgreen,
    16em 29em 0 0 $dgreen,
    15em 28em 0 0 $dgreen,
    15em 27em 0 0 $dgreen,
    15em 26em 0 0 $dgreen,
    16em 25em 0 0 $dgreen,
    17em 24em 0 0 $dgreen,
    16em 26em 0 0 $lgreen,
    17em 26em 0 0 $lgreen,
    17em 25em 0 0 $lgreen,
    18em 24em 0 0 $lgreen,
    19em 24em 0 0 $lgreen,
    20em 24em 0 0 $lgreen,
    21em 24em 0 0 $lgreen,
    22em 24em 0 0 $lgreen,
    22em 25em 0 0 $lgreen,
    23em 25em 0 0 $lgreen,
    24em 26em 0 0 $lgreen,
    24em 27em 0 0 $lgreen,
    24em 28em 0 0 $lgreen,
    23em 29em 0 0 $lgreen,
    22em 30em 0 0 $lgreen,
    21em 30em 0 0 $lgreen,
    20em 30em 0 0 $lgreen,
    19em 30em 0 0 $lgreen,
    18em 30em 0 0 $lgreen,
    17em 29em 0 0 $lgreen,
    16em 28em 0 0 $lgreen,
    16em 27em 0 0 $lgreen,
    17.5em 27.5em 0 .5em $dgreen,
    19.5em 26.5em 0 1.5em $dgreen,
    19.5em 27.5em 0 1.5em $dgreen,
    20.5em 27.5em 0 1.5em $dgreen,
    22.5em 27.5em 0 .5em $dgreen,
    23em 26em 0 0 $dgreen,
    15em 29em 0 0 $dpurple,
    15em 30em 0 0 $dpurple,
    16em 30em 0 0 $dpurple,
    16em 31em 0 0 $dpurple,
    17em 31em 0 0 $dpurple,
    17em 32em 0 0 $dpurple,
    18.5em 32.5em 0 .5em $dpurple,
    20.5em 32.5em 0 .5em $dpurple,
    22em 33em 0 0 $dpurple,
    22em 32em 0 0 $dpurple,
    23em 32em 0 0 $dpurple,
    23em 31em 0 0 $dpurple,
    24em 30em 0 0 $dpurple,
    /* third sucker */
    18em 37em 0 0 $dgreen,
    19em 37em 0 0 $dgreen,
    20em 37em 0 0 $dgreen,
    21em 37em 0 0 $dgreen,
    22em 37em 0 0 $dgreen,
    23em 37em 0 0 $dgreen,
    24em 37em 0 0 $dgreen,
    25em 38em 0 0 $dgreen,
    26em 39em 0 0 $dgreen,
    27em 40em 0 0 $dgreen,
    27em 41em 0 0 $dgreen,
    27em 42em 0 0 $dgreen,
    27em 43em 0 0 $dgreen,
    26em 44em 0 0 $dgreen,
    25em 45em 0 0 $dgreen,
    24em 46em 0 0 $dgreen,
    23em 46em 0 0 $dgreen,
    22em 46em 0 0 $dgreen,
    21em 46em 0 0 $dgreen,
    20em 46em 0 0 $dgreen,
    19em 46em 0 0 $dgreen,
    18em 45em 0 0 $dgreen,
    17em 45em 0 0 $dgreen,
    16em 44em 0 0 $dgreen,
    15em 43em 0 0 $dgreen,
    15em 42em 0 0 $dgreen,
    15em 41em 0 0 $dgreen,
    15em 40em 0 0 $dgreen,
    16em 39em 0 0 $dgreen,
    17em 38em 0 0 $dgreen,
    18em 38em 0 0 $lgreen,
    18em 38em 0 0 $lgreen,
    19em 38em 0 0 $lgreen,
    20em 38em 0 0 $lgreen,
    21em 38em 0 0 $lgreen,
    22em 38em 0 0 $lgreen,
    23em 38em 0 0 $lgreen,
    24em 38em 0 0 $lgreen,
    25em 39em 0 0 $lgreen,
    25em 40em 0 0 $lgreen,
    26em 40em 0 0 $lgreen,
    26em 41em 0 0 $lgreen,
    26em 42em 0 0 $lgreen,
    26em 43em 0 0 $lgreen,
    25em 43em 0 0 $lgreen,
    25em 44em 0 0 $lgreen,
    24em 44em 0 0 $lgreen,
    24em 45em 0 0 $lgreen,
    23em 45em 0 0 $lgreen,
    22em 45em 0 0 $lgreen,
    21em 45em 0 0 $lgreen,
    20em 45em 0 0 $lgreen,
    19em 45em 0 0 $lgreen,
    18em 44em 0 0 $lgreen,
    17em 44em 0 0 $lgreen,
    16.5em 42.5em 0 .5em $lgreen,
    16.5em 40.5em 0 .5em $lgreen,
    17.5em 39.5em 0 .5em $lgreen,
    21.5em 41.5em 0 3.5em $dgreen,
    15em 44em 0 0 $dpurple,
    15em 45em 0 0 $dpurple,
    16em 45em 0 0 $dpurple,
    16em 46em 0 0 $dpurple,
    17.5em 46.5em 0 .5em $dpurple,
    19.5em 47.5em 0 .5em $dpurple,
    21.5em 47.5em 0 .5em $dpurple,
    23em 48em 0 0 $dpurple,
    23em 47em 0 0 $dpurple,
    24em 47em 0 0 $dpurple,
    25em 46em 0 0 $dpurple,
    26em 45em 0 0 $dpurple,
    /* last sucker */
    5em 48em 0 0 $dgreen,
    4em 48em 0 0 $dgreen,
    3em 49em 0 0 $dgreen,
    3em 50em 0 0 $dgreen,
    3em 51em 0 0 $dgreen,
    4em 52em 0 0 $dgreen,
    5em 52em 0 0 $dgreen,
    6em 53em 0 0 $dgreen,
    7em 53em 0 0 $dgreen,
    8em 53em 0 0 $dgreen,
    9em 54em 0 0 $dgreen,
    10em 54em 0 0 $dgreen,
    11em 54em 0 0 $dgreen,
    12em 54em 0 0 $dgreen,
    13em 54em 0 0 $dgreen,
    14em 54em 0 0 $dgreen,
    15em 55em 0 0 $dgreen,
    16em 55em 0 0 $dgreen,
    17em 55em 0 0 $dgreen,
    18em 55em 0 0 $dgreen,
    19em 55em 0 0 $dgreen,
    20em 55em 0 0 $dgreen,
    21em 55em 0 0 $dgreen,
    22em 55em 0 0 $dgreen,
    23em 55em 0 0 $dgreen,
    24em 55em 0 0 $dgreen,
    25em 54em 0 0 $dgreen,
    26em 54em 0 0 $dgreen,
    27em 54em 0 0 $dgreen,
    28em 54em 0 0 $dgreen,
    29em 54em 0 0 $dgreen,
    30em 54em 0 0 $dgreen,
    31em 53em 0 0 $dgreen,
    32em 53em 0 0 $dgreen,
    33em 53em 0 0 $dgreen,
    34em 52em 0 0 $dgreen,
    34em 51em 0 0 $dgreen,
    34em 50em 0 0 $dgreen,
    33em 49em 0 0 $dgreen,
    32em 48em 0 0 $dgreen,
    5.5em 49.5em 0 1.5em $lgreen,
    7.5em 51.5em 0 1.5em $lgreen,
    11.5em 52.5em 0 1.5em $lgreen,
    15em 53em 0 1em $lgreen,
    18.5em 53.5em 0 1.5em $lgreen,
    22.5em 53.5em 0 1.5em $lgreen,
    26.5em 52.5em 0 1.5em $lgreen,
    30.5em 51.5em 0 1.5em $lgreen,
    31.5em 50.5em 0 1.5em $lgreen,
    /* light purple skin */
    22.5em 8.5em 0 2.5em $lpurple,
    21.5em 9.5em 0 2.5em $lpurple,
    19.5em 11.5em 0 2.5em $lpurple,
    20.5em 19.5em 0 5.5em $lpurple,
    19.5em 23.5em 0 6.5em $lpurple,
    19.5em 29.5em 0 8.5em $lpurple,
    19.5em 37.5em 0 9.5em $lpurple,
    19.5em 41.5em 0 10.5em $lpurple,
    8em 47em 0 1em $lpurple,
    ;
}
.purple2 {
  animation-name: showframe;
  animation-duration: .7s;
  animation-delay: 1.5s;
  box-shadow:
    /* dark purple border */
    17em 22em 0 0 $dpurple,
    18em 22em 0 0 $dpurple,
    19em 22em 0 0 $dpurple,
    20em 22em 0 0 $dpurple,
    21em 22em 0 0 $dpurple,
    22em 22em 0 0 $dpurple,
    23em 23em 0 0 $dpurple,
    24em 23em 0 0 $dpurple,
    25em 24em 0 0 $dpurple,
    26em 25em 0 0 $dpurple,
    27em 26em 0 0 $dpurple,
    28em 27em 0 0 $dpurple,
    29em 28em 0 0 $dpurple,
    29em 29em 0 0 $dpurple,
    30em 30em 0 0 $dpurple,
    30em 31em 0 0 $dpurple,
    30em 32em 0 0 $dpurple,
    31em 33em 0 0 $dpurple,
    31em 34em 0 0 $dpurple,
    32em 35em 0 0 $dpurple,
    32em 36em 0 0 $dpurple,
    32em 37em 0 0 $dpurple,
    32em 38em 0 0 $dpurple,
    32em 39em 0 0 $dpurple,
    33em 40em 0 0 $dpurple,
    33em 41em 0 0 $dpurple,
    33em 42em 0 0 $dpurple,
    33em 43em 0 0 $dpurple,
    33em 44em 0 0 $dpurple,
    33em 45em 0 0 $dpurple,
    33em 46em 0 0 $dpurple,
    33em 47em 0 0 $dpurple,
    33em 48em 0 0 $dpurple,
    33em 49em 0 0 $dpurple,
    32em 49em 0 0 $dpurple,
    31em 50em 0 0 $dpurple,
    30em 50em 0 0 $dpurple,
    29em 51em 0 0 $dpurple,
    28em 51em 0 0 $dpurple,
    27em 51em 0 0 $dpurple,
    26em 51em 0 0 $dpurple,
    25em 52em 0 0 $dpurple,
    24em 52em 0 0 $dpurple,
    23em 52em 0 0 $dpurple,
    22em 52em 0 0 $dpurple,
    21em 52em 0 0 $dpurple,
    20em 52em 0 0 $dpurple,
    19em 52em 0 0 $dpurple,
    18em 52em 0 0 $dpurple,
    17em 52em 0 0 $dpurple,
    16em 52em 0 0 $dpurple,
    15em 52em 0 0 $dpurple,
    14em 51em 0 0 $dpurple,
    13em 51em 0 0 $dpurple,
    12em 51em 0 0 $dpurple,
    11em 51em 0 0 $dpurple,
    10em 51em 0 0 $dpurple,
    9em 50em 0 0 $dpurple,
    8em 50em 0 0 $dpurple,
    7em 50em 0 0 $dpurple,
    6em 49em 0 0 $dpurple,
    5em 49em 0 0 $dpurple,
    5em 48em 0 0 $dpurple,
    5em 47em 0 0 $dpurple,
    5em 46em 0 0 $dpurple,
    5em 45em 0 0 $dpurple,
    6em 44em 0 0 $dpurple,
    6em 43em 0 0 $dpurple,
    6em 42em 0 0 $dpurple,
    6em 41em 0 0 $dpurple,
    6em 40em 0 0 $dpurple,
    6em 39em 0 0 $dpurple,
    6em 38em 0 0 $dpurple,
    6em 37em 0 0 $dpurple,
    6em 36em 0 0 $dpurple,
    7em 35em 0 0 $dpurple,
    7em 34em 0 0 $dpurple,
    7em 33em 0 0 $dpurple,
    8em 32em 0 0 $dpurple,
    8em 31em 0 0 $dpurple,
    9em 30em 0 0 $dpurple,
    10em 29em 0 0 $dpurple,
    10em 28em 0 0 $dpurple,
    11em 27em 0 0 $dpurple,
    12em 26em 0 0 $dpurple,
    13em 25em 0 0 $dpurple,
    14em 24em 0 0 $dpurple,
    15em 23em 0 0 $dpurple,
    16em 23em 0 0 $dpurple,
    /* browe */
    14em 27em 0 0 $dark,
    15em 27em 0 0 $dark,
    16em 27em 0 0 $dark,
    16em 28em 0 0 $dark,
    17em 28em 0 0 $dark,
    17em 29em 0 0 $dark,
    18em 29em 0 0 $dark,
    19em 29em 0 0 $dark,
    20em 29em 0 0 $dark,
    21em 29em 0 0 $dark,
    22em 29em 0 0 $dark,
    23em 28em 0 0 $dark,
    24em 28em 0 0 $dark,
    15em 28em 0 0 $dpurple,
    24em 29em 0 0 $dpurple,
    /* first sucker */
    16em 30em 0 0 $lgreen,
    16em 31em 0 0 $lgreen,
    23em 30em 0 0 $lgreen,
    23em 31em 0 0 $lgreen,
    15.5em 29.5em 0 .5em $dgreen,
    17.5em 30.5em 0 .5em $dgreen,
    19.5em 30.5em 0 .5em $dgreen,
    21.5em 30.5em 0 .5em $dgreen,
    23.5em 29.5em 0 .5em $dgreen,
    14.5em 30.5em 0 .5em $dpurple,
    /* second sucker */
    17.5em 32.5em 0 .5em $lgreen,
    19.5em 32.5em 0 .5em $lgreen,
    21.5em 32.5em 0 .5em $lgreen,
    23em 33em 0 0 $lgreen,
    23em 34em 0 0 $lgreen,
    24em 34em 0 0 $lgreen,
    24em 35em 0 0 $lgreen,
    23em 36em 0 0 $lgreen,
    22em 36em 0 0 $lgreen,
    21em 36em 0 0 $lgreen,
    20em 36em 0 0 $lgreen,
    19em 36em 0 0 $lgreen,
    18em 36em 0 0 $lgreen,
    17em 36em 0 0 $lgreen,
    16em 36em 0 0 $lgreen,
    15em 35em 0 0 $lgreen,
    15em 34em 0 0 $lgreen,
    16em 34em 0 0 $lgreen,
    16em 33em 0 0 $lgreen,
    23em 32em 0 0 $dgreen,
    15em 34em 0 1em $dgreen,
    17.5em 34.5em 0 2.5em $dgreen,
    20.5em 35.5em 0 2.5em $dgreen,
    22em 35em 0 2em $dgreen,
    24.5em 34.5em 0 .5em $dgreen,
    14em 35em 0 1em $dpurple,
    12.5em 34.5em 0 .5em $dpurple,
    11em 34em 0 0 $dpurple,
    11em 33em 0 0 $dpurple,
    23em 34em 0 2em $dpurple,
    24em 31em 0 0 $dpurple,
    25em 35em 0 1em $dpurple,
    27em 35em 0 0 $dpurple,
    28em 35em 0 0 $dpurple,
    29em 34em 0 0 $dpurple,
    /* third sucker */
    17em 39em 0 0 $lgreen,
    18em 39em 0 0 $lgreen,
    19em 39em 0 0 $lgreen,
    20em 39em 0 0 $lgreen,
    21em 39em 0 0 $lgreen,
    22em 39em 0 0 $lgreen,
    23em 39em 0 0 $lgreen,
    23em 40em 0 0 $lgreen,
    24em 40em 0 0 $lgreen,
    25em 41em 0 0 $lgreen,
    25em 42em 0 0 $lgreen,
    25em 43em 0 0 $lgreen,
    25em 44em 0 0 $lgreen,
    25em 45em 0 0 $lgreen,
    23.5em 45.5em 0 .5em $lgreen,
    22em 46em 0 0 $lgreen,
    21em 46em 0 0 $lgreen,
    20em 46em 0 0 $lgreen,
    19em 46em 0 0 $lgreen,
    18em 46em 0 0 $lgreen,
    17em 46em 0 0 $lgreen,
    17em 45em 0 0 $lgreen,
    16em 45em 0 0 $lgreen,
    15em 45em 0 0 $lgreen,
    15em 44em 0 0 $lgreen,
    15em 43em 0 0 $lgreen,
    15em 42em 0 0 $lgreen,
    15em 41em 0 0 $lgreen,
    16em 40em 0 0 $lgreen,
    17em 40em 0 0 $lgreen,
    16em 43em 0 2em $dgreen,
    18.5em 42.5em 0 3.5em $dgreen,
    21.5em 42.5em 0 3.5em $dgreen,
    20.5em 43.5em 0 3.5em $dgreen,
    24em 43em 0 2em $dgreen,
    14.5em 46.5em 0 .5em $dpurple,
    19.5em 43.5em 0 4.5em $dpurple,
    26em 46em 0 0 $dpurple,
    25em 47em 0 0 $dpurple,
    20.5em 46.5em 0 2.5em $dpurple,
    /* last sucker */
    34em 50em 0 0 $dgreen,
    35em 51em 0 0 $dgreen,
    35em 52em 0 0 $dgreen,
    34em 52em 0 0 $dgreen,
    33em 53em 0 0 $dgreen,
    32em 53em 0 0 $dgreen,
    31em 53em 0 0 $dgreen,
    30em 54em 0 0 $dgreen,
    29em 54em 0 0 $dgreen,
    28em 54em 0 0 $dgreen,
    27em 54em 0 0 $dgreen,
    26em 54em 0 0 $dgreen,
    25em 55em 0 0 $dgreen,
    24em 55em 0 0 $dgreen,
    23em 55em 0 0 $dgreen,
    22em 55em 0 0 $dgreen,
    21em 55em 0 0 $dgreen,
    20em 55em 0 0 $dgreen,
    19em 55em 0 0 $dgreen,
    18em 55em 0 0 $dgreen,
    17em 55em 0 0 $dgreen,
    16em 55em 0 0 $dgreen,
    15em 55em 0 0 $dgreen,
    14em 54em 0 0 $dgreen,
    13em 54em 0 0 $dgreen,
    12em 54em 0 0 $dgreen,
    11em 54em 0 0 $dgreen,
    10em 54em 0 0 $dgreen,
    9em 54em 0 0 $dgreen,
    8em 53em 0 0 $dgreen,
    7em 53em 0 0 $dgreen,
    6em 53em 0 0 $dgreen,
    5em 52em 0 0 $dgreen,
    4em 52em 0 0 $dgreen,
    3em 51em 0 0 $dgreen,
    2em 51em 0 0 $dgreen,
    2em 50em 0 0 $dgreen,
    3em 49em 0 0 $dgreen,
    4em 49em 0 0 $dgreen,
    3.5em 50.5em 0 .5em $lgreen,
    6em 51em 0 1em $lgreen,
    9em 52em 0 1em $lgreen,
    12.5em 52.5em 0 1.5em $lgreen,
    16.5em 53.5em 0 1.5em $lgreen,
    20.5em 53.5em 0 1.5em $lgreen,
    24em 53em 0 1em $lgreen,
    27.5em 52.5em 0 1.5em $lgreen,
    31.5em 51.5em 0 1.5em $lgreen,
    34em 51em 0 0 $lgreen,
    /* light purple skin */
    19.5em 27.5em 0 4.5em $lpurple,
    19.5em 31.5em 0 6.5em $lpurple,
    19.5em 35.5em 0 8.5em $lpurple,
    19.5em 40.5em 0 10.5em $lpurple,
    25em 42em 0 7em $lpurple,
    12.5em 42.5em 0 6.5em $lpurple,
    8em 34em 0 1em $lpurple,
    ;
}
.purple3 {
  animation-name: showframe;
  animation-duration: .2s;
  animation-delay: 2.1s;
  box-shadow:
    /* dark purple border */
    22em 2em 0 0 $dpurple,
    23em 2em 0 0 $dpurple,
    24em 2em 0 0 $dpurple,
    25em 2em 0 0 $dpurple,
    26em 3em 0 0 $dpurple,
    26em 4em 0 0 $dpurple,
    27em 5em 0 0 $dpurple,
    27em 6em 0 0 $dpurple,
    27em 7em 0 0 $dpurple,
    27em 8em 0 0 $dpurple,
    27em 9em 0 0 $dpurple,
    28em 10em 0 0 $dpurple,
    28em 11em 0 0 $dpurple,
    28em 12em 0 0 $dpurple,
    28em 13em 0 0 $dpurple,
    28em 14em 0 0 $dpurple,
    28em 15em 0 0 $dpurple,
    28em 16em 0 0 $dpurple,
    28em 17em 0 0 $dpurple,
    28em 18em 0 0 $dpurple,
    28em 19em 0 0 $dpurple,
    29em 20em 0 0 $dpurple,
    29em 21em 0 0 $dpurple,
    29em 22em 0 0 $dpurple,
    29em 23em 0 0 $dpurple,
    29em 24em 0 0 $dpurple,
    30em 25em 0 0 $dpurple,
    30em 26em 0 0 $dpurple,
    30em 27em 0 0 $dpurple,
    30em 28em 0 0 $dpurple,
    30em 29em 0 0 $dpurple,
    30em 30em 0 0 $dpurple,
    30em 31em 0 0 $dpurple,
    30em 32em 0 0 $dpurple,
    30em 33em 0 0 $dpurple,
    31em 34em 0 0 $dpurple,
    31em 35em 0 0 $dpurple,
    31em 36em 0 0 $dpurple,
    31em 37em 0 0 $dpurple,
    31em 38em 0 0 $dpurple,
    31em 39em 0 0 $dpurple,
    31em 40em 0 0 $dpurple,
    31em 41em 0 0 $dpurple,
    31em 42em 0 0 $dpurple,
    31em 43em 0 0 $dpurple,
    32em 44em 0 0 $dpurple,
    32em 45em 0 0 $dpurple,
    32em 46em 0 0 $dpurple,
    32em 47em 0 0 $dpurple,
    32em 48em 0 0 $dpurple,
    31em 49em 0 0 $dpurple,
    30em 50em 0 0 $dpurple,
    29em 51em 0 0 $dpurple,
    28em 51em 0 0 $dpurple,
    27em 51em 0 0 $dpurple,
    26em 51em 0 0 $dpurple,
    25em 52em 0 0 $dpurple,
    24em 52em 0 0 $dpurple,
    23em 52em 0 0 $dpurple,
    22em 52em 0 0 $dpurple,
    21em 52em 0 0 $dpurple,
    20em 52em 0 0 $dpurple,
    19em 52em 0 0 $dpurple,
    18em 52em 0 0 $dpurple,
    17em 52em 0 0 $dpurple,
    16em 52em 0 0 $dpurple,
    15em 51em 0 0 $dpurple,
    14em 51em 0 0 $dpurple,
    13em 51em 0 0 $dpurple,
    12em 50em 0 0 $dpurple,
    11em 50em 0 0 $dpurple,
    10em 50em 0 0 $dpurple,
    9em 49em 0 0 $dpurple,
    8em 49em 0 0 $dpurple,
    7em 48em 0 0 $dpurple,
    6em 47em 0 0 $dpurple,
    6em 46em 0 0 $dpurple,
    6em 45em 0 0 $dpurple,
    6em 44em 0 0 $dpurple,
    6em 43em 0 0 $dpurple,
    6em 42em 0 0 $dpurple,
    6em 41em 0 0 $dpurple,
    7em 40em 0 0 $dpurple,
    7em 39em 0 0 $dpurple,
    7em 38em 0 0 $dpurple,
    7em 37em 0 0 $dpurple,
    8em 36em 0 0 $dpurple,
    8em 35em 0 0 $dpurple,
    8em 34em 0 0 $dpurple,
    8em 33em 0 0 $dpurple,
    8em 32em 0 0 $dpurple,
    9em 31em 0 0 $dpurple,
    9em 30em 0 0 $dpurple,
    9em 29em 0 0 $dpurple,
    9em 28em 0 0 $dpurple,
    10em 27em 0 0 $dpurple,
    10em 26em 0 0 $dpurple,
    10em 25em 0 0 $dpurple,
    11em 24em 0 0 $dpurple,
    11em 23em 0 0 $dpurple,
    11em 22em 0 0 $dpurple,
    12em 21em 0 0 $dpurple,
    12em 20em 0 0 $dpurple,
    13em 19em 0 0 $dpurple,
    13em 18em 0 0 $dpurple,
    14em 17em 0 0 $dpurple,
    14em 16em 0 0 $dpurple,
    15em 15em 0 0 $dpurple,
    15em 14em 0 0 $dpurple,
    16em 13em 0 0 $dpurple,
    16em 12em 0 0 $dpurple,
    17em 11em 0 0 $dpurple,
    17em 10em 0 0 $dpurple,
    20em 6em 0 0 $dpurple,
    20em 5em 0 0 $dpurple,
    21em 4em 0 0 $dpurple,
    21em 3em 0 0 $dpurple,
    /* browe */
    18em 9em 0 0 $dark,
    18em 8em 0 0 $dark,
    19em 8em 0 0 $dark,
    19em 7em 0 0 $dark,
    20em 8em 0 0 $dark,
    20em 9em 0 0 $dark,
    20em 10em 0 0 $dark,
    20em 11em 0 0 $dark,
    21em 12em 0 0 $dark,
    22em 12em 0 0 $dark,
    23em 12em 0 0 $dark,
    24em 12em 0 0 $dark,
    25em 12em 0 0 $dark,
    26em 12em 0 0 $dark,
    /* first sucker */
    20em 12em 0 0 $lgreen,
    19em 13em 0 0 $lgreen,
    19em 14em 0 0 $lgreen,
    19em 15em 0 0 $lgreen,
    20em 16em 0 0 $lgreen,
    21em 16em 0 0 $lgreen,
    22em 16em 0 0 $lgreen,
    23em 16em 0 0 $lgreen,
    24em 16em 0 0 $lgreen,
    25em 15em 0 0 $lgreen,
    25em 14em 0 0 $lgreen,
    25em 13em 0 0 $lgreen,
    24em 13em 0 0 $lgreen,
    21.5em 14.5em 0 2.5em $dgreen,
    24em 14em 0 2em $dgreen,
    25em 17em 0 0 $dgreen,
    19.5em 14.5em 0 1.5em $dgreen,
    22em 15em 0 3em $dpurple,
    22.5em 17.5em 0 1.5em $dpurple,
    /* second sucker */
    19em 23em 0 0 $lgreen,
    20em 23em 0 0 $lgreen,
    21em 23em 0 0 $lgreen,
    22em 23em 0 0 $lgreen,
    23em 23em 0 0 $lgreen,
    23em 24em 0 0 $lgreen,
    24em 24em 0 0 $lgreen,
    25em 25em 0 0 $lgreen,
    25em 26em 0 0 $lgreen,
    25em 27em 0 0 $lgreen,
    24em 28em 0 0 $lgreen,
    23em 29em 0 0 $lgreen,
    22em 29em 0 0 $lgreen,
    21em 29em 0 0 $lgreen,
    20em 29em 0 0 $lgreen,
    19em 29em 0 0 $lgreen,
    18em 28em 0 0 $lgreen,
    17em 27em 0 0 $lgreen,
    17em 26em 0 0 $lgreen,
    17em 25em 0 0 $lgreen,
    18em 25em 0 0 $lgreen,
    18em 24em 0 0 $lgreen,
    21em 24em 0 2em $dgreen,
    21em 26em 0 3em $dgreen,
    21em 28em 0 2em $dgreen,
    19em 26em 0 2em $dgreen,
    23em 26em 0 2em $dgreen,
    17em 26em 0 1em $dgreen,
    25em 26em 0 1em $dgreen,
    16.5em 28.5em 0 .5em $dpurple,
    17.5em 29.5em 0 .5em $dpurple,
    21em 28em 0 3em $dpurple,
    21em 30em 0 2em $dpurple,
    25em 29em 0 0 $dpurple,
    /* third sucker */
    17em 35em 0 0 $lgreen,
    18em 35em 0 0 $lgreen,
    19em 35em 0 0 $lgreen,
    20em 35em 0 0 $lgreen,
    21em 35em 0 0 $lgreen,
    22em 35em 0 0 $lgreen,
    23em 35em 0 0 $lgreen,
    24em 36em 0 0 $lgreen,
    24em 37em 0 0 $lgreen,
    25em 37em 0 0 $lgreen,
    25em 38em 0 0 $lgreen,
    25em 39em 0 0 $lgreen,
    25em 40em 0 0 $lgreen,
    24em 40em 0 0 $lgreen,
    24em 41em 0 0 $lgreen,
    23em 41em 0 0 $lgreen,
    23em 42em 0 0 $lgreen,
    22em 42em 0 0 $lgreen,
    21em 42em 0 0 $lgreen,
    20em 42em 0 0 $lgreen,
    19em 42em 0 0 $lgreen,
    18em 42em 0 0 $lgreen,
    17em 41em 0 0 $lgreen,
    16em 41em 0 0 $lgreen,
    15.5em 39.5em 0 .5em $lgreen,
    15.5em 37.5em 0 .5em $lgreen,
    16.5em 36.5em 0 .5em $lgreen,
    20em 37em 0 3em $dgreen,
    20.5em 38.5em 0 3.5em $dgreen,
    22.5em 38.5em 0 2.5em $dgreen,
    24.5em 38.5em 0 1.5em $dgreen,
    20.5em 40.5em 0 2.5em $dgreen,
    19.5em 38.5em 0 3.5em $dgreen,
    17.5em 38.5em 0 2.5em $dgreen,
    15.5em 38.5em 0 1.5em $dgreen,
    14.5em 41.5em 0 .5em $dpurple,
    15.5em 42.5em 0 .5em $dpurple,
    19.5em 40.5em 0 3.5em $dpurple,
    25em 42em 0 0 $dpurple,
    24em 43em 0 0 $dpurple,
    20em 43em 0 2em $dpurple,
    /* last sucker */
    33em 49em 0 0 $dgreen,
    33em 50em 0 0 $dgreen,
    34em 51em 0 0 $dgreen,
    35em 52em 0 0 $dgreen,
    34em 53em 0 0 $dgreen,
    33em 53em 0 0 $dgreen,
    32em 54em 0 0 $dgreen,
    31em 54em 0 0 $dgreen,
    30em 54em 0 0 $dgreen,
    29em 55em 0 0 $dgreen,
    28em 55em 0 0 $dgreen,
    27em 55em 0 0 $dgreen,
    26em 55em 0 0 $dgreen,
    25em 56em 0 0 $light,
    24em 56em 0 0 $light,
    23em 56em 0 0 $light,
    22em 56em 0 0 $dgreen,
    21em 56em 0 0 $dgreen,
    20em 56em 0 0 $dgreen,
    19em 56em 0 0 $dgreen,
    18em 56em 0 0 $dgreen,
    17em 56em 0 0 $dgreen,
    16em 56em 0 0 $dgreen,
    15em 55em 0 0 $dgreen,
    14em 55em 0 0 $dgreen,
    13em 55em 0 0 $dgreen,
    12em 55em 0 0 $dgreen,
    11em 54em 0 0 $dgreen,
    10em 54em 0 0 $dgreen,
    9em 54em 0 0 $dgreen,
    8em 53em 0 0 $dgreen,
    7em 53em 0 0 $dgreen,
    6em 53em 0 0 $dgreen,
    5em 52em 0 0 $dgreen,
    4em 52em 0 0 $dgreen,
    3em 51em 0 0 $dgreen,
    4em 50em 0 0 $dgreen,
    5em 49em 0 0 $dgreen,
    5em 48em 0 0 $dgreen,
    6em 49em 0 1em $lgreen,
    5em 51em 0 1em $lgreen,
    8.5em 51.5em 0 1.5em $lgreen,
    12.5em 52.5em 0 1.5em $lgreen,
    16.5em 53.5em 0 1.5em $lgreen,
    21em 54em 0 2em $lgreen,
    25.5em 53.5em 0 1.5em $lgreen,
    29.5em 52.5em 0 1.5em $lgreen,
    32em 50em 0 1em $lgreen,
    33em 52em 0 1em $lgreen,
    /* light purple skin */
    23.5em 5.5em 0 2.5em $lpurple,
    23em 11em 0 4em $lpurple,
    22.5em 15.5em 0 5.5em $lpurple,
    21.5em 20.5em 0 6.5em $lpurple,
    20.5em 25.5em 0 7.5em $lpurple,
    20em 31em 0 9em $lpurple,
    19.5em 38.5em 0 10.5em $lpurple,
    21em 44em 0 10em $lpurple,
    12.5em 42.5em 0 5.5em $lpurple,
    ;
}
.purple4 {
  animation-name: showframe;
  animation-duration: .1s;
  animation-delay: 2.3s;
  box-shadow:
    /* dark purple border */
    20em 1em 0 0 $dpurple,
    21em 1em 0 0 $dpurple,
    22em 1em 0 0 $dpurple,
    23em 1em 0 0 $dpurple,
    24em 2em 0 0 $dpurple,
    25em 3em 0 0 $dpurple,
    25em 4em 0 0 $dpurple,
    26em 5em 0 0 $dpurple,
    27em 6em 0 0 $dpurple,
    28em 6em 0 0 $dpurple,
    29em 7em 0 0 $dpurple,
    30em 8em 0 0 $dpurple,
    30em 9em 0 0 $dpurple,
    31em 10em 0 0 $dpurple,
    31em 11em 0 0 $dpurple,
    32em 12em 0 0 $dpurple,
    33em 12em 0 0 $dpurple,
    34em 13em 0 0 $dpurple,
    34em 14em 0 0 $dpurple,
    35em 15em 0 0 $dpurple,
    35em 16em 0 0 $dpurple,
    35em 17em 0 0 $dpurple,
    35em 18em 0 0 $dpurple,
    35em 19em 0 0 $dpurple,
    35em 20em 0 0 $dpurple,
    34em 21em 0 0 $dpurple,
    33em 21em 0 0 $dpurple,
    32em 22em 0 0 $dpurple,
    31em 22em 0 0 $dpurple,
    30em 23em 0 0 $dpurple,
    29em 23em 0 0 $dpurple,
    28em 23em 0 0 $dpurple,
    27em 23em 0 0 $dpurple,
    26em 24em 0 0 $dpurple,
    25em 24em 0 0 $dpurple,
    24em 24em 0 0 $dpurple,
    23em 24em 0 0 $dpurple,
    22em 24em 0 0 $dpurple,
    21em 24em 0 0 $dpurple,
    20em 24em 0 0 $dpurple,
    19em 24em 0 0 $dpurple,
    18em 24em 0 0 $dpurple,
    17em 24em 0 0 $dpurple,
    16em 24em 0 0 $dpurple,
    15em 24em 0 0 $dpurple,
    14em 24em 0 0 $dpurple,
    13em 23em 0 0 $dpurple,
    12em 23em 0 0 $dpurple,
    11em 22em 0 0 $dpurple,
    10em 22em 0 0 $dpurple,
    9em 21em 0 0 $dpurple,
    8em 20em 0 0 $dpurple,
    8em 19em 0 0 $dpurple,
    7em 18em 0 0 $dpurple,
    7em 17em 0 0 $dpurple,
    7em 16em 0 0 $dpurple,
    7em 15em 0 0 $dpurple,
    7em 14em 0 0 $dpurple,
    7em 13em 0 0 $dpurple,
    8em 12em 0 0 $dpurple,
    8em 11em 0 0 $dpurple,
    9em 10em 0 0 $dpurple,
    10em 9em 0 0 $dpurple,
    11em 8em 0 0 $dpurple,
    12em 8em 0 0 $dpurple,
    13em 7em 0 0 $dpurple,
    14em 6em 0 0 $dpurple,
    15em 6em 0 0 $dpurple,
    16em 5em 0 0 $dpurple,
    17em 4em 0 0 $dpurple,
    18em 3em 0 0 $dpurple,
    19em 2em 0 0 $dpurple,
    /* browe */
    18em 4em 0 0 $dark,
    19em 4em 0 0 $dark,
    20em 4em 0 0 $dark,
    20em 5em 0 0 $dark,
    20em 6em 0 0 $dark,
    20em 7em 0 0 $dark,
    21em 7em 0 0 $dark,
    22em 7em 0 0 $dark,
    23em 7em 0 0 $dark,
    24em 7em 0 0 $dark,
    25em 7em 0 0 $dark,
    25em 6em 0 0 $dark,
    26em 6em 0 0 $dark,
    /* first, second and third sucker */
    19em 8em 0 0 $lgreen,
    19em 9em 0 0 $lgreen,
    25em 8em 0 0 $lgreen,
    25em 9em 0 0 $lgreen,
    20.5em 10.5em 0 .5em $lgreen,
    22.5em 10.5em 0 .5em $lgreen,
    23.5em 10.5em 0 .5em $lgreen,
    25em 11em 0 0 $lgreen,
    26em 12em 0 0 $lgreen,
    25em 13em 0 0 $lgreen,
    19em 11em 0 0 $lgreen,
    18em 12em 0 0 $lgreen,
    19em 13em 0 0 $lgreen,
    20.5em 14.5em 0 .5em $lgreen,
    22.5em 14.5em 0 .5em $lgreen,
    23.5em 14.5em 0 .5em $lgreen,
    19em 15em 0 0 $lgreen,
    18.5em 16.5em 0 .5em $lgreen,
    18.5em 17.5em 0 .5em $lgreen,
    19em 19em 0 0 $lgreen,
    20em 19em 0 0 $lgreen,
    21em 19em 0 0 $lgreen,
    22em 19em 0 0 $lgreen,
    23em 19em 0 0 $lgreen,
    24em 19em 0 0 $lgreen,
    25em 19em 0 0 $lgreen,
    26em 19em 0 0 $lgreen,
    27em 18em 0 0 $lgreen,
    28em 18em 0 0 $lgreen,
    28em 17em 0 0 $lgreen,
    28em 16em 0 0 $lgreen,
    27em 16em 0 0 $lgreen,
    27em 15em 0 0 $lgreen,
    26em 15em 0 0 $lgreen,
    25em 15em 0 0 $lgreen,
    18.5em 8.5em 0 .5em $dgreen,
    25.5em 8.5em 0 .5em $dgreen,
    22em 10em 0 3em $dgreen,
    19em 12em 0 1em $dgreen,
    17em 12em 0 0 $dgreen,
    25em 12em 0 1em $dgreen,
    26.5em 12.5em 0 .5em $dgreen,
    22em 15em 0 3em $dgreen,
    28em 17em 0 1em $dgreen,
    27em 17em 0 1em $dgreen,
    18em 17em 0 1em $dgreen,
    26em 18em 0 1em $dgreen,
    20em 17em 0 2em $dgreen,
    22.5em 16.5em 0 3.5em $dpurple,
    17em 19em 0 0 $dpurple,
    28em 19em 0 0 $dpurple,
    16.5em 12.5em 0 .5em $dpurple,
    15.5em 12.5em 0 .5em $dpurple,
    14em 12em 0 0 $dpurple,
    13em 11em 0 0 $dpurple,
    18em 14em 0 0 $dpurple,
    18em 10em 0 1em $dpurple,
    27em 13em 0 1em $dpurple,
    29em 11em 0 0 $dpurple,
    29em 12em 0 0 $dpurple,
    27em 11em 0 0 $dpurple,
    26em 10em 0 0 $dpurple,
    /* last sucker */
    36em 20em 0 0 $dgreen,
    36em 21em 0 0 $dgreen,
    36em 22em 0 0 $dgreen,
    35em 23em 0 0 $dgreen,
    35em 24em 0 0 $dgreen,
    34em 25em 0 0 $dgreen,
    33em 25em 0 0 $dgreen,
    32em 26em 0 0 $dgreen,
    31em 26em 0 0 $dgreen,
    30em 27em 0 0 $dgreen,
    29em 27em 0 0 $dgreen,
    28em 27em 0 0 $dgreen,
    27em 28em 0 0 $dgreen,
    26em 28em 0 0 $dgreen,
    25em 28em 0 0 $dgreen,
    24em 28em 0 0 $dgreen,
    23em 28em 0 0 $dgreen,
    22em 28em 0 0 $dgreen,
    21em 28em 0 0 $dgreen,
    20em 28em 0 0 $dgreen,
    19em 28em 0 0 $dgreen,
    18em 28em 0 0 $dgreen,
    17em 28em 0 0 $dgreen,
    16em 28em 0 0 $dgreen,
    15em 28em 0 0 $dgreen,
    14em 28em 0 0 $dgreen,
    13em 28em 0 0 $dgreen,
    12em 27em 0 0 $dgreen,
    11em 27em 0 0 $dgreen,
    10em 26em 0 0 $dgreen,
    9em 26em 0 0 $dgreen,
    8em 25em 0 0 $dgreen,
    7em 24em 0 0 $dgreen,
    7em 23em 0 0 $dgreen,
    6em 22em 0 0 $dgreen,
    6em 21em 0 0 $dgreen,
    6em 20em 0 0 $dgreen,
    6em 19em 0 0 $dgreen,
    7em 20em 0 1em $lgreen,
    7em 21em 0 1em $lgreen,
    9.5em 23.5em 0 1.5em $lgreen,
    12.5em 25.5em 0 1.5em $lgreen,
    17em 26em 0 2em $lgreen,
    22em 26em 0 2em $lgreen,
    26.5em 25.5em 0 1.5em $lgreen,
    30.5em 24.5em 0 1.5em $lgreen,
    34em 23em 0 1em $lgreen,
    35em 21em 0 0 $lgreen,
    /* light purple skin */
    21.5em 4.5em 0 2.5em $lpurple,
    21em 10em 0 5em $lpurple,
    21em 15em 0 8em $lpurple,
    16.5em 15.5em 0 6.5em $lpurple,
    12.5em 15.5em 0 4.5em $lpurple,
    25em 16em 0 6em $lpurple,
    30em 17em 0 4em $lpurple,
    /* slime */
    10em 27em 0 0 $light,
    10em 28em 0 0 $light,
    10em 31em 0 0 $light,
    10em 32em 0 0 $light,
    15em 29em 0 0 $light,
    15em 30em 0 0 $light,
    15em 34em 0 0 $light,
    15em 35em 0 0 $light,
    15em 37em 0 0 $light,
    15em 38em 0 0 $light,
    14em 41em 0 0 $light,
    13em 42em 0 0 $light,
    13em 46em 0 0 $light,
    14em 46em 0 0 $light,
    7em 46em 0 0 $light,
    7em 48em 0 0 $light,
    7em 51em 0 0 $light,
    7em 52em 0 0 $light,
    6em 53em 0 0 $light,
    12em 51em 0 0 $light,
    12em 55em 0 0 $light,
    13em 55em 0 0 $light,
    22em 29em 0 0 $light,
    22em 30em 0 0 $light,
    22em 31em 0 0 $light,
    22em 37em 0 0 $light,
    32em 27em 0 0 $light,
    32em 28em 0 0 $light,
    32em 29em 0 0 $light,
    32em 31em 0 0 $light,
    32em 33em 0 0 $light,
    26em 32em 0 0 $light,
    26em 33em 0 0 $light,
    26em 34em 0 0 $light,
    26em 35em 0 0 $light,
    26em 39em 0 0 $light,
    26em 41em 0 0 $light,
    26em 43em 0 0 $light,
    26em 44em 0 0 $light,
    17em 50em 0 0 $light,
    18em 50em 0 0 $light,
    22em 46em 0 0 $light,
    25em 46em 0 0 $light,
    22em 50em 0 0 $light,
    22em 51em 0 0 $light,
    24em 50em 0 0 $light,
    25em 50em 0 0 $light,
    23em 53em 0 0 $light,
    23em 54em 0 0 $light,
    23em 56em 0 0 $light,
    24em 56em 0 0 $light,
    25em 56em 0 0 $light,
    24em 55em 0 0 $light,
    31em 54em 0 0 $light,
    32em 54em 0 0 $light,
    32em 53em 0 0 $light,
    32em 52em 0 0 $light,
    32em 51em 0 0 $light,
    32em 49em 0 0 $light,
    32em 46em 0 0 $light,
    34em 53em 0 0 $light,
}
.purple5 {
  animation-name: showframe;
  animation-duration: .1s;
  animation-delay: 2.4s;
  box-shadow:
    /* dark purple border */
    10em 9em 0 0 $dpurple,
    10em 8em 0 0 $dpurple,
    10em 7em 0 0 $dpurple,
    10em 6em 0 0 $dpurple,
    10em 5em 0 0 $dpurple,
    11em 4em 0 0 $dpurple,
    11em 3em 0 0 $dpurple,
    12em 2em 0 0 $dpurple,
    13em 2em 0 0 $dpurple,
    14em 2em 0 0 $dpurple,
    15em 2em 0 0 $dpurple,
    16em 3em 0 0 $dpurple,
    17em 4em 0 0 $dpurple,
    17em 5em 0 0 $dpurple,
    18em 6em 0 0 $dpurple,
    18em 7em 0 0 $dpurple,
    18em 8em 0 0 $dpurple,
    18em 9em 0 0 $dpurple,
    19em 12em 0 0 $dpurple,
    20em 13em 0 0 $dpurple,
    20em 14em 0 0 $dpurple,
    21em 15em 0 0 $dpurple,
    22em 16em 0 0 $dpurple,
    22em 17em 0 0 $dpurple,
    23em 18em 0 0 $dpurple,
    24em 19em 0 0 $dpurple,
    24em 20em 0 0 $dpurple,
    25em 20em 0 0 $dpurple,
    26em 21em 0 0 $dpurple,
    27em 22em 0 0 $dpurple,
    27em 23em 0 0 $dpurple,
    28em 24em 0 0 $dpurple,
    28em 25em 0 0 $dpurple,
    29em 26em 0 0 $dpurple,
    29em 27em 0 0 $dpurple,
    30em 28em 0 0 $dpurple,
    31em 29em 0 0 $dpurple,
    31em 30em 0 0 $dpurple,
    32em 31em 0 0 $dpurple,
    32em 32em 0 0 $dpurple,
    32em 33em 0 0 $dpurple,
    33em 34em 0 0 $dpurple,
    33em 35em 0 0 $dpurple,
    4em 44em 0 0 $dpurple,
    4em 43em 0 0 $dpurple,
    4em 42em 0 0 $dpurple,
    4em 41em 0 0 $dpurple,
    4em 40em 0 0 $dpurple,
    4em 39em 0 0 $dpurple,
    4em 38em 0 0 $dpurple,
    4em 37em 0 0 $dpurple,
    4em 36em 0 0 $dpurple,
    4em 35em 0 0 $dpurple,
    4em 34em 0 0 $dpurple,
    4em 33em 0 0 $dpurple,
    5em 32em 0 0 $dpurple,
    5em 31em 0 0 $dpurple,
    5em 30em 0 0 $dpurple,
    5em 29em 0 0 $dpurple,
    5em 28em 0 0 $dpurple,
    5em 27em 0 0 $dpurple,
    5em 26em 0 0 $dpurple,
    6em 25em 0 0 $dpurple,
    6em 24em 0 0 $dpurple,
    6em 23em 0 0 $dpurple,
    6em 22em 0 0 $dpurple,
    6em 21em 0 0 $dpurple,
    6em 20em 0 0 $dpurple,
    7em 19em 0 0 $dpurple,
    7em 18em 0 0 $dpurple,
    7em 17em 0 0 $dpurple,
    8em 16em 0 0 $dpurple,
    8em 15em 0 0 $dpurple,
    8em 14em 0 0 $dpurple,
    8em 13em 0 0 $dpurple,
    9em 12em 0 0 $dpurple,
    /* browe */
    19em 10em 0 0 $dark,
    19em 11em 0 0 $dark,
    18em 11em 0 0 $dark,
    17em 11em 0 0 $dark,
    16em 11em 0 0 $dark,
    15em 11em 0 0 $dark,
    14em 11em 0 0 $dark,
    13em 11em 0 0 $dark,
    13em 10em 0 0 $dark,
    12em 10em 0 0 $dark,
    11em 10em 0 0 $dark,
    10em 10em 0 0 $dark,
    9em 10em 0 0 $dark,
    9em 11em 0 0 $dark,
    /* first sucker */
    12em 11em 0 0 $lgreen,
    12em 12em 0 0 $lgreen,
    12em 13em 0 0 $lgreen,
    13em 14em 0 0 $lgreen,
    14em 14em 0 0 $lgreen,
    15em 14em 0 0 $lgreen,
    16em 14em 0 0 $lgreen,
    17em 14em 0 0 $lgreen,
    17em 13em 0 0 $lgreen,
    17em 13em 0 0 $lgreen,
    17em 12em 0 0 $lgreen,
    15em 13em 0 2em $dgreen,
    17em 13em 0 1em $dgreen,
    13em 13em 0 1em $dgreen,
    12em 12em 0 1em $dgreen,
    15.5em 13.5em 0 2.5em $dpurple,
    11.5em 14.5em 0 .5em $dpurple,
    12.5em 15.5em 0 .5em $dpurple,
    /* second sucker */
    13em 17em 0 0 $lgreen,
    14em 17em 0 0 $lgreen,
    15em 17em 0 0 $lgreen,
    16em 17em 0 0 $lgreen,
    17em 17em 0 0 $lgreen,
    18em 17em 0 0 $lgreen,
    19em 17em 0 0 $lgreen,
    20em 18em 0 0 $lgreen,
    21em 19em 0 0 $lgreen,
    20em 20em 0 0 $lgreen,
    19em 20em 0 0 $lgreen,
    18em 20em 0 0 $lgreen,
    17em 20em 0 0 $lgreen,
    16em 20em 0 0 $lgreen,
    15em 20em 0 0 $lgreen,
    14em 20em 0 0 $lgreen,
    13em 19em 0 0 $lgreen,
    12em 19em 0 0 $lgreen,
    12em 18em 0 0 $lgreen,
    17.5em 20.5em 0 1.5em $dgreen,
    15em 19em 0 2em $dgreen,
    14em 18em 0 2em $dgreen,
    11.5em 18.5em 0 .5em $dgreen,
    18.5em 19.5em 0 1.5em $dgreen,
    20.5em 19.5em 0 .5em $dgreen,
    14em 21em 0 1em $dpurple,
    11em 20em 0 0 $dpurple,
    12em 21em 0 0 $dpurple,
    20.5em 21.5em 0 .5em $dpurple,
    22em 22em 0 0 $dpurple,
    /* third sucker */
    15em 23em 0 0 $lgreen,
    16em 23em 0 0 $lgreen,
    17em 23em 0 0 $lgreen,
    18em 23em 0 0 $lgreen,
    19em 23em 0 0 $lgreen,
    20em 23em 0 0 $lgreen,
    21em 23em 0 0 $lgreen,
    22em 23em 0 0 $lgreen,
    23em 23em 0 0 $lgreen,
    24em 24em 0 0 $lgreen,
    25em 25em 0 0 $lgreen,
    25em 26em 0 0 $lgreen,
    24em 26em 0 0 $lgreen,
    23em 27em 0 0 $lgreen,
    22em 27em 0 0 $lgreen,
    21em 27em 0 0 $lgreen,
    20em 27em 0 0 $lgreen,
    19em 27em 0 0 $lgreen,
    18em 27em 0 0 $lgreen,
    17em 27em 0 0 $lgreen,
    16em 26em 0 0 $lgreen,
    15em 26em 0 0 $lgreen,
    14em 25em 0 0 $lgreen,
    14em 24em 0 0 $lgreen,
    14em 25em 0 1em $dgreen,
    16em 25em 0 2em $dgreen,
    17em 26em 0 2em $dgreen,
    19em 26em 0 3em $dgreen,
    21em 26em 0 2em $dgreen,
    24em 26em 0 1em $dgreen,
    14em 27em 0 1em $dpurple,
    15em 28em 0 1em $dpurple,
    24em 29em 0 1em $dpurple,
    21em 28em 0 3em $dpurple,
    16em 29em 0 1em $dpurple,
    17em 30em 0 1em $dpurple,
    /* last sucker */
    15em 33em 0 0 $dgreen,
    16em 33em 0 0 $dgreen,
    17em 33em 0 0 $dgreen,
    18em 33em 0 0 $dgreen,
    19em 33em 0 0 $dgreen,
    20em 33em 0 0 $dgreen,
    21em 33em 0 0 $dgreen,
    22em 33em 0 0 $dgreen,
    23em 33em 0 0 $dgreen,
    24em 33em 0 0 $dgreen,
    25em 33em 0 0 $dgreen,
    26em 33em 0 0 $dgreen,
    27em 33em 0 0 $dgreen,
    28em 33em 0 0 $dgreen,
    29em 34em 0 0 $dgreen,
    30em 34em 0 0 $dgreen,
    31em 34em 0 0 $dgreen,
    32em 35em 0 0 $dgreen,
    33em 36em 0 0 $dgreen,
    34em 37em 0 0 $dgreen,
    35em 38em 0 0 $dgreen,
    35em 39em 0 0 $dgreen,
    35em 40em 0 0 $dgreen,
    35em 41em 0 0 $dgreen,
    35em 42em 0 0 $dgreen,
    35em 43em 0 0 $dgreen,
    34em 44em 0 0 $dgreen,
    33em 45em 0 0 $dgreen,
    32em 46em 0 0 $dgreen,
    31em 46em 0 0 $dgreen,
    30em 47em 0 0 $dgreen,
    28em 48em 0 0 $dgreen,
    27em 48em 0 0 $dgreen,
    24em 49em 0 0 $dgreen,
    23em 49em 0 0 $dgreen,
    22em 49em 0 0 $dgreen,
    21em 49em 0 0 $dgreen,
    20em 49em 0 0 $dgreen,
    19em 49em 0 0 $dgreen,
    18em 49em 0 0 $dgreen,
    17em 49em 0 0 $dgreen,
    16em 49em 0 0 $dgreen,
    14em 49em 0 0 $dgreen,
    13em 49em 0 0 $dgreen,
    12em 49em 0 0 $dgreen,
    11em 49em 0 0 $dgreen,
    10em 49em 0 0 $dgreen,
    9em 49em 0 0 $dgreen,
    8em 49em 0 0 $dgreen,
    7em 48em 0 0 $dgreen,
    6em 48em 0 0 $dgreen,
    5em 47em 0 0 $dgreen,
    5em 46em 0 0 $dgreen,
    5em 45em 0 0 $dgreen,
    5em 44em 0 0 $dgreen,
    5em 43em 0 0 $dgreen,
    5em 42em 0 0 $dgreen,
    6em 41em 0 0 $dgreen,
    6em 40em 0 0 $dgreen,
    6em 39em 0 0 $dgreen,
    7em 38em 0 0 $dgreen,
    8em 37em 0 0 $dgreen,
    9em 36em 0 0 $dgreen,
    10em 35em 0 0 $dgreen,
    11em 35em 0 0 $dgreen,
    12em 34em 0 0 $dgreen,
    13em 34em 0 0 $dgreen,
    14em 34em 0 0 $dgreen,
    /* slime */
    35em 45em 0 0 $light,
    34em 47em 0 0 $light,
    29em 47em 0 0 $light,
    29em 48em 0 0 $light,
    29em 50em 0 0 $light,
    28em 51em 0 0 $light,
    25em 54em 0 0 $light,
    24em 54em 0 0 $light,
    22em 55em 0 0 $light,
    17em 54em 0 0 $light,
    18em 53em 0 0 $light,
    21em 51em 0 0 $light,
    23em 50em 0 0 $light,
    24em 50em 0 0 $light,
    25em 49em 0 0 $light,
    26em 48em 0 0 $light,
    27em 47em 0 0 $light,
    28em 46em 0 0 $light,
    29em 45em 0 0 $light,
    30em 44em 0 0 $light,
    31em 43em 0 0 $light,
    15em 49em 0 0 $light,
    15em 48em 0 0 $light,
    16em 47em 0 0 $light,
    16em 46em 0 0 $light,
    11em 46em 0 0 $light,
    12em 45em 0 0 $light,
    12em 44em 0 0 $light,
    13em 43em 0 0 $light,
    13em 42em 0 0 $light,
    13em 41em 0 0 $light,
    14em 40em 0 0 $light,
    14em 39em 0 0 $light,
    14em 38em 0 0 $light,
    12em 51em 0 0 $light,
    13em 51em 0 0 $light,
    12em 53em 0 0 $light,
    11em 54em 0 0 $light,
    5em 54em 0 0 $light,
    6em 54em 0 0 $light,
    7em 53em 0 0 $light,
    /* last sucker rest */
    10em 45em 0 0 $dgreen,
    10em 44em 0 0 $dgreen,
    10.5em 42.5em 0 .5em $dgreen,
    12em 42em 0 1em $dgreen,
    13.5em 41.5em 0 1.5em $dgreen,
    15.5em 41.5em 0 2.5em $dgreen,
    19em 41em 0 3em $dgreen,
    20em 41em 0 3em $dgreen,
    23.5em 40.5em 0 2.5em $dgreen,
    26em 40em 0 2em $dgreen,
    28em 40em 0 1em $dgreen,
    29.5em 39.5em 0 .5em $dgreen,
    31em 40em 0 0 $dgreen,
    31em 41em 0 0 $dgreen,
    30.5em 40.5em 0 3.5em $lgreen,
    26.5em 40.5em 0 5.5em $lgreen,
    22em 41em 0 7em $lgreen,
    16.5em 41.5em 0 6.5em $lgreen,
    10.5em 43.5em 0 4.5em $lgreen,
    8.5em 37.5em 0 .5em $lgreen,
    /* light purple skin */
    13.5em 5.5em 0 2.5em $lpurple,
    14em 10em 0 4em $lpurple,
    14em 19em 0 6em $lpurple,
    15em 23em 0 7em $lpurple,
    15em 27em 0 8em $lpurple,
    19em 28em 0 7em $lpurple,
    21em 31em 0 7em $lpurple,
    26em 32em 0 4em $lpurple,
    30em 33em 0 2em $lpurple,
    13em 34em 0 8em $lpurple,
    ;
}
.purple6 {
  animation-name: showframe;
  animation-duration: .1s;
  animation-delay: 2.5s;
  box-shadow:
    /* dark purple border */
    9em 14em 0 0 $dpurple,
    10em 14em 0 0 $dpurple,
    11em 14em 0 0 $dpurple,
    12em 14em 0 0 $dpurple,
    22em 20em 0 0 $dpurple,
    23em 21em 0 0 $dpurple,
    23em 22em 0 0 $dpurple,
    24em 23em 0 0 $dpurple,
    25em 24em 0 0 $dpurple,
    25em 25em 0 0 $dpurple,
    26em 26em 0 0 $dpurple,
    26em 27em 0 0 $dpurple,
    27em 28em 0 0 $dpurple,
    28em 29em 0 0 $dpurple,
    28em 30em 0 0 $dpurple,
    28em 31em 0 0 $dpurple,
    29em 32em 0 0 $dpurple,
    29em 33em 0 0 $dpurple,
    30em 34em 0 0 $dpurple,
    30em 35em 0 0 $dpurple,
    31em 36em 0 0 $dpurple,
    31em 37em 0 0 $dpurple,
    31em 38em 0 0 $dpurple,
    32em 39em 0 0 $dpurple,
    32em 40em 0 0 $dpurple,
    32em 41em 0 0 $dpurple,
    32em 42em 0 0 $dpurple,
    32em 43em 0 0 $dpurple,
    32em 44em 0 0 $dpurple,
    33em 45em 0 0 $dpurple,
    33em 46em 0 0 $dpurple,
    33em 47em 0 0 $dpurple,
    33em 48em 0 0 $dpurple,
    33em 49em 0 0 $dpurple,
    33em 50em 0 0 $dpurple,
    33em 51em 0 0 $dpurple,
    32em 52em 0 0 $dpurple,
    31em 53em 0 0 $dpurple,
    30em 53em 0 0 $dpurple,
    29em 54em 0 0 $dpurple,
    28em 54em 0 0 $dpurple,
    27em 54em 0 0 $dpurple,
    26em 55em 0 0 $dpurple,
    25em 55em 0 0 $dpurple,
    24em 55em 0 0 $dpurple,
    23em 55em 0 0 $dpurple,
    22em 55em 0 0 $dpurple,
    21em 55em 0 0 $dpurple,
    20em 55em 0 0 $dpurple,
    19em 55em 0 0 $dpurple,
    18em 55em 0 0 $dpurple,
    17em 55em 0 0 $dpurple,
    16em 55em 0 0 $dpurple,
    13em 54em 0 0 $dpurple,
    12em 54em 0 0 $dpurple,
    11em 54em 0 0 $dpurple,
    10em 54em 0 0 $dpurple,
    9em 53em 0 0 $dpurple,
    8em 53em 0 0 $dpurple,
    6em 52em 0 0 $dpurple,
    6em 51em 0 0 $dpurple,
    6em 50em 0 0 $dpurple,
    5em 51em 0 0 $dpurple,
    6em 48em 0 0 $dpurple,
    6em 47em 0 0 $dpurple,
    6em 46em 0 0 $dpurple,
    6em 45em 0 0 $dpurple,
    6em 44em 0 0 $dpurple,
    7em 43em 0 0 $dpurple,
    7em 42em 0 0 $dpurple,
    7em 41em 0 0 $dpurple,
    7em 40em 0 0 $dpurple,
    7em 39em 0 0 $dpurple,
    7em 38em 0 0 $dpurple,
    8em 37em 0 0 $dpurple,
    8em 36em 0 0 $dpurple,
    8em 35em 0 0 $dpurple,
    8em 34em 0 0 $dpurple,
    9em 33em 0 0 $dpurple,
    9em 32em 0 0 $dpurple,
    9em 31em 0 0 $dpurple,
    9em 30em 0 0 $dpurple,
    9em 29em 0 0 $dpurple,
    9em 28em 0 0 $dpurple,
    9em 27em 0 0 $dpurple,
    9em 26em 0 0 $dpurple,
    9em 25em 0 0 $dpurple,
    9em 24em 0 0 $dpurple,
    9em 23em 0 0 $dpurple,
    9em 22em 0 0 $dpurple,
    9em 21em 0 0 $dpurple,
    9em 20em 0 0 $dpurple,
    8em 19em 0 0 $dpurple,
    8em 18em 0 0 $dpurple,
    8em 17em 0 0 $dpurple,
    8em 16em 0 0 $dpurple,
    8em 15em 0 0 $dpurple,
    /* slime */
    15em 55em 0 0 $light,
    14em 54em 0 0 $light,
    18em 58em 0 0 $light,
    11em 51em 0 0 $light,
    5em 49em 0 0 $light,
    6em 49em 0 0 $light,
    7em 50em 0 0 $light,
    7em 51em 0 0 $light,
    7em 52em 0 0 $light,
    1em 52em 0 0 $light,
    9em 55em 0 0 $light,
    10em 55em 0 0 $light,
    10em 56em 0 0 $light,
    32em 55em 0 0 $light,
    32em 56em 0 0 $light,
    32em 57em 0 0 $light,
    /* browe */
    11em 16em 0 0 $dark,
    12em 15em 0 0 $dark,
    13em 14em 0 0 $dark,
    14em 14em 0 0 $dark,
    15em 14em 0 0 $dark,
    16em 14em 0 0 $dark,
    17em 14em 0 0 $dark,
    18em 15em 0 0 $dark,
    15em 15em 0 0 $dpurple,
    16em 15em 0 0 $dpurple,
    17em 15em 0 0 $dpurple,
    /* first sucker */
    15em 16em 0 0 $lgreen,
    16em 16em 0 0 $lgreen,
    17em 16em 0 0 $lgreen,
    18em 16em 0 0 $lgreen,
    19em 16em 0 0 $lgreen,
    20em 17em 0 0 $lgreen,
    21em 18em 0 0 $lgreen,
    21em 19em 0 0 $lgreen,
    20em 19em 0 0 $lgreen,
    19em 19em 0 0 $lgreen,
    18em 19em 0 0 $lgreen,
    17em 19em 0 0 $lgreen,
    16em 19em 0 0 $lgreen,
    15em 18em 0 0 $lgreen,
    14em 18em 0 0 $lgreen,
    14em 17em 0 0 $lgreen,
    13.5em 17.5em 0 .5em $dgreen,
    15.5em 17.5em 0 1.5em $dgreen,
    17em 18em 0 2em $dgreen,
    19em 19em 0 1em $dgreen,
    18em 20em 0 1em $dgreen,
    19em 20em 0 2em $dpurple,
    17em 20em 0 2em $dpurple,
    15em 20em 0 1em $dpurple,
    13em 19em 0 0 $dpurple,
    /* second sucker */
    17em 23em 0 0 $lgreen,
    18em 23em 0 0 $lgreen,
    19em 23em 0 0 $lgreen,
    20em 23em 0 0 $lgreen,
    21em 23em 0 0 $lgreen,
    22em 23em 0 0 $lgreen,
    23em 24em 0 0 $lgreen,
    24em 25em 0 0 $lgreen,
    24em 26em 0 0 $lgreen,
    24em 27em 0 0 $lgreen,
    23em 28em 0 0 $lgreen,
    22em 29em 0 0 $lgreen,
    21em 29em 0 0 $lgreen,
    20em 29em 0 0 $lgreen,
    19em 29em 0 0 $lgreen,
    18em 29em 0 0 $lgreen,
    17em 29em 0 0 $lgreen,
    16em 28em 0 0 $lgreen,
    15em 27em 0 0 $lgreen,
    15em 26em 0 0 $lgreen,
    15em 25em 0 0 $lgreen,
    16em 24em 0 0 $lgreen,
    14.5em 26.5em 0 .5em $dgreen,
    16em 27em 0 1em $dgreen,
    18.5em 26.5em 0 2.5em $dgreen,
    19.5em 27.5em 0 2.5em $dgreen,
    20.5em 26.5em 0 2.5em $dgreen,
    24em 28em 0 0 $dgreen,
    14.5em 28.5em 0 .5em $dpurple,
    15.5em 30.5em 0 .5em $dpurple,
    20em 29em 0 3em $dpurple,
    21em 28em 0 3em $dpurple,
    /* third sucker */
    18em 35em 0 0 $lgreen,
    19em 35em 0 0 $lgreen,
    20em 35em 0 0 $lgreen,
    21em 35em 0 0 $lgreen,
    22em 35em 0 0 $lgreen,
    23em 35em 0 0 $lgreen,
    24em 35em 0 0 $lgreen,
    25em 36em 0 0 $lgreen,
    25em 37em 0 0 $lgreen,
    26em 37em 0 0 $lgreen,
    26em 38em 0 0 $lgreen,
    26em 39em 0 0 $lgreen,
    26em 40em 0 0 $lgreen,
    26em 41em 0 0 $lgreen,
    26em 42em 0 0 $lgreen,
    26em 43em 0 0 $lgreen,
    25em 43em 0 0 $lgreen,
    25em 44em 0 0 $lgreen,
    24em 44em 0 0 $lgreen,
    24em 45em 0 0 $lgreen,
    23em 45em 0 0 $lgreen,
    22em 45em 0 0 $lgreen,
    21em 45em 0 0 $lgreen,
    20em 45em 0 0 $lgreen,
    19em 45em 0 0 $lgreen,
    18em 44em 0 0 $lgreen,
    17em 44em 0 0 $lgreen,
    16.5em 42.5em 0 .5em $lgreen,
    16.5em 40.5em 0 .5em $lgreen,
    16.5em 38.5em 0 .5em $lgreen,
    16.5em 37.5em 0 .5em $lgreen,
    17.5em 36.5em 0 .5em $lgreen,
    21em 37em 0 3em $dgreen,
    21em 39em 0 4em $dgreen,
    22em 40em 0 4em $dgreen,
    21em 41em 0 4em $dgreen,
    20em 40em 0 4em $dgreen,
    24em 40em 0 3em $dgreen,
    18em 40em 0 3em $dgreen,
    21.5em 43.5em 0 2.5em $dgreen,
    15.5em 44.5em 0 .5em $dpurple,
    17em 46em 0 1em $dpurple,
    26em 45em 0 1em $dpurple,
    21.5em 43.5em 0 4.5em $dpurple,
    22em 46em 0 3em $dpurple,
    /* last sucker */
    33em 52em 0 0 $dgreen,
    34em 52em 0 0 $dgreen,
    35em 53em 0 0 $dgreen,
    35em 54em 0 0 $dgreen,
    34em 55em 0 0 $dgreen,
    33em 55em 0 0 $dgreen,
    31em 56em 0 0 $dgreen,
    31em 57em 0 0 $dgreen,
    30em 57em 0 0 $dgreen,
    29em 57em 0 0 $dgreen,
    28em 57em 0 0 $dgreen,
    27em 57em 0 0 $dgreen,
    27em 58em 0 0 $dgreen,
    26em 58em 0 0 $dgreen,
    25em 58em 0 0 $dgreen,
    24em 58em 0 0 $dgreen,
    23em 58em 0 0 $dgreen,
    22em 58em 0 0 $dgreen,
    21em 58em 0 0 $dgreen,
    20em 58em 0 0 $dgreen,
    19em 58em 0 0 $dgreen,
    17em 58em 0 0 $dgreen,
    16em 58em 0 0 $dgreen,
    15em 58em 0 0 $dgreen,
    14em 57em 0 0 $dgreen,
    13em 57em 0 0 $dgreen,
    12em 57em 0 0 $dgreen,
    11em 57em 0 0 $dgreen,
    10em 57em 0 0 $dgreen,
    9em 56em 0 0 $dgreen,
    8em 56em 0 0 $dgreen,
    7em 56em 0 0 $dgreen,
    6em 55em 0 0 $dgreen,
    5em 55em 0 0 $dgreen,
    4em 55em 0 0 $dgreen,
    3em 54em 0 0 $dgreen,
    2.5em 52.5em 0 .5em $dgreen,
    4em 51em 0 0 $dgreen,
    5.5em 53.5em 0 1.5em $lgreen,
    8.5em 54.5em 0 .5em $lgreen,
    12.5em 55.5em 0 1.5em $lgreen,
    16.5em 56.5em 0 1.5em $lgreen,
    20.5em 56.5em 0 1.5em $lgreen,
    24.5em 56.5em 0 1.5em $lgreen,
    28.5em 55.5em 0 1.5em $lgreen,
    28.5em 55.5em 0 1.5em $lgreen,
    29.5em 55.5em 0 1.5em $lgreen,
    33em 54em 0 1em $lgreen,
    /* light purple skin */
    13.5em 19.5em 0 4.5em $lpurple,
    16.5em 27.5em 0 6.5em $lpurple,
    17em 32em 0 8em $lpurple,
    18em 37em 0 9em $lpurple,
    19em 42em 0 10em $lpurple,
    19em 45em 0 11em $lpurple,
    25.5em 45.5em 0 6.5em $lpurple,
    9.5em 46.5em 0 2.5em $lpurple,
    ;
}
.purple7 {
  animation-name: fadeframe;
  animation-duration: 10s;
  animation-delay: 2.6s;
  box-shadow:
    /* dark purple border */
    21em 5em 0 0 $dpurple,
    22em 5em 0 0 $dpurple,
    23em 5em 0 0 $dpurple,
    24em 5em 0 0 $dpurple,
    25em 6em 0 0 $dpurple,
    25em 7em 0 0 $dpurple,
    25em 8em 0 0 $dpurple,
    25em 9em 0 0 $dpurple,
    25em 10em 0 0 $dpurple,
    25em 11em 0 0 $dpurple,
    25em 13em 0 0 $dpurple,
    26em 14em 0 0 $dpurple,
    26em 15em 0 0 $dpurple,
    26em 16em 0 0 $dpurple,
    26em 17em 0 0 $dpurple,
    27em 18em 0 0 $dpurple,
    27em 19em 0 0 $dpurple,
    27em 20em 0 0 $dpurple,
    28em 21em 0 0 $dpurple,
    28em 22em 0 0 $dpurple,
    28em 23em 0 0 $dpurple,
    28em 24em 0 0 $dpurple,
    29em 25em 0 0 $dpurple,
    29em 26em 0 0 $dpurple,
    29em 27em 0 0 $dpurple,
    29em 28em 0 0 $dpurple,
    30em 29em 0 0 $dpurple,
    30em 30em 0 0 $dpurple,
    30em 31em 0 0 $dpurple,
    30em 32em 0 0 $dpurple,
    30em 33em 0 0 $dpurple,
    30em 34em 0 0 $dpurple,
    30em 35em 0 0 $dpurple,
    31em 36em 0 0 $dpurple,
    31em 37em 0 0 $dpurple,
    31em 38em 0 0 $dpurple,
    31em 39em 0 0 $dpurple,
    31em 40em 0 0 $dpurple,
    31em 41em 0 0 $dpurple,
    31em 42em 0 0 $dpurple,
    31em 43em 0 0 $dpurple,
    31em 44em 0 0 $dpurple,
    31em 45em 0 0 $dpurple,
    31em 46em 0 0 $dpurple,
    31em 47em 0 0 $dpurple,
    31em 48em 0 0 $dpurple,
    30em 49em 0 0 $dpurple,
    29em 50em 0 0 $dpurple,
    28em 51em 0 0 $dpurple,
    27em 51em 0 0 $dpurple,
    26em 51em 0 0 $dpurple,
    25em 51em 0 0 $dpurple,
    24em 51em 0 0 $dpurple,
    23em 52em 0 0 $dpurple,
    22em 52em 0 0 $dpurple,
    21em 52em 0 0 $dpurple,
    20em 52em 0 0 $dpurple,
    19em 52em 0 0 $dpurple,
    18em 52em 0 0 $dpurple,
    17em 52em 0 0 $dpurple,
    16em 51em 0 0 $dpurple,
    15em 51em 0 0 $dpurple,
    14em 51em 0 0 $dpurple,
    13em 51em 0 0 $dpurple,
    12em 51em 0 0 $dpurple,
    11em 51em 0 0 $dpurple,
    10em 50em 0 0 $dpurple,
    9em 50em 0 0 $dpurple,
    8em 49em 0 0 $dpurple,
    7em 49em 0 0 $dpurple,
    7em 48em 0 0 $dpurple,
    6em 47em 0 0 $dpurple,
    7em 46em 0 0 $dpurple,
    7em 45em 0 0 $dpurple,
    8em 45em 0 0 $dpurple,
    8em 44em 0 0 $dpurple,
    8em 43em 0 0 $dpurple,
    8em 42em 0 0 $dpurple,
    8em 41em 0 0 $dpurple,
    8em 40em 0 0 $dpurple,
    8em 39em 0 0 $dpurple,
    8em 38em 0 0 $dpurple,
    8em 37em 0 0 $dpurple,
    8em 36em 0 0 $dpurple,
    8em 35em 0 0 $dpurple,
    8em 34em 0 0 $dpurple,
    8em 33em 0 0 $dpurple,
    9em 32em 0 0 $dpurple,
    9em 31em 0 0 $dpurple,
    9em 30em 0 0 $dpurple,
    9em 29em 0 0 $dpurple,
    9em 28em 0 0 $dpurple,
    10em 27em 0 0 $dpurple,
    10em 26em 0 0 $dpurple,
    10em 25em 0 0 $dpurple,
    10em 24em 0 0 $dpurple,
    10em 23em 0 0 $dpurple,
    11em 22em 0 0 $dpurple,
    11em 21em 0 0 $dpurple,
    12em 20em 0 0 $dpurple,
    13em 19em 0 0 $dpurple,
    13em 18em 0 0 $dpurple,
    13em 17em 0 0 $dpurple,
    14em 16em 0 0 $dpurple,
    14em 15em 0 0 $dpurple,
    15em 14em 0 0 $dpurple,
    15em 13em 0 0 $dpurple,
    16em 11em 0 0 $dpurple,
    17em 10em 0 0 $dpurple,
    17em 9em 0 0 $dpurple,
    18em 8em 0 0 $dpurple,
    19em 7em 0 0 $dpurple,
    20em 6em 0 0 $dpurple,
    /* browe */
    16em 13em 0 0 $dpurple,
    16em 12em 0 0 $dark,
    17em 12em 0 0 $dark,
    17em 13em 0 0 $dark,
    18em 13em 0 0 $dark,
    19em 13em 0 0 $dark,
    20em 13em 0 0 $dark,
    21em 13em 0 0 $dark,
    22em 13em 0 0 $dark,
    23em 12em 0 0 $dark,
    24em 12em 0 0 $dark,
    25em 12em 0 0 $dark,
    23em 13em 0 0 $dpurple,
    24em 13em 0 0 $dpurple,
    /* first sucker */
    19em 15em 0 1em $dgreen,
    21em 14em 0 0 $dgreen,
    21.5em 15.5em 0 .5em $dgreen,
    22em 14em 0 0 $lgreen,
    23em 14em 0 0 $lgreen,
    23em 15em 0 0 $lgreen,
    23em 16em 0 0 $lgreen,
    22em 17em 0 0 $lgreen,
    21em 17em 0 0 $lgreen,
    20em 17em 0 0 $lgreen,
    19em 17em 0 0 $lgreen,
    18em 17em 0 0 $lgreen,
    17em 16em 0 0 $lgreen,
    17em 15em 0 0 $lgreen,
    17em 14em 0 0 $lgreen,
    16em 14em 0 0 $dgreen,
    16em 15em 0 0 $dgreen,
    16em 16em 0 0 $dgreen,
    16em 17em 0 0 $dgreen,
    17em 17em 0 0 $dgreen,
    17em 18em 0 0 $dgreen,
    18em 18em 0 0 $dgreen,
    19em 18em 0 0 $dgreen,
    20em 18em 0 0 $dgreen,
    21em 18em 0 0 $dgreen,
    22em 18em 0 0 $dgreen,
    23em 18em 0 0 $dgreen,
    23em 17em 0 0 $dgreen,
    24em 17em 0 0 $dgreen,
    24em 16em 0 0 $dgreen,
    24em 15em 0 0 $dgreen,
    24em 14em 0 0 $dgreen,
    17em 19em 0 0 $dpurple,
    18em 19em 0 0 $dpurple,
    19.5em 19.5em 0 .5em $dpurple,
    21.5em 19.5em 0 .5em $dpurple,
    23em 19em 0 0 $dpurple,
    /* second sucker */
    18em 23em 0 0 $dgreen,
    19em 23em 0 0 $dgreen,
    20em 23em 0 0 $dgreen,
    21em 23em 0 0 $dgreen,
    22em 23em 0 0 $dgreen,
    23em 24em 0 0 $dgreen,
    24em 25em 0 0 $dgreen,
    25em 26em 0 0 $dgreen,
    25em 27em 0 0 $dgreen,
    25em 28em 0 0 $dgreen,
    24em 29em 0 0 $dgreen,
    23em 30em 0 0 $dgreen,
    22em 31em 0 0 $dgreen,
    21em 31em 0 0 $dgreen,
    20em 31em 0 0 $dgreen,
    19em 31em 0 0 $dgreen,
    18em 31em 0 0 $dgreen,
    17em 30em 0 0 $dgreen,
    16em 29em 0 0 $dgreen,
    15em 28em 0 0 $dgreen,
    15em 27em 0 0 $dgreen,
    15em 26em 0 0 $dgreen,
    16em 25em 0 0 $dgreen,
    17em 24em 0 0 $dgreen,
    16em 26em 0 0 $lgreen,
    17em 26em 0 0 $lgreen,
    17em 25em 0 0 $lgreen,
    18em 24em 0 0 $lgreen,
    19em 24em 0 0 $lgreen,
    20em 24em 0 0 $lgreen,
    21em 24em 0 0 $lgreen,
    22em 24em 0 0 $lgreen,
    22em 25em 0 0 $lgreen,
    23em 25em 0 0 $lgreen,
    24em 26em 0 0 $lgreen,
    24em 27em 0 0 $lgreen,
    24em 28em 0 0 $lgreen,
    23em 29em 0 0 $lgreen,
    22em 30em 0 0 $lgreen,
    21em 30em 0 0 $lgreen,
    20em 30em 0 0 $lgreen,
    19em 30em 0 0 $lgreen,
    18em 30em 0 0 $lgreen,
    17em 29em 0 0 $lgreen,
    16em 28em 0 0 $lgreen,
    16em 27em 0 0 $lgreen,
    17.5em 27.5em 0 .5em $dgreen,
    19.5em 26.5em 0 1.5em $dgreen,
    19.5em 27.5em 0 1.5em $dgreen,
    20.5em 27.5em 0 1.5em $dgreen,
    22.5em 27.5em 0 .5em $dgreen,
    23em 26em 0 0 $dgreen,
    15em 29em 0 0 $dpurple,
    15em 30em 0 0 $dpurple,
    16em 30em 0 0 $dpurple,
    16em 31em 0 0 $dpurple,
    17em 31em 0 0 $dpurple,
    17em 32em 0 0 $dpurple,
    18.5em 32.5em 0 .5em $dpurple,
    20.5em 32.5em 0 .5em $dpurple,
    22em 33em 0 0 $dpurple,
    22em 32em 0 0 $dpurple,
    23em 32em 0 0 $dpurple,
    23em 31em 0 0 $dpurple,
    24em 30em 0 0 $dpurple,
    /* third sucker */
    18em 37em 0 0 $dgreen,
    19em 37em 0 0 $dgreen,
    20em 37em 0 0 $dgreen,
    21em 37em 0 0 $dgreen,
    22em 37em 0 0 $dgreen,
    23em 37em 0 0 $dgreen,
    24em 37em 0 0 $dgreen,
    25em 38em 0 0 $dgreen,
    26em 39em 0 0 $dgreen,
    27em 40em 0 0 $dgreen,
    27em 41em 0 0 $dgreen,
    27em 42em 0 0 $dgreen,
    27em 43em 0 0 $dgreen,
    26em 44em 0 0 $dgreen,
    25em 45em 0 0 $dgreen,
    24em 46em 0 0 $dgreen,
    23em 46em 0 0 $dgreen,
    22em 46em 0 0 $dgreen,
    21em 46em 0 0 $dgreen,
    20em 46em 0 0 $dgreen,
    19em 46em 0 0 $dgreen,
    18em 45em 0 0 $dgreen,
    17em 45em 0 0 $dgreen,
    16em 44em 0 0 $dgreen,
    15em 43em 0 0 $dgreen,
    15em 42em 0 0 $dgreen,
    15em 41em 0 0 $dgreen,
    15em 40em 0 0 $dgreen,
    16em 39em 0 0 $dgreen,
    17em 38em 0 0 $dgreen,
    18em 38em 0 0 $lgreen,
    18em 38em 0 0 $lgreen,
    19em 38em 0 0 $lgreen,
    20em 38em 0 0 $lgreen,
    21em 38em 0 0 $lgreen,
    22em 38em 0 0 $lgreen,
    23em 38em 0 0 $lgreen,
    24em 38em 0 0 $lgreen,
    25em 39em 0 0 $lgreen,
    25em 40em 0 0 $lgreen,
    26em 40em 0 0 $lgreen,
    26em 41em 0 0 $lgreen,
    26em 42em 0 0 $lgreen,
    26em 43em 0 0 $lgreen,
    25em 43em 0 0 $lgreen,
    25em 44em 0 0 $lgreen,
    24em 44em 0 0 $lgreen,
    24em 45em 0 0 $lgreen,
    23em 45em 0 0 $lgreen,
    22em 45em 0 0 $lgreen,
    21em 45em 0 0 $lgreen,
    20em 45em 0 0 $lgreen,
    19em 45em 0 0 $lgreen,
    18em 44em 0 0 $lgreen,
    17em 44em 0 0 $lgreen,
    16.5em 42.5em 0 .5em $lgreen,
    16.5em 40.5em 0 .5em $lgreen,
    17.5em 39.5em 0 .5em $lgreen,
    21.5em 41.5em 0 3.5em $dgreen,
    15em 44em 0 0 $dpurple,
    15em 45em 0 0 $dpurple,
    16em 45em 0 0 $dpurple,
    16em 46em 0 0 $dpurple,
    17.5em 46.5em 0 .5em $dpurple,
    19.5em 47.5em 0 .5em $dpurple,
    21.5em 47.5em 0 .5em $dpurple,
    23em 48em 0 0 $dpurple,
    23em 47em 0 0 $dpurple,
    24em 47em 0 0 $dpurple,
    25em 46em 0 0 $dpurple,
    26em 45em 0 0 $dpurple,
    /* last sucker */
    5em 48em 0 0 $dgreen,
    4em 48em 0 0 $dgreen,
    3em 49em 0 0 $dgreen,
    3em 50em 0 0 $dgreen,
    3em 51em 0 0 $dgreen,
    4em 52em 0 0 $dgreen,
    5em 52em 0 0 $dgreen,
    6em 53em 0 0 $dgreen,
    7em 53em 0 0 $dgreen,
    8em 53em 0 0 $dgreen,
    9em 54em 0 0 $dgreen,
    10em 54em 0 0 $dgreen,
    11em 54em 0 0 $dgreen,
    12em 54em 0 0 $dgreen,
    13em 54em 0 0 $dgreen,
    14em 54em 0 0 $dgreen,
    15em 55em 0 0 $dgreen,
    16em 55em 0 0 $dgreen,
    17em 55em 0 0 $dgreen,
    18em 55em 0 0 $dgreen,
    19em 55em 0 0 $dgreen,
    20em 55em 0 0 $dgreen,
    21em 55em 0 0 $dgreen,
    22em 55em 0 0 $dgreen,
    23em 55em 0 0 $dgreen,
    24em 55em 0 0 $dgreen,
    25em 54em 0 0 $dgreen,
    26em 54em 0 0 $dgreen,
    27em 54em 0 0 $dgreen,
    28em 54em 0 0 $dgreen,
    29em 54em 0 0 $dgreen,
    30em 54em 0 0 $dgreen,
    31em 53em 0 0 $dgreen,
    32em 53em 0 0 $dgreen,
    33em 53em 0 0 $dgreen,
    34em 52em 0 0 $dgreen,
    34em 51em 0 0 $dgreen,
    34em 50em 0 0 $dgreen,
    33em 49em 0 0 $dgreen,
    32em 48em 0 0 $dgreen,
    5.5em 49.5em 0 1.5em $lgreen,
    7.5em 51.5em 0 1.5em $lgreen,
    11.5em 52.5em 0 1.5em $lgreen,
    15em 53em 0 1em $lgreen,
    18.5em 53.5em 0 1.5em $lgreen,
    22.5em 53.5em 0 1.5em $lgreen,
    26.5em 52.5em 0 1.5em $lgreen,
    30.5em 51.5em 0 1.5em $lgreen,
    31.5em 50.5em 0 1.5em $lgreen,
    /* light purple skin */
    22.5em 8.5em 0 2.5em $lpurple,
    21.5em 9.5em 0 2.5em $lpurple,
    19.5em 11.5em 0 2.5em $lpurple,
    20.5em 19.5em 0 5.5em $lpurple,
    19.5em 23.5em 0 6.5em $lpurple,
    19.5em 29.5em 0 8.5em $lpurple,
    19.5em 37.5em 0 9.5em $lpurple,
    19.5em 41.5em 0 10.5em $lpurple,
    8em 47em 0 1em $lpurple,
    ;
}

html {
  position: relative;
  height: 100%;
  background: #ccc;
  /* normal */
  background-image: linear-gradient(#C49BB7 0, #C49BB7 201px, #703F61 201px, #000 100%);
}

@keyframes showframe {
  from {
    opacity: 0.0;
  }
  .01% {
    opacity: 1.0;
  }
  to {
    opacity: 1.0;
  }
}
@keyframes hideframe {
  from {
    opacity: 1.0;
  }
  99.99% {
    opacity: 1.0;
  }
  to {
    opacity: 0.0;
  }
}
@keyframes fadeframe {
  from {
    opacity: 1.0;
  }
  50% {
    opacity: 1.0;
  }
  to {
    opacity: 0.0;
  }
}


.devmount {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 20px;
  line-height: 20px;
  text-decoration: none;
  font: 17px Arial;
  color: #fff;
  padding: 10px 40px 10px 0;
  margin-right: 10px;
  background: url(http://media.devmount.de/devmount_small_light.png) right center no-repeat;
  transition: background-position .3s, color .3s;
  span {
    position: absolute;
    right: 3px;
    color: transparent;
    transition: inherit;
  }
  &:hover {
    background-position: left center;
    color: transparent;
    span {
      color: #fff;
    }
  }
}
              
            
!

JS

              
                // nothing here
              
            
!
999px

Console