123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              - @characters = ['knight','dino','batman']
.gang
  - @characters.each do |character|
    .container
      .character{:class=>"#{character}"}
            
          
!
            
              @import "compass/css3";

$width:0.5em;

$bg: #e9ddb1;
$green: #8f9b39;
$shadow: #bcb085;
$face: #eed3c2;
$shirt: #c0c850;
$darkGreen:#5b5e21;
$pants:#2b92cc;
$blue:#2b92cc;
$red:#e1602c;
$brown:#ab6635;
$ltblue:#a0bece;
$dkblue: #4d6068;
$vltblue:#dfeef4;
$mblue:#81aab9;
$mdkblue:#548c9f;
$batman:#3c3c3c;
$yellow:#f4ca49;
$gray:#919191;

body {
  background:$bg;
}

.gang {
  @extend .clearfix;
  .no-flexbox {
    margin:10em auto;
    max-width:70em;
  }
}
.container {
  width:$width * 26;
  height:$width * 26;
  float:left;
}
@keyframes woosh {
  from {
    width:$width/10;
    height:$width/10;
  }
}

.character {
  width: $width;
  height: $width;
  animation: woosh .75s forwards;
}


/////////////////////////////////////BATMAN
.batman {
  box-shadow:
    (11 * $width) (5 * $width) 0 $batman,
    (15 * $width) (5 * $width) 0 $batman,
    (11 * $width) (6 * $width) 0 $batman,
    (12 * $width) (6 * $width) 0 $batman,
    (13 * $width) (6 * $width) 0 $batman,
    (14 * $width) (6 * $width) 0 $batman,
    (15 * $width) (6 * $width) 0 $batman,
    (11 * $width) (7 * $width) 0 $batman,
    (12 * $width) (7 * $width) 0 $batman,
    (13 * $width) (7 * $width) 0 $batman,
    (14 * $width) (7 * $width) 0 $batman,
    (15 * $width) (7 * $width) 0 $batman,
    (17 * $width) (7 * $width) 0 $shadow,
    (11 * $width) (8 * $width) 0 $batman,
    (12 * $width) (8 * $width) 0 $batman,
    (13 * $width) (8 * $width) 0 $batman,
    (14 * $width) (8 * $width) 0 $batman,
    (15 * $width) (8 * $width) 0 $batman,
    (17 * $width) (8 * $width) 0 $shadow,
    (11 * $width) (9 * $width) 0 $batman,
    (12 * $width) (9 * $width) 0 $face,
    (13 * $width) (9 * $width) 0 $face,
    (14 * $width) (9 * $width) 0 $face,
    (15 * $width) (9 * $width) 0 $face,
    (16 * $width) (9 * $width) 0 $shadow,
    (17 * $width) (9 * $width) 0 $shadow,
    (11 * $width) (10 * $width) 0 $batman,
    (12 * $width) (10 * $width) 0 $face,
    (13 * $width) (10 * $width) 0 $face,
    (14 * $width) (10 * $width) 0 $face,
    (15 * $width) (10 * $width) 0 $face,
    (16 * $width) (10 * $width) 0 $shadow,
    (17 * $width) (10 * $width) 0 $shadow,
    (9 * $width) (11 * $width) 0 $batman,
    (10 * $width) (11 * $width) 0 $batman,
    (11 * $width) (11 * $width) 0 $gray,
    (12 * $width) (11 * $width) 0 $gray,
    (13 * $width) (11 * $width) 0 $gray,
    (14 * $width) (11 * $width) 0 $gray,
    (15 * $width) (11 * $width) 0 $gray,
    (16 * $width) (11 * $width) 0 $shadow,
    (17 * $width) (11 * $width) 0 $shadow,
    (9 * $width) (12 * $width) 0 $batman,
    (10 * $width) (12 * $width) 0 $gray,
    (11 * $width) (12 * $width) 0 $gray,
    (12 * $width) (12 * $width) 0 $yellow,
    (13 * $width) (12 * $width) 0 $yellow,
    (14 * $width) (12 * $width) 0 $yellow,
    (15 * $width) (12 * $width) 0 $yellow,
    (16 * $width) (12 * $width) 0 $batman,
    (17 * $width) (12 * $width) 0 $shadow,
    (7 * $width) (13 * $width) 0 $batman,
    (8 * $width) (13 * $width) 0 $batman,
    (9 * $width) (13 * $width) 0 $gray,
    (10 * $width) (13 * $width) 0 $gray,
    (11 * $width) (13 * $width) 0 $yellow,
    (12 * $width) (13 * $width) 0 $yellow,
    (13 * $width) (13 * $width) 0 $yellow,
    (14 * $width) (13 * $width) 0 $yellow,
    (15 * $width) (13 * $width) 0 $yellow,
    (16 * $width) (13 * $width) 0 $batman,
    (17 * $width) (13 * $width) 0 $batman,
    (6 * $width) (14 * $width) 0 $batman,
    (7 * $width) (14 * $width) 0 $batman,
    (8 * $width) (14 * $width) 0 $batman,
    (9 * $width) (14 * $width) 0 $gray,
    (10 * $width) (14 * $width) 0 $gray,
    (11 * $width) (14 * $width) 0 $gray,
    (12 * $width) (14 * $width) 0 $yellow,
    (13 * $width) (14 * $width) 0 $yellow,
    (14 * $width) (14 * $width) 0 $yellow,
    (15 * $width) (14 * $width) 0 $yellow,
    (16 * $width) (14 * $width) 0 $batman,
    (17 * $width) (14 * $width) 0 $batman,
    (18 * $width) (14 * $width) 0 $batman,
    (6 * $width) (15 * $width) 0 $batman,
    (7 * $width) (15 * $width) 0 $batman,
    (8 * $width) (15 * $width) 0 $batman,
    (9 * $width) (15 * $width) 0 $gray,
    (10 * $width) (15 * $width) 0 $gray,
    (11 * $width) (15 * $width) 0 $gray,
    (12 * $width) (15 * $width) 0 $gray,
    (13 * $width) (15 * $width) 0 $gray,
    (14 * $width) (15 * $width) 0 $gray,
    (15 * $width) (15 * $width) 0 $gray,
    (16 * $width) (15 * $width) 0 $batman,
    (17 * $width) (15 * $width) 0 $batman,
    (18 * $width) (15 * $width) 0 $batman,
    (19 * $width) (15 * $width) 0 $shadow,
    (6 * $width) (16 * $width) 0 $batman,
    (7 * $width) (16 * $width) 0 $batman,
    (8 * $width) (16 * $width) 0 $batman,
    (9 * $width) (16 * $width) 0 $gray,
    (10 * $width) (16 * $width) 0 $gray,
    (11 * $width) (16 * $width) 0 $gray,
    (12 * $width) (16 * $width) 0 $gray,
    (13 * $width) (16 * $width) 0 $gray,
    (14 * $width) (16 * $width) 0 $gray,
    (15 * $width) (16 * $width) 0 $gray,
    (16 * $width) (16 * $width) 0 $batman,
    (17 * $width) (16 * $width) 0 $batman,
    (18 * $width) (16 * $width) 0 $batman,
    (19 * $width) (16 * $width) 0 $shadow,
    (20 * $width) (16 * $width) 0 $shadow,
    (6 * $width) (17 * $width) 0 $batman,
    (7 * $width) (17 * $width) 0 $batman,
    (8 * $width) (17 * $width) 0 $batman,
    (9 * $width) (17 * $width) 0 $gray,
    (10 * $width) (17 * $width) 0 $gray,
    (11 * $width) (17 * $width) 0 $gray,
    (12 * $width) (17 * $width) 0 $gray,
    (13 * $width) (17 * $width) 0 $gray,
    (14 * $width) (17 * $width) 0 $gray,
    (15 * $width) (17 * $width) 0 $gray,
    (16 * $width) (17 * $width) 0 $batman,
    (17 * $width) (17 * $width) 0 $batman,
    (18 * $width) (17 * $width) 0 $batman,
    (19 * $width) (17 * $width) 0 $shadow,
    (20 * $width) (17 * $width) 0 $shadow,
    (6 * $width) (18 * $width) 0 $batman,
    (7 * $width) (18 * $width) 0 $batman,
    (8 * $width) (18 * $width) 0 $batman,
    (9 * $width) (18 * $width) 0 $yellow,
    (10 * $width) (18 * $width) 0 $yellow,
    (11 * $width) (18 * $width) 0 $yellow,
    (12 * $width) (18 * $width) 0 $yellow,
    (13 * $width) (18 * $width) 0 $yellow,
    (14 * $width) (18 * $width) 0 $yellow,
    (15 * $width) (18 * $width) 0 $yellow,
    (16 * $width) (18 * $width) 0 $batman,
    (17 * $width) (18 * $width) 0 $batman,
    (18 * $width) (18 * $width) 0 $batman,
    (19 * $width) (18 * $width) 0 $shadow,
    (20 * $width) (18 * $width) 0 $shadow,
    (5 * $width) (19 * $width) 0 $batman,
    (6 * $width) (19 * $width) 0 $batman,
    (7 * $width) (19 * $width) 0 $batman,
    (8 * $width) (19 * $width) 0 $batman,
    (9 * $width) (19 * $width) 0 $batman,
    (10 * $width) (19 * $width) 0 $batman,
    (11 * $width) (19 * $width) 0 $batman,
    (12 * $width) (19 * $width) 0 $batman,
    (13 * $width) (19 * $width) 0 $batman,
    (14 * $width) (19 * $width) 0 $batman,
    (15 * $width) (19 * $width) 0 $batman,
    (16 * $width) (19 * $width) 0 $batman,
    (17 * $width) (19 * $width) 0 $batman,
    (18 * $width) (19 * $width) 0 $batman,
    (19 * $width) (19 * $width) 0 $batman,
    (20 * $width) (19 * $width) 0 $shadow,
    (5 * $width) (20 * $width) 0 $batman,
    (6 * $width) (20 * $width) 0 $batman,
    (7 * $width) (20 * $width) 0 $batman,
    (8 * $width) (20 * $width) 0 $batman,
    (9 * $width) (20 * $width) 0 $batman,
    (10 * $width) (20 * $width) 0 $batman,
    (11 * $width) (20 * $width) 0 $batman,
    (12 * $width) (20 * $width) 0 $batman,
    (13 * $width) (20 * $width) 0 $batman,
    (14 * $width) (20 * $width) 0 $batman,
    (15 * $width) (20 * $width) 0 $batman,
    (16 * $width) (20 * $width) 0 $batman,
    (17 * $width) (20 * $width) 0 $batman,
    (18 * $width) (20 * $width) 0 $batman,
    (19 * $width) (20 * $width) 0 $batman,
    (20 * $width) (20 * $width) 0 $shadow,
    (5 * $width) (21 * $width) 0 $batman,
    (6 * $width) (21 * $width) 0 $batman,
    (7 * $width) (21 * $width) 0 $batman,
    (8 * $width) (21 * $width) 0 $batman,
    (9 * $width) (21 * $width) 0 $gray,
    (10 * $width) (21 * $width) 0 $shadow,
    (11 * $width) (21 * $width) 0 $shadow,
    (12 * $width) (21 * $width) 0 $shadow,
    (13 * $width) (21 * $width) 0 $gray,
    (14 * $width) (21 * $width) 0 $shadow,
    (15 * $width) (21 * $width) 0 $shadow,
    (16 * $width) (21 * $width) 0 $batman,
    (17 * $width) (21 * $width) 0 $batman,
    (18 * $width) (21 * $width) 0 $batman,
    (19 * $width) (21 * $width) 0 $batman,
    (20 * $width) (21 * $width) 0 $shadow,
    (5 * $width) (22 * $width) 0 $batman,
    (7 * $width) (22 * $width) 0 $shadow,
    (8 * $width) (22 * $width) 0 $batman,
    (9 * $width) (22 * $width) 0 $gray,
    (10 * $width) (22 * $width) 0 $shadow,
    (11 * $width) (22 * $width) 0 $shadow,
    (12 * $width) (22 * $width) 0 $shadow,
    (13 * $width) (22 * $width) 0 $gray,
    (14 * $width) (22 * $width) 0 $shadow,
    (15 * $width) (22 * $width) 0 $shadow,
    (16 * $width) (22 * $width) 0 $batman,
    (17 * $width) (22 * $width) 0 $shadow,
    (18 * $width) (22 * $width) 0 $shadow,
    (19 * $width) (22 * $width) 0 $batman,
    (20 * $width) (22 * $width) 0 $shadow,
    (7 * $width) (23 * $width) 0 $shadow,
    (8 * $width) (23 * $width) 0 $shadow,
    (9 * $width) (23 * $width) 0 $batman,
    (10 * $width) (23 * $width) 0 $shadow,
    (11 * $width) (23 * $width) 0 $shadow,
    (13 * $width) (23 * $width) 0 $batman,
    (15 * $width) (23 * $width) 0 $shadow,
    (17 * $width) (23 * $width) 0 $shadow,
    (18 * $width) (23 * $width) 0 $shadow,
    (19 * $width) (23 * $width) 0 $shadow,
    (20 * $width) (23 * $width) 0 $shadow,
    (7 * $width) (24 * $width) 0 $shadow,
    (9 * $width) (24 * $width) 0 $batman,
    (10 * $width) (24 * $width) 0 $batman,
    (11 * $width) (24 * $width) 0 $shadow,
    (13 * $width) (24 * $width) 0 $batman,
    (14 * $width) (24 * $width) 0 $batman,
    (15 * $width) (24 * $width) 0 $shadow,
    (17 * $width) (24 * $width) 0 $shadow,
    (20 * $width) (24 * $width) 0 $shadow,
    (9 * $width) (25 * $width) 0 $batman,
    (10 * $width) (25 * $width) 0 $batman,
    (11 * $width) (25 * $width) 0 $batman,
    (13 * $width) (25 * $width) 0 $batman,
    (14 * $width) (25 * $width) 0 $batman,
    (15 * $width) (25 * $width) 0 $batman}
///////////////////////////////////////////////////////////// dino
.dino {
  box-shadow:
    (14 * $width) (3 * $width) 0 $green,
    (15 * $width) (3 * $width) 0 $green,
    (16 * $width) (3 * $width) 0 $green,
    (17 * $width) (3 * $width) 0 $green,
    (18 * $width) (3 * $width) 0 $green,
    (19 * $width) (3 * $width) 0 $green,
    (14 * $width) (4 * $width) 0 $green,
    (15 * $width) (4 * $width) 0 $green,
    (16 * $width) (4 * $width) 0 $green,
    (17 * $width) (4 * $width) 0 $green,
    (18 * $width) (4 * $width) 0 $green,
    (19 * $width) (4 * $width) 0 $green,
    (12 * $width) (5 * $width) 0 $green,
    (13 * $width) (5 * $width) 0 $green,
    (14 * $width) (5 * $width) 0 $green,
    (15 * $width) (5 * $width) 0 $green,
    (16 * $width) (5 * $width) 0 $green,
    (17 * $width) (5 * $width) 0 $green,
    (18 * $width) (5 * $width) 0 $green,
    (19 * $width) (5 * $width) 0 $green,
    (20 * $width) (5 * $width) 0 $green,
    (21 * $width) (5 * $width) 0 $green,
    (12 * $width) (6 * $width) 0 $green,
    (13 * $width) (6 * $width) 0 $green,
    (14 * $width) (6 * $width) 0 $green,
    (15 * $width) (6 * $width) 0 $green,
    (16 * $width) (6 * $width) 0 $green,
    (17 * $width) (6 * $width) 0 $green,
    (18 * $width) (6 * $width) 0 $green,
    (19 * $width) (6 * $width) 0 $green,
    (20 * $width) (6 * $width) 0 $green,
    (21 * $width) (6 * $width) 0 $green,
    (12 * $width) (7 * $width) 0 $green,
    (13 * $width) (7 * $width) 0 $green,
    (14 * $width) (7 * $width) 0 $green,
    (15 * $width) (7 * $width) 0 $green,
    (16 * $width) (7 * $width) 0 $green,
    (17 * $width) (7 * $width) 0 $green,
    (18 * $width) (7 * $width) 0 $green,
    (19 * $width) (7 * $width) 0 $green,
    (20 * $width) (7 * $width) 0 $green,
    (21 * $width) (7 * $width) 0 $green,
    (22 * $width) (7 * $width) 0 $shadow,
    (23 * $width) (7 * $width) 0 $shadow,
    (12 * $width) (8 * $width) 0 $green,
    (13 * $width) (8 * $width) 0 $green,
    (14 * $width) (8 * $width) 0 $green,
    (15 * $width) (8 * $width) 0 $green,
    (16 * $width) (8 * $width) 0 $green,
    (17 * $width) (8 * $width) 0 $green,
    (18 * $width) (8 * $width) 0 $green,
    (19 * $width) (8 * $width) 0 $green,
    (20 * $width) (8 * $width) 0 $green,
    (21 * $width) (8 * $width) 0 $green,
    (22 * $width) (8 * $width) 0 $shadow,
    (23 * $width) (8 * $width) 0 $shadow,
    (10 * $width) (9 * $width) 0 $green,
    (11 * $width) (9 * $width) 0 $green,
    (12 * $width) (9 * $width) 0 $green,
    (13 * $width) (9 * $width) 0 $green,
    (14 * $width) (9 * $width) 0 $green,
    (15 * $width) (9 * $width) 0 $green,
    (16 * $width) (9 * $width) 0 $face,
    (17 * $width) (9 * $width) 0 $face,
    (18 * $width) (9 * $width) 0 $face,
    (19 * $width) (9 * $width) 0 $face,
    (20 * $width) (9 * $width) 0 $shadow,
    (21 * $width) (9 * $width) 0 $shadow,
    (22 * $width) (9 * $width) 0 $shadow,
    (23 * $width) (9 * $width) 0 $shadow,
    (10 * $width) (10 * $width) 0 $green,
    (11 * $width) (10 * $width) 0 $green,
    (12 * $width) (10 * $width) 0 $green,
    (13 * $width) (10 * $width) 0 $green,
    (14 * $width) (10 * $width) 0 $green,
    (15 * $width) (10 * $width) 0 $green,
    (16 * $width) (10 * $width) 0 $face,
    (17 * $width) (10 * $width) 0 $face,
    (18 * $width) (10 * $width) 0 $face,
    (19 * $width) (10 * $width) 0 $face,
    (20 * $width) (10 * $width) 0 $shadow,
    (21 * $width) (10 * $width) 0 $shadow,
    (22 * $width) (10 * $width) 0 $shadow,
    (23 * $width) (10 * $width) 0 $shadow,
    (10 * $width) (11 * $width) 0 $green,
    (11 * $width) (11 * $width) 0 $green,
    (12 * $width) (11 * $width) 0 $green,
    (13 * $width) (11 * $width) 0 $green,
    (14 * $width) (11 * $width) 0 $green,
    (15 * $width) (11 * $width) 0 $green,
    (16 * $width) (11 * $width) 0 $face,
    (17 * $width) (11 * $width) 0 $face,
    (18 * $width) (11 * $width) 0 $face,
    (19 * $width) (11 * $width) 0 $face,
    (20 * $width) (11 * $width) 0 $shadow,
    (21 * $width) (11 * $width) 0 $shadow,
    (10 * $width) (12 * $width) 0 $green,
    (11 * $width) (12 * $width) 0 $green,
    (12 * $width) (12 * $width) 0 $green,
    (13 * $width) (12 * $width) 0 $green,
    (14 * $width) (12 * $width) 0 $green,
    (15 * $width) (12 * $width) 0 $green,
    (16 * $width) (12 * $width) 0 $face,
    (17 * $width) (12 * $width) 0 $face,
    (18 * $width) (12 * $width) 0 $face,
    (19 * $width) (12 * $width) 0 $face,
    (20 * $width) (12 * $width) 0 $shadow,
    (21 * $width) (12 * $width) 0 $shadow,
    (8 * $width) (13 * $width) 0 $green,
    (9 * $width) (13 * $width) 0 $green,
    (10 * $width) (13 * $width) 0 $green,
    (11 * $width) (13 * $width) 0 $green,
    (12 * $width) (13 * $width) 0 $green,
    (13 * $width) (13 * $width) 0 $green,
    (14 * $width) (13 * $width) 0 $green,
    (15 * $width) (13 * $width) 0 $green,
    (16 * $width) (13 * $width) 0 $shirt,
    (17 * $width) (13 * $width) 0 $shirt,
    (18 * $width) (13 * $width) 0 $shirt,
    (19 * $width) (13 * $width) 0 $shirt,
    (20 * $width) (13 * $width) 0 $shadow,
    (21 * $width) (13 * $width) 0 $shadow,
    (8 * $width) (14 * $width) 0 $green,
    (9 * $width) (14 * $width) 0 $green,
    (10 * $width) (14 * $width) 0 $green,
    (11 * $width) (14 * $width) 0 $green,
    (12 * $width) (14 * $width) 0 $green,
    (13 * $width) (14 * $width) 0 $green,
    (14 * $width) (14 * $width) 0 $green,
    (15 * $width) (14 * $width) 0 $green,
    (16 * $width) (14 * $width) 0 $shirt,
    (17 * $width) (14 * $width) 0 $shirt,
    (18 * $width) (14 * $width) 0 $shirt,
    (19 * $width) (14 * $width) 0 $shirt,
    (20 * $width) (14 * $width) 0 $shadow,
    (21 * $width) (14 * $width) 0 $shadow,
    (8 * $width) (15 * $width) 0 $green,
    (9 * $width) (15 * $width) 0 $green,
    (10 * $width) (15 * $width) 0 $green,
    (11 * $width) (15 * $width) 0 $green,
    (12 * $width) (15 * $width) 0 $green,
    (13 * $width) (15 * $width) 0 $green,
    (14 * $width) (15 * $width) 0 $green,
    (15 * $width) (15 * $width) 0 $green,
    (16 * $width) (15 * $width) 0 $shirt,
    (17 * $width) (15 * $width) 0 $shirt,
    (18 * $width) (15 * $width) 0 $shirt,
    (19 * $width) (15 * $width) 0 $shirt,
    (20 * $width) (15 * $width) 0 $shadow,
    (21 * $width) (15 * $width) 0 $shadow,
    (8 * $width) (16 * $width) 0 $green,
    (9 * $width) (16 * $width) 0 $green,
    (10 * $width) (16 * $width) 0 $green,
    (11 * $width) (16 * $width) 0 $green,
    (12 * $width) (16 * $width) 0 $green,
    (13 * $width) (16 * $width) 0 $green,
    (14 * $width) (16 * $width) 0 $green,
    (15 * $width) (16 * $width) 0 $green,
    (16 * $width) (16 * $width) 0 $shirt,
    (17 * $width) (16 * $width) 0 $shirt,
    (18 * $width) (16 * $width) 0 $shirt,
    (19 * $width) (16 * $width) 0 $shirt,
    (20 * $width) (16 * $width) 0 $shadow,
    (21 * $width) (16 * $width) 0 $shadow,
    (6 * $width) (17 * $width) 0 $green,
    (7 * $width) (17 * $width) 0 $green,
    (8 * $width) (17 * $width) 0 $green,
    (9 * $width) (17 * $width) 0 $green,
    (10 * $width) (17 * $width) 0 $green,
    (11 * $width) (17 * $width) 0 $green,
    (12 * $width) (17 * $width) 0 $green,
    (13 * $width) (17 * $width) 0 $green,
    (14 * $width) (17 * $width) 0 $shirt,
    (15 * $width) (17 * $width) 0 $shirt,
    (16 * $width) (17 * $width) 0 $shirt,
    (17 * $width) (17 * $width) 0 $shirt,
    (18 * $width) (17 * $width) 0 $shirt,
    (19 * $width) (17 * $width) 0 $shirt,
    (20 * $width) (17 * $width) 0 $shadow,
    (21 * $width) (17 * $width) 0 $shadow,
    (6 * $width) (18 * $width) 0 $green,
    (7 * $width) (18 * $width) 0 $green,
    (8 * $width) (18 * $width) 0 $green,
    (9 * $width) (18 * $width) 0 $green,
    (10 * $width) (18 * $width) 0 $green,
    (11 * $width) (18 * $width) 0 $green,
    (12 * $width) (18 * $width) 0 $green,
    (13 * $width) (18 * $width) 0 $green,
    (14 * $width) (18 * $width) 0 $shirt,
    (15 * $width) (18 * $width) 0 $shirt,
    (16 * $width) (18 * $width) 0 $shirt,
    (17 * $width) (18 * $width) 0 $shirt,
    (18 * $width) (18 * $width) 0 $shirt,
    (19 * $width) (18 * $width) 0 $shirt,
    (20 * $width) (18 * $width) 0 $shadow,
    (21 * $width) (18 * $width) 0 $shadow,
    (4 * $width) (19 * $width) 0 $green,
    (5 * $width) (19 * $width) 0 $green,
    (6 * $width) (19 * $width) 0 $green,
    (7 * $width) (19 * $width) 0 $green,
    (8 * $width) (19 * $width) 0 $green,
    (9 * $width) (19 * $width) 0 $green,
    (10 * $width) (19 * $width) 0 $green,
    (11 * $width) (19 * $width) 0 $green,
    (12 * $width) (19 * $width) 0 $shirt,
    (13 * $width) (19 * $width) 0 $shirt,
    (14 * $width) (19 * $width) 0 $shirt,
    (15 * $width) (19 * $width) 0 $shirt,
    (16 * $width) (19 * $width) 0 $shirt,
    (17 * $width) (19 * $width) 0 $shirt,
    (18 * $width) (19 * $width) 0 $shirt,
    (19 * $width) (19 * $width) 0 $shirt,
    (20 * $width) (19 * $width) 0 $shadow,
    (21 * $width) (19 * $width) 0 $shadow,
    (4 * $width) (20 * $width) 0 $green,
    (5 * $width) (20 * $width) 0 $green,
    (6 * $width) (20 * $width) 0 $green,
    (7 * $width) (20 * $width) 0 $green,
    (8 * $width) (20 * $width) 0 $green,
    (9 * $width) (20 * $width) 0 $green,
    (10 * $width) (20 * $width) 0 $green,
    (11 * $width) (20 * $width) 0 $green,
    (12 * $width) (20 * $width) 0 $shirt,
    (13 * $width) (20 * $width) 0 $shirt,
    (14 * $width) (20 * $width) 0 $shirt,
    (15 * $width) (20 * $width) 0 $shirt,
    (16 * $width) (20 * $width) 0 $shirt,
    (17 * $width) (20 * $width) 0 $shirt,
    (18 * $width) (20 * $width) 0 $shirt,
    (19 * $width) (20 * $width) 0 $shirt,
    (20 * $width) (20 * $width) 0 $shadow,
    (21 * $width) (20 * $width) 0 $shadow,
    (2 * $width) (21 * $width) 0 $green,
    (3 * $width) (21 * $width) 0 $green,
    (4 * $width) (21 * $width) 0 $green,
    (5 * $width) (21 * $width) 0 $green,
    (6 * $width) (21 * $width) 0 $green,
    (7 * $width) (21 * $width) 0 $green,
    (8 * $width) (21 * $width) 0 $green,
    (9 * $width) (21 * $width) 0 $green,
    (10 * $width) (21 * $width) 0 $green,
    (11 * $width) (21 * $width) 0 $green,
    (12 * $width) (21 * $width) 0 $blue,
    (13 * $width) (21 * $width) 0 $green,
    (14 * $width) (21 * $width) 0 $green,
    (15 * $width) (21 * $width) 0 $green,
    (16 * $width) (21 * $width) 0 $blue,
    (17 * $width) (21 * $width) 0 $green,
    (18 * $width) (21 * $width) 0 $green,
    (19 * $width) (21 * $width) 0 $shadow,
    (20 * $width) (21 * $width) 0 $shadow,
    (21 * $width) (21 * $width) 0 $shadow,
    (2 * $width) (22 * $width) 0 $green,
    (3 * $width) (22 * $width) 0 $green,
    (4 * $width) (22 * $width) 0 $green,
    (5 * $width) (22 * $width) 0 $green,
    (6 * $width) (22 * $width) 0 $green,
    (7 * $width) (22 * $width) 0 $green,
    (8 * $width) (22 * $width) 0 $green,
    (9 * $width) (22 * $width) 0 $green,
    (10 * $width) (22 * $width) 0 $green,
    (11 * $width) (22 * $width) 0 $green,
    (12 * $width) (22 * $width) 0 $blue,
    (13 * $width) (22 * $width) 0 $green,
    (14 * $width) (22 * $width) 0 $green,
    (15 * $width) (22 * $width) 0 $green,
    (16 * $width) (22 * $width) 0 $blue,
    (17 * $width) (22 * $width) 0 $green,
    (18 * $width) (22 * $width) 0 $green,
    (19 * $width) (22 * $width) 0 $shadow,
    (20 * $width) (22 * $width) 0 $shadow,
    (21 * $width) (22 * $width) 0 $shadow,
    (4 * $width) (23 * $width) 0 $shadow,
    (5 * $width) (23 * $width) 0 $shadow,
    (6 * $width) (23 * $width) 0 $shadow,
    (7 * $width) (23 * $width) 0 $shadow,
    (8 * $width) (23 * $width) 0 $shadow,
    (9 * $width) (23 * $width) 0 $shadow,
    (10 * $width) (23 * $width) 0 $shadow,
    (11 * $width) (23 * $width) 0 $shadow,
    (12 * $width) (23 * $width) 0 $red,
    (13 * $width) (23 * $width) 0 $shadow,
    (14 * $width) (23 * $width) 0 $shadow,
    (15 * $width) (23 * $width) 0 $shadow,
    (16 * $width) (23 * $width) 0 $red,
    (17 * $width) (23 * $width) 0 $shadow,
    (18 * $width) (23 * $width) 0 $shadow,
    (19 * $width) (23 * $width) 0 $shadow,
    (20 * $width) (23 * $width) 0 $shadow,
    (4 * $width) (24 * $width) 0 $shadow,
    (5 * $width) (24 * $width) 0 $shadow,
    (6 * $width) (24 * $width) 0 $shadow,
    (7 * $width) (24 * $width) 0 $shadow,
    (8 * $width) (24 * $width) 0 $shadow,
    (9 * $width) (24 * $width) 0 $shadow,
    (10 * $width) (24 * $width) 0 $shadow,
    (11 * $width) (24 * $width) 0 $shadow,
    (12 * $width) (24 * $width) 0 $red,
    (13 * $width) (24 * $width) 0 $red,
    (14 * $width) (24 * $width) 0 $shadow,
    (15 * $width) (24 * $width) 0 $shadow,
    (16 * $width) (24 * $width) 0 $red,
    (17 * $width) (24 * $width) 0 $red,
    (18 * $width) (24 * $width) 0 $shadow,
    (19 * $width) (24 * $width) 0 $shadow,
    (20 * $width) (24 * $width) 0 $shadow,
    (12 * $width) (25 * $width) 0 $red,
    (13 * $width) (25 * $width) 0 white,
    (14 * $width) (25 * $width) 0 white,
    (16 * $width) (25 * $width) 0 $red,
    (17 * $width) (25 * $width) 0 white,
    (18 * $width) (25 * $width) 0 white;
}/////////////////////////////////////////////////////////////////////// KNIGHT
.knight {
  box-shadow:
    (9 * $width) (0 * $width) 0 $red,
    (10 * $width) (1 * $width) 0 $red,
    (11 * $width) (1 * $width) 0 $red,
    (11 * $width) (2 * $width) 0 $red,
    (12 * $width) (2 * $width) 0 $red,
    (11 * $width) (3 * $width) 0 $red,
    (12 * $width) (3 * $width) 0 $red,
    (13 * $width) (3 * $width) 0 $shadow,
    (12 * $width) (4 * $width) 0 $red,
    (13 * $width) (4 * $width) 0 $shadow,
    (14 * $width) (4 * $width) 0 $shadow,
    (11 * $width) (5 * $width) 0 $ltblue,
    (12 * $width) (5 * $width) 0 $ltblue,
    (13 * $width) (5 * $width) 0 $ltblue,
    (14 * $width) (5 * $width) 0 $ltblue,
    (10 * $width) (6 * $width) 0 $ltblue,
    (11 * $width) (6 * $width) 0 $vltblue,
    (12 * $width) (6 * $width) 0 $ltblue,
    (13 * $width) (6 * $width) 0 $ltblue,
    (14 * $width) (6 * $width) 0 $ltblue,
    (15 * $width) (6 * $width) 0 $ltblue,
    (16 * $width) (6 * $width) 0 $ltblue,
    (18 * $width) (6 * $width) 0 $ltblue,
    (9 * $width) (7 * $width) 0 $ltblue,
    (10 * $width) (7 * $width) 0 $vltblue,
    (11 * $width) (7 * $width) 0 $ltblue,
    (12 * $width) (7 * $width) 0 $dkblue,
    (13 * $width) (7 * $width) 0 $ltblue,
    (14 * $width) (7 * $width) 0 $dkblue,
    (15 * $width) (7 * $width) 0 $ltblue,
    (16 * $width) (7 * $width) 0 $dkblue,
    (18 * $width) (7 * $width) 0 $ltblue,
    (9 * $width) (8 * $width) 0 $mblue,
    (10 * $width) (8 * $width) 0 $mblue,
    (11 * $width) (8 * $width) 0 $mblue,
    (12 * $width) (8 * $width) 0 $mblue,
    (13 * $width) (8 * $width) 0 $mblue,
    (14 * $width) (8 * $width) 0 $mblue,
    (15 * $width) (8 * $width) 0 $mblue,
    (16 * $width) (8 * $width) 0 $mblue,
    (17 * $width) (8 * $width) 0 $shadow,
    (18 * $width) (8 * $width) 0 $vltblue,
    (20 * $width) (8 * $width) 0 $shadow,
    (8 * $width) (9 * $width) 0 $ltblue,
    (9 * $width) (9 * $width) 0 $ltblue,
    (10 * $width) (9 * $width) 0 $ltblue,
    (11 * $width) (9 * $width) 0 $mblue,
    (12 * $width) (9 * $width) 0 $face,
    (13 * $width) (9 * $width) 0 $face,
    (14 * $width) (9 * $width) 0 $face,
    (15 * $width) (9 * $width) 0 $mblue,
    (16 * $width) (9 * $width) 0 $shadow,
    (17 * $width) (9 * $width) 0 $shadow,
    (18 * $width) (9 * $width) 0 white,
    (20 * $width) (9 * $width) 0 $shadow,
    (7 * $width) (10 * $width) 0 $mblue,
    (8 * $width) (10 * $width) 0 $mblue,
    (9 * $width) (10 * $width) 0 $mblue,
    (10 * $width) (10 * $width) 0 $mblue,
    (11 * $width) (10 * $width) 0 $mblue,
    (12 * $width) (10 * $width) 0 $face,
    (13 * $width) (10 * $width) 0 $face,
    (14 * $width) (10 * $width) 0 $face,
    (15 * $width) (10 * $width) 0 $mblue,
    (16 * $width) (10 * $width) 0 $shadow,
    (17 * $width) (10 * $width) 0 $shadow,
    (18 * $width) (10 * $width) 0 $vltblue,
    (20 * $width) (10 * $width) 0 $shadow,
    (9 * $width) (11 * $width) 0 $mdkblue,
    (10 * $width) (11 * $width) 0 $mdkblue,
    (11 * $width) (11 * $width) 0 $mdkblue,
    (12 * $width) (11 * $width) 0 $mdkblue,
    (13 * $width) (11 * $width) 0 $mdkblue,
    (14 * $width) (11 * $width) 0 $mdkblue,
    (15 * $width) (11 * $width) 0 $shadow,
    (16 * $width) (11 * $width) 0 $shadow,
    (17 * $width) (11 * $width) 0 $shadow,
    (18 * $width) (11 * $width) 0 $vltblue,
    (20 * $width) (11 * $width) 0 $shadow,
    (3 * $width) (12 * $width) 0 $red,
    (4 * $width) (12 * $width) 0 $red,
    (5 * $width) (12 * $width) 0 $red,
    (6 * $width) (12 * $width) 0 $red,
    (7 * $width) (12 * $width) 0 $red,
    (9 * $width) (12 * $width) 0 $ltblue,
    (10 * $width) (12 * $width) 0 $mblue,
    (11 * $width) (12 * $width) 0 $mblue,
    (12 * $width) (12 * $width) 0 $mblue,
    (13 * $width) (12 * $width) 0 $mblue,
    (14 * $width) (12 * $width) 0 $mblue,
    (15 * $width) (12 * $width) 0 $shadow,
    (16 * $width) (12 * $width) 0 $shadow,
    (17 * $width) (12 * $width) 0 $shadow,
    (18 * $width) (12 * $width) 0 $mblue,
    (20 * $width) (12 * $width) 0 $shadow,
    (3 * $width) (13 * $width) 0 $red,
    (4 * $width) (13 * $width) 0 $red,
    (5 * $width) (13 * $width) 0 $red,
    (6 * $width) (13 * $width) 0 $red,
    (7 * $width) (13 * $width) 0 $red,
    (8 * $width) (13 * $width) 0 $dkblue,
    (9 * $width) (13 * $width) 0 $ltblue,
    (10 * $width) (13 * $width) 0 $ltblue,
    (11 * $width) (13 * $width) 0 $mblue,
    (12 * $width) (13 * $width) 0 $mblue,
    (13 * $width) (13 * $width) 0 $mblue,
    (14 * $width) (13 * $width) 0 $ltblue,
    (15 * $width) (13 * $width) 0 $dkblue,
    (16 * $width) (13 * $width) 0 $shadow,
    (17 * $width) (13 * $width) 0 $brown,
    (18 * $width) (13 * $width) 0 $brown,
    (19 * $width) (13 * $width) 0 $brown,
    (20 * $width) (13 * $width) 0 $shadow,
    (3 * $width) (14 * $width) 0 $red,
    (4 * $width) (14 * $width) 0 $red,
    (5 * $width) (14 * $width) 0 $red,
    (6 * $width) (14 * $width) 0 $red,
    (7 * $width) (14 * $width) 0 $red,
    (8 * $width) (14 * $width) 0 $dkblue,
    (9 * $width) (14 * $width) 0 $ltblue,
    (10 * $width) (14 * $width) 0 $ltblue,
    (11 * $width) (14 * $width) 0 $ltblue,
    (12 * $width) (14 * $width) 0 $mblue,
    (13 * $width) (14 * $width) 0 $ltblue,
    (14 * $width) (14 * $width) 0 $ltblue,
    (15 * $width) (14 * $width) 0 $dkblue,
    (16 * $width) (14 * $width) 0 $shadow,
    (18 * $width) (14 * $width) 0 $dkblue,
    (20 * $width) (14 * $width) 0 $shadow,
    (3 * $width) (15 * $width) 0 $red,
    (4 * $width) (15 * $width) 0 $red,
    (5 * $width) (15 * $width) 0 $red,
    (6 * $width) (15 * $width) 0 $red,
    (7 * $width) (15 * $width) 0 $red,
    (8 * $width) (15 * $width) 0 $dkblue,
    (9 * $width) (15 * $width) 0 $ltblue,
    (10 * $width) (15 * $width) 0 $ltblue,
    (11 * $width) (15 * $width) 0 $ltblue,
    (12 * $width) (15 * $width) 0 $ltblue,
    (13 * $width) (15 * $width) 0 $ltblue,
    (14 * $width) (15 * $width) 0 $ltblue,
    (15 * $width) (15 * $width) 0 $shadow,
    (16 * $width) (15 * $width) 0 $dkblue,
    (17 * $width) (15 * $width) 0 $dkblue,
    (18 * $width) (15 * $width) 0 $brown,
    (19 * $width) (15 * $width) 0 $shadow,
    (20 * $width) (15 * $width) 0 $shadow,
    (21 * $width) (15 * $width) 0 $shadow,
    (3 * $width) (16 * $width) 0 $red,
    (4 * $width) (16 * $width) 0 $red,
    (5 * $width) (16 * $width) 0 $red,
    (6 * $width) (16 * $width) 0 $red,
    (7 * $width) (16 * $width) 0 $red,
    (8 * $width) (16 * $width) 0 $shadow,
    (9 * $width) (16 * $width) 0 $ltblue,
    (10 * $width) (16 * $width) 0 $ltblue,
    (11 * $width) (16 * $width) 0 $ltblue,
    (12 * $width) (16 * $width) 0 $ltblue,
    (13 * $width) (16 * $width) 0 $ltblue,
    (14 * $width) (16 * $width) 0 $ltblue,
    (15 * $width) (16 * $width) 0 $shadow,
    (16 * $width) (16 * $width) 0 $shadow,
    (17 * $width) (16 * $width) 0 $shadow,
    (18 * $width) (16 * $width) 0 $brown,
    (20 * $width) (16 * $width) 0 $shadow,
    (4 * $width) (17 * $width) 0 $red,
    (5 * $width) (17 * $width) 0 $red,
    (6 * $width) (17 * $width) 0 $red,
    (7 * $width) (17 * $width) 0 $dkblue,
    (8 * $width) (17 * $width) 0 $shadow,
    (9 * $width) (17 * $width) 0 $mblue,
    (10 * $width) (17 * $width) 0 $mblue,
    (11 * $width) (17 * $width) 0 $mblue,
    (12 * $width) (17 * $width) 0 $mblue,
    (13 * $width) (17 * $width) 0 $mblue,
    (14 * $width) (17 * $width) 0 $mblue,
    (15 * $width) (17 * $width) 0 $shadow,
    (18 * $width) (17 * $width) 0 $shadow,
    (19 * $width) (17 * $width) 0 $shadow,
    (20 * $width) (17 * $width) 0 $shadow,
    (5 * $width) (18 * $width) 0 $red,
    (6 * $width) (18 * $width) 0 $shadow,
    (7 * $width) (18 * $width) 0 $shadow,
    (8 * $width) (18 * $width) 0 $dkblue,
    (9 * $width) (18 * $width) 0 $ltblue,
    (10 * $width) (18 * $width) 0 $ltblue,
    (11 * $width) (18 * $width) 0 $ltblue,
    (12 * $width) (18 * $width) 0 $ltblue,
    (13 * $width) (18 * $width) 0 $ltblue,
    (14 * $width) (18 * $width) 0 $ltblue,
    (15 * $width) (18 * $width) 0 $ltblue,
    (16 * $width) (18 * $width) 0 $shadow,
    (20 * $width) (18 * $width) 0 $shadow,
    (6 * $width) (19 * $width) 0 $shadow,
    (7 * $width) (19 * $width) 0 $shadow,
    (8 * $width) (19 * $width) 0 $ltblue,
    (9 * $width) (19 * $width) 0 $ltblue,
    (10 * $width) (19 * $width) 0 $ltblue,
    (11 * $width) (19 * $width) 0 $ltblue,
    (12 * $width) (19 * $width) 0 $ltblue,
    (13 * $width) (19 * $width) 0 $ltblue,
    (14 * $width) (19 * $width) 0 $ltblue,
    (15 * $width) (19 * $width) 0 $ltblue,
    (16 * $width) (19 * $width) 0 $shadow,
    (7 * $width) (20 * $width) 0 $ltblue,
    (8 * $width) (20 * $width) 0 $ltblue,
    (9 * $width) (20 * $width) 0 $ltblue,
    (10 * $width) (20 * $width) 0 $ltblue,
    (11 * $width) (20 * $width) 0 $ltblue,
    (12 * $width) (20 * $width) 0 $ltblue,
    (13 * $width) (20 * $width) 0 $ltblue,
    (14 * $width) (20 * $width) 0 $ltblue,
    (15 * $width) (20 * $width) 0 $ltblue,
    (16 * $width) (20 * $width) 0 $ltblue,
    (17 * $width) (20 * $width) 0 $shadow,
    (9 * $width) (21 * $width) 0 $mblue,
    (10 * $width) (21 * $width) 0 $shadow,
    (11 * $width) (21 * $width) 0 $shadow,
    (12 * $width) (21 * $width) 0 $shadow,
    (13 * $width) (21 * $width) 0 $mblue,
    (14 * $width) (21 * $width) 0 $shadow,
    (15 * $width) (21 * $width) 0 $shadow,
    (16 * $width) (21 * $width) 0 $shadow,
    (17 * $width) (21 * $width) 0 $shadow,
    (8 * $width) (22 * $width) 0 $shadow,
    (9 * $width) (22 * $width) 0 $mblue,
    (10 * $width) (22 * $width) 0 $shadow,
    (11 * $width) (22 * $width) 0 $shadow,
    (12 * $width) (22 * $width) 0 $shadow,
    (13 * $width) (22 * $width) 0 $mblue,
    (14 * $width) (22 * $width) 0 $shadow,
    (15 * $width) (22 * $width) 0 $shadow,
    (16 * $width) (22 * $width) 0 $shadow,
    (17 * $width) (22 * $width) 0 $shadow,
    (18 * $width) (22 * $width) 0 $shadow,
    (9 * $width) (23 * $width) 0 $ltblue,
    (11 * $width) (23 * $width) 0 $shadow,
    (13 * $width) (23 * $width) 0 $ltblue,
    (15 * $width) (23 * $width) 0 $shadow,
    (9 * $width) (24 * $width) 0 $ltblue,
    (10 * $width) (24 * $width) 0 $ltblue,
    (11 * $width) (24 * $width) 0 $shadow,
    (13 * $width) (24 * $width) 0 $ltblue,
    (14 * $width) (24 * $width) 0 $ltblue,
    (15 * $width) (24 * $width) 0 $shadow,
    (9 * $width) (25 * $width) 0 $ltblue,
    (10 * $width) (25 * $width) 0 $ltblue,
    (11 * $width) (25 * $width) 0 $ltblue,
    (13 * $width) (25 * $width) 0 $ltblue,
    (14 * $width) (25 * $width) 0 $ltblue,
    (15 * $width) (25 * $width) 0 $ltblue;
}
.container:hover .knight {
  box-shadow:
    (9 * $width) (1 * $width) 0 $red,
    (10 * $width) (2 * $width) 0 $red,
    (11 * $width) (2 * $width) 0 $red,
    (11 * $width) (3 * $width) 0 $red,
    (12 * $width) (3 * $width) 0 $red,
    (11 * $width) (4 * $width) 0 $red,
    (12 * $width) (4 * $width) 0 $red,
    (13 * $width) (4 * $width) 0 $shadow,
    (12 * $width) (5 * $width) 0 $red,
    (13 * $width) (5 * $width) 0 $shadow,
    (14 * $width) (5 * $width) 0 $shadow,
    (11 * $width) (6 * $width) 0 $ltblue,
    (12 * $width) (6 * $width) 0 $ltblue,
    (13 * $width) (6 * $width) 0 $ltblue,
    (14 * $width) (6 * $width) 0 $ltblue,
    (10 * $width) (7 * $width) 0 $ltblue,
    (11 * $width) (7 * $width) 0 $vltblue,
    (12 * $width) (7 * $width) 0 $ltblue,
    (13 * $width) (7 * $width) 0 $ltblue,
    (14 * $width) (7 * $width) 0 $ltblue,
    (15 * $width) (7 * $width) 0 $ltblue,
    (16 * $width) (7 * $width) 0 $ltblue,
    (18 * $width) (7 * $width) 0 $ltblue,
    (9 * $width) (8 * $width) 0 $ltblue,
    (10 * $width) (8 * $width) 0 $vltblue,
    (11 * $width) (8 * $width) 0 $ltblue,
    (12 * $width) (8 * $width) 0 $dkblue,
    (13 * $width) (8 * $width) 0 $ltblue,
    (14 * $width) (8 * $width) 0 $dkblue,
    (15 * $width) (8 * $width) 0 $ltblue,
    (16 * $width) (8 * $width) 0 $dkblue,
    (18 * $width) (8 * $width) 0 $ltblue,
    (9 * $width) (9 * $width) 0 $mblue,
    (10 * $width) (9 * $width) 0 $mblue,
    (11 * $width) (9 * $width) 0 $mblue,
    (12 * $width) (9 * $width) 0 $mblue,
    (13 * $width) (9 * $width) 0 $mblue,
    (14 * $width) (9 * $width) 0 $mblue,
    (15 * $width) (9 * $width) 0 $mblue,
    (16 * $width) (9 * $width) 0 $mblue,
    (17 * $width) (9 * $width) 0 $shadow,
    (18 * $width) (9 * $width) 0 $vltblue,
    (20 * $width) (9 * $width) 0 $shadow,
    (8 * $width) (10 * $width) 0 $ltblue,
    (9 * $width) (10 * $width) 0 $ltblue,
    (10 * $width) (10 * $width) 0 $ltblue,
    (11 * $width) (10 * $width) 0 $mblue,
    (12 * $width) (10 * $width) 0 $face,
    (13 * $width) (10 * $width) 0 $face,
    (14 * $width) (10 * $width) 0 $face,
    (15 * $width) (10 * $width) 0 $mblue,
    (16 * $width) (10 * $width) 0 $shadow,
    (17 * $width) (10 * $width) 0 $shadow,
    (18 * $width) (10 * $width) 0 white,
    (20 * $width) (10 * $width) 0 $shadow,
    (7 * $width) (11 * $width) 0 $mblue,
    (8 * $width) (11 * $width) 0 $mblue,
    (9 * $width) (11 * $width) 0 $mblue,
    (10 * $width) (11 * $width) 0 $mblue,
    (11 * $width) (11 * $width) 0 $mblue,
    (12 * $width) (11 * $width) 0 $face,
    (13 * $width) (11 * $width) 0 $face,
    (14 * $width) (11 * $width) 0 $face,
    (15 * $width) (11 * $width) 0 $mblue,
    (16 * $width) (11 * $width) 0 $shadow,
    (17 * $width) (11 * $width) 0 $shadow,
    (18 * $width) (11 * $width) 0 $vltblue,
    (20 * $width) (11 * $width) 0 $shadow,
    (9 * $width) (12 * $width) 0 $mdkblue,
    (10 * $width) (12 * $width) 0 $mdkblue,
    (11 * $width) (12 * $width) 0 $mdkblue,
    (12 * $width) (12 * $width) 0 $mdkblue,
    (13 * $width) (12 * $width) 0 $mdkblue,
    (14 * $width) (12 * $width) 0 $mdkblue,
    (15 * $width) (12 * $width) 0 $shadow,
    (16 * $width) (12 * $width) 0 $shadow,
    (17 * $width) (12 * $width) 0 $shadow,
    (18 * $width) (12 * $width) 0 $vltblue,
    (20 * $width) (12 * $width) 0 $shadow,
    (3 * $width) (13 * $width) 0 $red,
    (4 * $width) (13 * $width) 0 $red,
    (5 * $width) (13 * $width) 0 $red,
    (6 * $width) (13 * $width) 0 $red,
    (7 * $width) (13 * $width) 0 $red,
    (9 * $width) (13 * $width) 0 $ltblue,
    (10 * $width) (13 * $width) 0 $mblue,
    (11 * $width) (13 * $width) 0 $mblue,
    (12 * $width) (13 * $width) 0 $mblue,
    (13 * $width) (13 * $width) 0 $mblue,
    (14 * $width) (13 * $width) 0 $mblue,
    (15 * $width) (13 * $width) 0 $shadow,
    (16 * $width) (13 * $width) 0 $shadow,
    (17 * $width) (13 * $width) 0 $shadow,
    (18 * $width) (13 * $width) 0 $mblue,
    (20 * $width) (13 * $width) 0 $shadow,
    (3 * $width) (14 * $width) 0 $red,
    (4 * $width) (14 * $width) 0 $red,
    (5 * $width) (14 * $width) 0 $red,
    (6 * $width) (14 * $width) 0 $red,
    (7 * $width) (14 * $width) 0 $red,
    (8 * $width) (14 * $width) 0 $dkblue,
    (9 * $width) (14 * $width) 0 $ltblue,
    (10 * $width) (14 * $width) 0 $ltblue,
    (11 * $width) (14 * $width) 0 $mblue,
    (12 * $width) (14 * $width) 0 $mblue,
    (13 * $width) (14 * $width) 0 $mblue,
    (14 * $width) (14 * $width) 0 $ltblue,
    (15 * $width) (14 * $width) 0 $dkblue,
    (16 * $width) (14 * $width) 0 $shadow,
    (17 * $width) (14 * $width) 0 $brown,
    (18 * $width) (14 * $width) 0 $brown,
    (19 * $width) (14 * $width) 0 $brown,
    (20 * $width) (14 * $width) 0 $shadow,
    (3 * $width) (15 * $width) 0 $red,
    (4 * $width) (15 * $width) 0 $red,
    (5 * $width) (15 * $width) 0 $red,
    (6 * $width) (15 * $width) 0 $red,
    (7 * $width) (15 * $width) 0 $red,
    (8 * $width) (15 * $width) 0 $dkblue,
    (9 * $width) (15 * $width) 0 $ltblue,
    (10 * $width) (15 * $width) 0 $ltblue,
    (11 * $width) (15 * $width) 0 $ltblue,
    (12 * $width) (15 * $width) 0 $mblue,
    (13 * $width) (15 * $width) 0 $ltblue,
    (14 * $width) (15 * $width) 0 $ltblue,
    (15 * $width) (15 * $width) 0 $dkblue,
    (16 * $width) (15 * $width) 0 $shadow,
    (18 * $width) (15 * $width) 0 $dkblue,
    (20 * $width) (15 * $width) 0 $shadow,
    (3 * $width) (16 * $width) 0 $red,
    (4 * $width) (16 * $width) 0 $red,
    (5 * $width) (16 * $width) 0 $red,
    (6 * $width) (16 * $width) 0 $red,
    (7 * $width) (16 * $width) 0 $red,
    (8 * $width) (16 * $width) 0 $dkblue,
    (9 * $width) (16 * $width) 0 $ltblue,
    (10 * $width) (16 * $width) 0 $ltblue,
    (11 * $width) (16 * $width) 0 $ltblue,
    (12 * $width) (16 * $width) 0 $ltblue,
    (13 * $width) (16 * $width) 0 $ltblue,
    (14 * $width) (16 * $width) 0 $ltblue,
    (15 * $width) (16 * $width) 0 $shadow,
    (16 * $width) (16 * $width) 0 $dkblue,
    (17 * $width) (16 * $width) 0 $dkblue,
    (18 * $width) (16 * $width) 0 $brown,
    (19 * $width) (16 * $width) 0 $shadow,
    (20 * $width) (16 * $width) 0 $shadow,
    (21 * $width) (16 * $width) 0 $shadow,
    (3 * $width) (17 * $width) 0 $red,
    (4 * $width) (17 * $width) 0 $red,
    (5 * $width) (17 * $width) 0 $red,
    (6 * $width) (17 * $width) 0 $red,
    (7 * $width) (17 * $width) 0 $red,
    (8 * $width) (17 * $width) 0 $shadow,
    (9 * $width) (17 * $width) 0 $ltblue,
    (10 * $width) (17 * $width) 0 $ltblue,
    (11 * $width) (17 * $width) 0 $ltblue,
    (12 * $width) (17 * $width) 0 $ltblue,
    (13 * $width) (17 * $width) 0 $ltblue,
    (14 * $width) (17 * $width) 0 $ltblue,
    (15 * $width) (17 * $width) 0 $shadow,
    (16 * $width) (17 * $width) 0 $shadow,
    (17 * $width) (17 * $width) 0 $shadow,
    (18 * $width) (17 * $width) 0 $brown,
    (20 * $width) (17 * $width) 0 $shadow,
    (4 * $width) (18 * $width) 0 $red,
    (5 * $width) (18 * $width) 0 $red,
    (6 * $width) (18 * $width) 0 $red,
    (7 * $width) (18 * $width) 0 $dkblue,
    (8 * $width) (18 * $width) 0 $shadow,
    (9 * $width) (18 * $width) 0 $mblue,
    (10 * $width) (18 * $width) 0 $mblue,
    (11 * $width) (18 * $width) 0 $mblue,
    (12 * $width) (18 * $width) 0 $mblue,
    (13 * $width) (18 * $width) 0 $mblue,
    (14 * $width) (18 * $width) 0 $mblue,
    (15 * $width) (18 * $width) 0 $shadow,
    (18 * $width) (18 * $width) 0 $shadow,
    (19 * $width) (18 * $width) 0 $shadow,
    (20 * $width) (18 * $width) 0 $shadow,
    (5 * $width) (19 * $width) 0 $red,
    (6 * $width) (19 * $width) 0 $shadow,
    (7 * $width) (19 * $width) 0 $shadow,
    (8 * $width) (19 * $width) 0 $dkblue,
    (9 * $width) (19 * $width) 0 $ltblue,
    (10 * $width) (19 * $width) 0 $ltblue,
    (11 * $width) (19 * $width) 0 $ltblue,
    (12 * $width) (19 * $width) 0 $ltblue,
    (13 * $width) (19 * $width) 0 $ltblue,
    (14 * $width) (19 * $width) 0 $ltblue,
    (15 * $width) (19 * $width) 0 $ltblue,
    (16 * $width) (19 * $width) 0 $shadow,
    (20 * $width) (19 * $width) 0 $shadow,
    (6 * $width) (20 * $width) 0 $shadow,
    (7 * $width) (20 * $width) 0 $shadow,
    (8 * $width) (20 * $width) 0 $ltblue,
    (9 * $width) (20 * $width) 0 $ltblue,
    (10 * $width) (20 * $width) 0 $ltblue,
    (11 * $width) (20 * $width) 0 $ltblue,
    (12 * $width) (20 * $width) 0 $ltblue,
    (13 * $width) (20 * $width) 0 $ltblue,
    (14 * $width) (20 * $width) 0 $ltblue,
    (15 * $width) (20 * $width) 0 $ltblue,
    (16 * $width) (20 * $width) 0 $shadow,
    (7 * $width) (21 * $width) 0 $ltblue,
    (8 * $width) (21 * $width) 0 $ltblue,
    (9 * $width) (21 * $width) 0 $ltblue,
    (10 * $width) (21 * $width) 0 $ltblue,
    (11 * $width) (21 * $width) 0 $ltblue,
    (12 * $width) (21 * $width) 0 $ltblue,
    (13 * $width) (21 * $width) 0 $ltblue,
    (14 * $width) (21 * $width) 0 $ltblue,
    (15 * $width) (21 * $width) 0 $ltblue,
    (16 * $width) (21 * $width) 0 $ltblue,
    (17 * $width) (21 * $width) 0 $shadow,
    (9 * $width) (22 * $width) 0 $mblue,
    (10 * $width) (22 * $width) 0 $shadow,
    (11 * $width) (22 * $width) 0 $shadow,
    (12 * $width) (22 * $width) 0 $shadow,
    (13 * $width) (22 * $width) 0 $mblue,
    (14 * $width) (22 * $width) 0 $shadow,
    (15 * $width) (22 * $width) 0 $shadow,
    (16 * $width) (22 * $width) 0 $shadow,
    (17 * $width) (22 * $width) 0 $shadow,
    (8 * $width) (23 * $width) 0 $shadow,
    (9 * $width) (23 * $width) 0 $ltblue,
    (10 * $width) (23 * $width) 0 $shadow,
    (11 * $width) (23 * $width) 0 $shadow,
    (12 * $width) (23 * $width) 0 $shadow,
    (13 * $width) (23 * $width) 0 $ltblue,
    (14 * $width) (23 * $width) 0 $shadow,
    (15 * $width) (23 * $width) 0 $shadow,
    (16 * $width) (23 * $width) 0 $shadow,
    (17 * $width) (23 * $width) 0 $shadow,
    (18 * $width) (23 * $width) 0 $shadow,
    (9 * $width) (24 * $width) 0 $ltblue,
    (10 * $width) (24 * $width) 0 $ltblue,
    (11 * $width) (24 * $width) 0 $shadow,
    (13 * $width) (24 * $width) 0 $ltblue,
    (14 * $width) (24 * $width) 0 $ltblue,
    (15 * $width) (24 * $width) 0 $shadow,
    (9 * $width) (25 * $width) 0 $ltblue,
    (10 * $width) (25 * $width) 0 $ltblue,
    (11 * $width) (25 * $width) 0 $ltblue,
    (13 * $width) (25 * $width) 0 $ltblue,
    (14 * $width) (25 * $width) 0 $ltblue,
    (15 * $width) (25 * $width) 0 $ltblue;
}
.container:hover .batman {
  box-shadow:
    (11 * $width) (6 * $width) 0 $batman,
    (15 * $width) (6 * $width) 0 $batman,
    (11 * $width) (7 * $width) 0 $batman,
    (12 * $width) (7 * $width) 0 $batman,
    (13 * $width) (7 * $width) 0 $batman,
    (14 * $width) (7 * $width) 0 $batman,
    (15 * $width) (7 * $width) 0 $batman,
    (11 * $width) (8 * $width) 0 $batman,
    (12 * $width) (8 * $width) 0 $batman,
    (13 * $width) (8 * $width) 0 $batman,
    (14 * $width) (8 * $width) 0 $batman,
    (15 * $width) (8 * $width) 0 $batman,
    (17 * $width) (8 * $width) 0 $shadow,
    (11 * $width) (9 * $width) 0 $batman,
    (12 * $width) (9 * $width) 0 $batman,
    (13 * $width) (9 * $width) 0 $batman,
    (14 * $width) (9 * $width) 0 $batman,
    (15 * $width) (9 * $width) 0 $batman,
    (17 * $width) (9 * $width) 0 $shadow,
    (11 * $width) (10 * $width) 0 $batman,
    (12 * $width) (10 * $width) 0 $face,
    (13 * $width) (10 * $width) 0 $face,
    (14 * $width) (10 * $width) 0 $face,
    (15 * $width) (10 * $width) 0 $face,
    (16 * $width) (10 * $width) 0 $shadow,
    (17 * $width) (10 * $width) 0 $shadow,
    (11 * $width) (11 * $width) 0 $batman,
    (12 * $width) (11 * $width) 0 $face,
    (13 * $width) (11 * $width) 0 $face,
    (14 * $width) (11 * $width) 0 $face,
    (15 * $width) (11 * $width) 0 $face,
    (16 * $width) (11 * $width) 0 $shadow,
    (17 * $width) (11 * $width) 0 $shadow,
    (9 * $width) (12 * $width) 0 $batman,
    (10 * $width) (12 * $width) 0 $batman,
    (11 * $width) (12 * $width) 0 $gray,
    (12 * $width) (12 * $width) 0 $gray,
    (13 * $width) (12 * $width) 0 $gray,
    (14 * $width) (12 * $width) 0 $gray,
    (15 * $width) (12 * $width) 0 $gray,
    (16 * $width) (12 * $width) 0 $shadow,
    (17 * $width) (12 * $width) 0 $shadow,
    (9 * $width) (13 * $width) 0 $batman,
    (10 * $width) (13 * $width) 0 $gray,
    (11 * $width) (13 * $width) 0 $gray,
    (12 * $width) (13 * $width) 0 $yellow,
    (13 * $width) (13 * $width) 0 $yellow,
    (14 * $width) (13 * $width) 0 $yellow,
    (15 * $width) (13 * $width) 0 $yellow,
    (16 * $width) (13 * $width) 0 $batman,
    (17 * $width) (13 * $width) 0 $shadow,
    (7 * $width) (14 * $width) 0 $batman,
    (8 * $width) (14 * $width) 0 $batman,
    (9 * $width) (14 * $width) 0 $gray,
    (10 * $width) (14 * $width) 0 $gray,
    (11 * $width) (14 * $width) 0 $yellow,
    (12 * $width) (14 * $width) 0 $yellow,
    (13 * $width) (14 * $width) 0 $yellow,
    (14 * $width) (14 * $width) 0 $yellow,
    (15 * $width) (14 * $width) 0 $yellow,
    (16 * $width) (14 * $width) 0 $batman,
    (17 * $width) (14 * $width) 0 $batman,
    (6 * $width) (15 * $width) 0 $batman,
    (7 * $width) (15 * $width) 0 $batman,
    (8 * $width) (15 * $width) 0 $batman,
    (9 * $width) (15 * $width) 0 $gray,
    (10 * $width) (15 * $width) 0 $gray,
    (11 * $width) (15 * $width) 0 $gray,
    (12 * $width) (15 * $width) 0 $yellow,
    (13 * $width) (15 * $width) 0 $yellow,
    (14 * $width) (15 * $width) 0 $yellow,
    (15 * $width) (15 * $width) 0 $yellow,
    (16 * $width) (15 * $width) 0 $batman,
    (17 * $width) (15 * $width) 0 $batman,
    (18 * $width) (15 * $width) 0 $batman,
    (6 * $width) (16 * $width) 0 $batman,
    (7 * $width) (16 * $width) 0 $batman,
    (8 * $width) (16 * $width) 0 $batman,
    (9 * $width) (16 * $width) 0 $gray,
    (10 * $width) (16 * $width) 0 $gray,
    (11 * $width) (16 * $width) 0 $gray,
    (12 * $width) (16 * $width) 0 $gray,
    (13 * $width) (16 * $width) 0 $gray,
    (14 * $width) (16 * $width) 0 $gray,
    (15 * $width) (16 * $width) 0 $gray,
    (16 * $width) (16 * $width) 0 $batman,
    (17 * $width) (16 * $width) 0 $batman,
    (18 * $width) (16 * $width) 0 $batman,
    (19 * $width) (16 * $width) 0 $shadow,
    (6 * $width) (17 * $width) 0 $batman,
    (7 * $width) (17 * $width) 0 $batman,
    (8 * $width) (17 * $width) 0 $batman,
    (9 * $width) (17 * $width) 0 $gray,
    (10 * $width) (17 * $width) 0 $gray,
    (11 * $width) (17 * $width) 0 $gray,
    (12 * $width) (17 * $width) 0 $gray,
    (13 * $width) (17 * $width) 0 $gray,
    (14 * $width) (17 * $width) 0 $gray,
    (15 * $width) (17 * $width) 0 $gray,
    (16 * $width) (17 * $width) 0 $batman,
    (17 * $width) (17 * $width) 0 $batman,
    (18 * $width) (17 * $width) 0 $batman,
    (19 * $width) (17 * $width) 0 $shadow,
    (20 * $width) (17 * $width) 0 $shadow,(6 * $width) (18 * $width) 0 $batman,
    (7 * $width) (18 * $width) 0 $batman,
    (8 * $width) (18 * $width) 0 $batman,
    (9 * $width) (18 * $width) 0 $gray,
    (10 * $width) (18 * $width) 0 $gray,
    (11 * $width) (18 * $width) 0 $gray,
    (12 * $width) (18 * $width) 0 $gray,
    (13 * $width) (18 * $width) 0 $gray,
    (14 * $width) (18 * $width) 0 $gray,
    (15 * $width) (18 * $width) 0 $gray,
    (16 * $width) (18 * $width) 0 $batman,
    (17 * $width) (18 * $width) 0 $batman,
    (18 * $width) (18 * $width) 0 $batman,
    (19 * $width) (18 * $width) 0 $shadow,
    (20 * $width) (18 * $width) 0 $shadow,(6 * $width) (19 * $width) 0 $batman,
    (7 * $width) (19 * $width) 0 $batman,
    (8 * $width) (19 * $width) 0 $batman,
    (9 * $width) (19 * $width) 0 $yellow,
    (10 * $width) (19 * $width) 0 $yellow,
    (11 * $width) (19 * $width) 0 $yellow,
    (12 * $width) (19 * $width) 0 $yellow,
    (13 * $width) (19 * $width) 0 $yellow,
    (14 * $width) (19 * $width) 0 $yellow,
    (15 * $width) (19 * $width) 0 $yellow,
    (16 * $width) (19 * $width) 0 $batman,
    (17 * $width) (19 * $width) 0 $batman,
    (18 * $width) (19 * $width) 0 $batman,
    (19 * $width) (19 * $width) 0 $shadow,
    (20 * $width) (19 * $width) 0 $shadow,
    (5 * $width) (20 * $width) 0 $batman,
    (6 * $width) (20 * $width) 0 $batman,
    (7 * $width) (20 * $width) 0 $batman,
    (8 * $width) (20 * $width) 0 $batman,
    (9 * $width) (20 * $width) 0 $batman,
    (10 * $width) (20 * $width) 0 $batman,
    (11 * $width) (20 * $width) 0 $batman,
    (12 * $width) (20 * $width) 0 $batman,
    (13 * $width) (20 * $width) 0 $batman,
    (14 * $width) (20 * $width) 0 $batman,
    (15 * $width) (20 * $width) 0 $batman,
    (16 * $width) (20 * $width) 0 $batman,
    (17 * $width) (20 * $width) 0 $batman,
    (18 * $width) (20 * $width) 0 $batman,
    (19 * $width) (20 * $width) 0 $batman,
    (20 * $width) (20 * $width) 0 $shadow,
    (5 * $width) (21 * $width) 0 $batman,
    (6 * $width) (21 * $width) 0 $batman,
    (7 * $width) (21 * $width) 0 $batman,
    (8 * $width) (21 * $width) 0 $batman,
    (9 * $width) (21 * $width) 0 $batman,
    (10 * $width) (21 * $width) 0 $batman,
    (11 * $width) (21 * $width) 0 $batman,
    (12 * $width) (21 * $width) 0 $batman,
    (13 * $width) (21 * $width) 0 $batman,
    (14 * $width) (21 * $width) 0 $batman,
    (15 * $width) (21 * $width) 0 $batman,
    (16 * $width) (21 * $width) 0 $batman,
    (17 * $width) (21 * $width) 0 $batman,
    (18 * $width) (21 * $width) 0 $batman,
    (19 * $width) (21 * $width) 0 $batman,
    (20 * $width) (21 * $width) 0 $shadow,
    (5 * $width) (22 * $width) 0 $batman,
    (6 * $width) (22 * $width) 0 $batman,
    (7 * $width) (22 * $width) 0 $batman,
    (8 * $width) (22 * $width) 0 $batman,
    (9 * $width) (22 * $width) 0 $gray,
    (10 * $width) (22 * $width) 0 $shadow,
    (11 * $width) (22 * $width) 0 $shadow,
    (12 * $width) (22 * $width) 0 $shadow,
    (13 * $width) (22 * $width) 0 $gray,
    (14 * $width) (22 * $width) 0 $shadow,
    (15 * $width) (22 * $width) 0 $shadow,
    (16 * $width) (22 * $width) 0 $batman,
    (17 * $width) (22 * $width) 0 $batman,
    (18 * $width) (22 * $width) 0 $batman,
    (19 * $width) (22 * $width) 0 $batman,
    (20 * $width) (22 * $width) 0 $shadow,
    (5 * $width) (23 * $width) 0 $batman,
    (7 * $width) (23 * $width) 0 $shadow,
    (8 * $width) (23 * $width) 0 $batman,
    (9 * $width) (23 * $width) 0 $batman,
    (10 * $width) (23 * $width) 0 $shadow,
    (11 * $width) (23 * $width) 0 $shadow,
    (13 * $width) (23 * $width) 0 $batman,
    (15 * $width) (23 * $width) 0 $shadow,
    (16 * $width) (23 * $width) 0 $batman,
    (17 * $width) (23 * $width) 0 $shadow,
    (18 * $width) (23 * $width) 0 $shadow,
    (19 * $width) (23 * $width) 0 $batman,
    (20 * $width) (23 * $width) 0 $shadow,
    (7 * $width) (24 * $width) 0 $shadow,
    (8 * $width) (24 * $width) 0 $shadow,
    (9 * $width) (24 * $width) 0 $batman,
    (10 * $width) (24 * $width) 0 $batman,
    (11 * $width) (24 * $width) 0 $shadow,
    (13 * $width) (24 * $width) 0 $batman,
    (14 * $width) (24 * $width) 0 $batman,
    (15 * $width) (24 * $width) 0 $shadow,
    (17 * $width) (24 * $width) 0 $shadow,
    (18 * $width) (24 * $width) 0 $shadow,
    (19 * $width) (24 * $width) 0 $shadow,
    (20 * $width) (24 * $width) 0 $shadow,
    (7 * $width) (25 * $width) 0 $shadow,
    (9 * $width) (25 * $width) 0 $batman,
    (10 * $width) (25 * $width) 0 $batman,
    (11 * $width) (25 * $width) 0 $batman,
    (13 * $width) (25 * $width) 0 $batman,
    (14 * $width) (25 * $width) 0 $batman,
    (15 * $width) (25 * $width) 0 $batman,
    (17 * $width) (25 * $width) 0 $shadow,
    (20 * $width) (25 * $width) 0 $shadow;
}
.container:hover .dino  {
  box-shadow:
    (14 * $width) (4 * $width) 0 $green,
    (15 * $width) (4 * $width) 0 $green,
    (16 * $width) (4 * $width) 0 $green,
    (17 * $width) (4 * $width) 0 $green,
    (18 * $width) (4 * $width) 0 $green,
    (19 * $width) (4 * $width) 0 $green,
    (14 * $width) (5 * $width) 0 $green,
    (15 * $width) (5 * $width) 0 $green,
    (16 * $width) (5 * $width) 0 $green,
    (17 * $width) (5 * $width) 0 $green,
    (18 * $width) (5 * $width) 0 $green,
    (19 * $width) (5 * $width) 0 $green,
    (12 * $width) (6 * $width) 0 $green,
    (13 * $width) (6 * $width) 0 $green,
    (14 * $width) (6 * $width) 0 $green,
    (15 * $width) (6 * $width) 0 $green,
    (16 * $width) (6 * $width) 0 $green,
    (17 * $width) (6 * $width) 0 $green,
    (18 * $width) (6 * $width) 0 $green,
    (19 * $width) (6 * $width) 0 $green,
    (20 * $width) (6 * $width) 0 $green,
    (21 * $width) (6 * $width) 0 $green,
    (12 * $width) (7 * $width) 0 $green,
    (13 * $width) (7 * $width) 0 $green,
    (14 * $width) (7 * $width) 0 $green,
    (15 * $width) (7 * $width) 0 $green,
    (16 * $width) (7 * $width) 0 $green,
    (17 * $width) (7 * $width) 0 $green,
    (18 * $width) (7 * $width) 0 $green,
    (19 * $width) (7 * $width) 0 $green,
    (20 * $width) (7 * $width) 0 $green,
    (21 * $width) (7 * $width) 0 $green,
    (12 * $width) (8 * $width) 0 $green,
    (13 * $width) (8 * $width) 0 $green,
    (14 * $width) (8 * $width) 0 $green,
    (15 * $width) (8 * $width) 0 $green,
    (16 * $width) (8 * $width) 0 $green,
    (17 * $width) (8 * $width) 0 $green,
    (18 * $width) (8 * $width) 0 $green,
    (19 * $width) (8 * $width) 0 $green,
    (20 * $width) (8 * $width) 0 $green,
    (21 * $width) (8 * $width) 0 $green,
    (22 * $width) (8 * $width) 0 $shadow,
    (23 * $width) (8 * $width) 0 $shadow,
    (12 * $width) (9 * $width) 0 $green,
    (13 * $width) (9 * $width) 0 $green,
    (14 * $width) (9 * $width) 0 $green,
    (15 * $width) (9 * $width) 0 $green,
    (16 * $width) (9 * $width) 0 $green,
    (17 * $width) (9 * $width) 0 $green,
    (18 * $width) (9 * $width) 0 $green,
    (19 * $width) (9 * $width) 0 $green,
    (20 * $width) (9 * $width) 0 $green,
    (21 * $width) (9 * $width) 0 $green,
    (22 * $width) (9 * $width) 0 $shadow,
    (23 * $width) (9 * $width) 0 $shadow,
    (10 * $width) (10 * $width) 0 $green,
    (11 * $width) (10 * $width) 0 $green,
    (12 * $width) (10 * $width) 0 $green,
    (13 * $width) (10 * $width) 0 $green,
    (14 * $width) (10 * $width) 0 $green,
    (15 * $width) (10 * $width) 0 $green,
    (16 * $width) (10 * $width) 0 $face,
    (17 * $width) (10 * $width) 0 $face,
    (18 * $width) (10 * $width) 0 $face,
    (19 * $width) (10 * $width) 0 $face,
    (20 * $width) (10 * $width) 0 $shadow,
    (21 * $width) (10 * $width) 0 $shadow,
    (22 * $width) (10 * $width) 0 $shadow,
    (23 * $width) (10 * $width) 0 $shadow,
    (10 * $width) (11 * $width) 0 $green,
    (11 * $width) (11 * $width) 0 $green,
    (12 * $width) (11 * $width) 0 $green,
    (13 * $width) (11 * $width) 0 $green,
    (14 * $width) (11 * $width) 0 $green,
    (15 * $width) (11 * $width) 0 $green,
    (16 * $width) (11 * $width) 0 $face,
    (17 * $width) (11 * $width) 0 $face,
    (18 * $width) (11 * $width) 0 $face,
    (19 * $width) (11 * $width) 0 $face,
    (20 * $width) (11 * $width) 0 $shadow,
    (21 * $width) (11 * $width) 0 $shadow,
    (22 * $width) (11 * $width) 0 $shadow,
    (23 * $width) (11 * $width) 0 $shadow,
    (10 * $width) (12 * $width) 0 $green,
    (11 * $width) (12 * $width) 0 $green,
    (12 * $width) (12 * $width) 0 $green,
    (13 * $width) (12 * $width) 0 $green,
    (14 * $width) (12 * $width) 0 $green,
    (15 * $width) (12 * $width) 0 $green,
    (16 * $width) (12 * $width) 0 $face,
    (17 * $width) (12 * $width) 0 $face,
    (18 * $width) (12 * $width) 0 $face,
    (19 * $width) (12 * $width) 0 $face,
    (20 * $width) (12 * $width) 0 $shadow,
    (21 * $width) (12 * $width) 0 $shadow,
    (10 * $width) (13 * $width) 0 $green,
    (11 * $width) (13 * $width) 0 $green,
    (12 * $width) (13 * $width) 0 $green,
    (13 * $width) (13 * $width) 0 $green,
    (14 * $width) (13 * $width) 0 $green,
    (15 * $width) (13 * $width) 0 $green,
    (16 * $width) (13 * $width) 0 $face,
    (17 * $width) (13 * $width) 0 $face,
    (18 * $width) (13 * $width) 0 $face,
    (19 * $width) (13 * $width) 0 $face,
    (20 * $width) (13 * $width) 0 $shadow,
    (21 * $width) (13 * $width) 0 $shadow,
    (8 * $width) (14 * $width) 0 $green,
    (9 * $width) (14 * $width) 0 $green,
    (10 * $width) (14 * $width) 0 $green,
    (11 * $width) (14 * $width) 0 $green,
    (12 * $width) (14 * $width) 0 $green,
    (13 * $width) (14 * $width) 0 $green,
    (14 * $width) (14 * $width) 0 $green,
    (15 * $width) (14 * $width) 0 $green,
    (16 * $width) (14 * $width) 0 $shirt,
    (17 * $width) (14 * $width) 0 $shirt,
    (18 * $width) (14 * $width) 0 $shirt,
    (19 * $width) (14 * $width) 0 $shirt,
    (20 * $width) (14 * $width) 0 $shadow,
    (21 * $width) (14 * $width) 0 $shadow,
    (8 * $width) (15 * $width) 0 $green,
    (9 * $width) (15 * $width) 0 $green,
    (10 * $width) (15 * $width) 0 $green,
    (11 * $width) (15 * $width) 0 $green,
    (12 * $width) (15 * $width) 0 $green,
    (13 * $width) (15 * $width) 0 $green,
    (14 * $width) (15 * $width) 0 $green,
    (15 * $width) (15 * $width) 0 $green,
    (16 * $width) (15 * $width) 0 $shirt,
    (17 * $width) (15 * $width) 0 $shirt,
    (18 * $width) (15 * $width) 0 $shirt,
    (19 * $width) (15 * $width) 0 $shirt,
    (20 * $width) (15 * $width) 0 $shadow,
    (21 * $width) (15 * $width) 0 $shadow,
    (8 * $width) (16 * $width) 0 $green,
    (9 * $width) (16 * $width) 0 $green,
    (10 * $width) (16 * $width) 0 $green,
    (11 * $width) (16 * $width) 0 $green,
    (12 * $width) (16 * $width) 0 $green,
    (13 * $width) (16 * $width) 0 $green,
    (14 * $width) (16 * $width) 0 $green,
    (15 * $width) (16 * $width) 0 $green,
    (16 * $width) (16 * $width) 0 $shirt,
    (17 * $width) (16 * $width) 0 $shirt,
    (18 * $width) (16 * $width) 0 $shirt,
    (19 * $width) (16 * $width) 0 $shirt,
    (20 * $width) (16 * $width) 0 $shadow,
    (21 * $width) (16 * $width) 0 $shadow,
    (8 * $width) (17 * $width) 0 $green,
    (9 * $width) (17 * $width) 0 $green,
    (10 * $width) (17 * $width) 0 $green,
    (11 * $width) (17 * $width) 0 $green,
    (12 * $width) (17 * $width) 0 $green,
    (13 * $width) (17 * $width) 0 $green,
    (14 * $width) (17 * $width) 0 $green,
    (15 * $width) (17 * $width) 0 $green,
    (16 * $width) (17 * $width) 0 $shirt,
    (17 * $width) (17 * $width) 0 $shirt,
    (18 * $width) (17 * $width) 0 $shirt,
    (19 * $width) (17 * $width) 0 $shirt,
    (20 * $width) (17 * $width) 0 $shadow,
    (21 * $width) (17 * $width) 0 $shadow,
    (6 * $width) (18 * $width) 0 $green,
    (7 * $width) (18 * $width) 0 $green,
    (8 * $width) (18 * $width) 0 $green,
    (9 * $width) (18 * $width) 0 $green,
    (10 * $width) (18 * $width) 0 $green,
    (11 * $width) (18 * $width) 0 $green,
    (12 * $width) (18 * $width) 0 $green,
    (13 * $width) (18 * $width) 0 $green,
    (14 * $width) (18 * $width) 0 $shirt,
    (15 * $width) (18 * $width) 0 $shirt,
    (16 * $width) (18 * $width) 0 $shirt,
    (17 * $width) (18 * $width) 0 $shirt,
    (18 * $width) (18 * $width) 0 $shirt,
    (19 * $width) (18 * $width) 0 $shirt,
    (20 * $width) (18 * $width) 0 $shadow,
    (21 * $width) (18 * $width) 0 $shadow,
    (6 * $width) (19 * $width) 0 $green,
    (7 * $width) (19 * $width) 0 $green,
    (8 * $width) (19 * $width) 0 $green,
    (9 * $width) (19 * $width) 0 $green,
    (10 * $width) (19 * $width) 0 $green,
    (11 * $width) (19 * $width) 0 $green,
    (12 * $width) (19 * $width) 0 $green,
    (13 * $width) (19 * $width) 0 $green,
    (14 * $width) (19 * $width) 0 $shirt,
    (15 * $width) (19 * $width) 0 $shirt,
    (16 * $width) (19 * $width) 0 $shirt,
    (17 * $width) (19 * $width) 0 $shirt,
    (18 * $width) (19 * $width) 0 $shirt,
    (19 * $width) (19 * $width) 0 $shirt,
    (20 * $width) (19 * $width) 0 $shadow,
    (21 * $width) (19 * $width) 0 $shadow,
    (4 * $width) (20 * $width) 0 $green,
    (5 * $width) (20 * $width) 0 $green,
    (6 * $width) (20 * $width) 0 $green,
    (7 * $width) (20 * $width) 0 $green,
    (8 * $width) (20 * $width) 0 $green,
    (9 * $width) (20 * $width) 0 $green,
    (10 * $width) (20 * $width) 0 $green,
    (11 * $width) (20 * $width) 0 $green,
    (12 * $width) (20 * $width) 0 $shirt,
    (13 * $width) (20 * $width) 0 $shirt,
    (14 * $width) (20 * $width) 0 $shirt,
    (15 * $width) (20 * $width) 0 $shirt,
    (16 * $width) (20 * $width) 0 $shirt,
    (17 * $width) (20 * $width) 0 $shirt,
    (18 * $width) (20 * $width) 0 $shirt,
    (19 * $width) (20 * $width) 0 $shirt,
    (20 * $width) (20 * $width) 0 $shadow,
    (21 * $width) (20 * $width) 0 $shadow,
    (4 * $width) (21 * $width) 0 $green,
    (5 * $width) (21 * $width) 0 $green,
    (6 * $width) (21 * $width) 0 $green,
    (7 * $width) (21 * $width) 0 $green,
    (8 * $width) (21 * $width) 0 $green,
    (9 * $width) (21 * $width) 0 $green,
    (10 * $width) (21 * $width) 0 $green,
    (11 * $width) (21 * $width) 0 $green,
    (12 * $width) (21 * $width) 0 $shirt,
    (13 * $width) (21 * $width) 0 $shirt,
    (14 * $width) (21 * $width) 0 $shirt,
    (15 * $width) (21 * $width) 0 $shirt,
    (16 * $width) (21 * $width) 0 $shirt,
    (17 * $width) (21 * $width) 0 $shirt,
    (18 * $width) (21 * $width) 0 $shirt,
    (19 * $width) (21 * $width) 0 $shirt,
    (20 * $width) (21 * $width) 0 $shadow,
    (21 * $width) (21 * $width) 0 $shadow,
    (2 * $width) (22 * $width) 0 $green,
    (3 * $width) (22 * $width) 0 $green,
    (4 * $width) (22 * $width) 0 $green,
    (5 * $width) (22 * $width) 0 $green,
    (6 * $width) (22 * $width) 0 $green,
    (7 * $width) (22 * $width) 0 $green,
    (8 * $width) (22 * $width) 0 $green,
    (9 * $width) (22 * $width) 0 $green,
    (10 * $width) (22 * $width) 0 $green,
    (11 * $width) (22 * $width) 0 $green,
    (12 * $width) (22 * $width) 0 $blue,
    (13 * $width) (22 * $width) 0 $green,
    (14 * $width) (22 * $width) 0 $green,
    (15 * $width) (22 * $width) 0 $green,
    (16 * $width) (22 * $width) 0 $blue,
    (17 * $width) (22 * $width) 0 $green,
    (18 * $width) (22 * $width) 0 $green,
    (19 * $width) (22 * $width) 0 $shadow,
    (20 * $width) (22 * $width) 0 $shadow,
    (21 * $width) (22 * $width) 0 $shadow,
    (2 * $width) (23 * $width) 0 $green,
    (3 * $width) (23 * $width) 0 $green,
    (4 * $width) (23 * $width) 0 $green,
    (5 * $width) (23 * $width) 0 $green,
    (6 * $width) (23 * $width) 0 $green,
    (7 * $width) (23 * $width) 0 $green,
    (8 * $width) (23 * $width) 0 $green,
    (9 * $width) (23 * $width) 0 $green,
    (10 * $width) (23 * $width) 0 $green,
    (11 * $width) (23 * $width) 0 $green,
    (12 * $width) (23 * $width) 0 $red,
    (13 * $width) (23 * $width) 0 $shadow,
    (14 * $width) (23 * $width) 0 $shadow,
    (15 * $width) (23 * $width) 0 $shadow,
    (16 * $width) (23 * $width) 0 $red,
    (17 * $width) (23 * $width) 0 $shadow,
    (18 * $width) (23 * $width) 0 $shadow,
    (19 * $width) (23 * $width) 0 $shadow,
    (20 * $width) (23 * $width) 0 $shadow,
    (21 * $width) (23 * $width) 0 $shadow,
    (4 * $width) (24 * $width) 0 $shadow,
    (5 * $width) (24 * $width) 0 $shadow,
    (6 * $width) (24 * $width) 0 $shadow,
    (7 * $width) (24 * $width) 0 $shadow,
    (8 * $width) (24 * $width) 0 $shadow,
    (9 * $width) (24 * $width) 0 $shadow,
    (10 * $width) (24 * $width) 0 $shadow,
    (11 * $width) (24 * $width) 0 $shadow,
    (12 * $width) (24 * $width) 0 $red,
    (13 * $width) (24 * $width) 0 $red,
    (14 * $width) (24 * $width) 0 $shadow,
    (15 * $width) (24 * $width) 0 $shadow,
    (16 * $width) (24 * $width) 0 $red,
    (17 * $width) (24 * $width) 0 $red,
    (18 * $width) (24 * $width) 0 $shadow,
    (19 * $width) (24 * $width) 0 $shadow,
    (20 * $width) (24 * $width) 0 $shadow,
    (4 * $width) (25 * $width) 0 $shadow,
    (5 * $width) (25 * $width) 0 $shadow,
    (6 * $width) (25 * $width) 0 $shadow,
    (7 * $width) (25 * $width) 0 $shadow,
    (8 * $width) (25 * $width) 0 $shadow,
    (9 * $width) (25 * $width) 0 $shadow,
    (10 * $width) (25 * $width) 0 $shadow,
    (11 * $width) (25 * $width) 0 $shadow,
    (12 * $width) (25 * $width) 0 $red,
    (13 * $width) (25 * $width) 0 white,
    (14 * $width) (25 * $width) 0 white,
    (15 * $width) (25 * $width) 0 $shadow,
    (16 * $width) (25 * $width) 0 $red,
    (17 * $width) (25 * $width) 0 white,
    (18 * $width) (25 * $width) 0 white,
    (19 * $width) (25 * $width) 0 $shadow,
    (20 * $width) (25 * $width) 0 $shadow;
}
            
          
!
            
              /*
Dribbble shot by Antonas Deduchovas: http://drbl.in/jzgO.

Read about how I generated all these box-shadows, it was a fun experiment: http://katydecorah.com/code/2013/12/06/heroes-queue/

Psst! Don't forget to hover.
*/
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console