Pen Settings

HTML

About HTML Preprocessors

HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.

Learn more · Versions

Adding Classes

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html> tag. If you want to add classes there that can affect the whole document, this is the place to do it.

About the <head>

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. If you need things in the <head> of the document, put that code here.

!
Insecure Resource

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.

CSS

About CSS Preprocessors

CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.

Learn more · Versions

CSS Base

About CSS Base

It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.

Vendor Prefixing

About Vendor Prefixing

To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit- or -moz-.

We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).

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.

Powered by Algolia
About External Resources

You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.

You can also link to another Pen here (use the .css URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ add another resource

JavaScript

About JavaScript Preprocessors

JavaScript preprocessors can help make authoring JavaScript easier and more convenient.

Learn more · Versions

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.

Powered by Algolia
About External Resources

You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.

If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.

You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ 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.

Powered by Algolia
About Packages

Using packages here is powered by Skypack, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ES6 import usage.

All packages are different, so refer to their docs for how they work.

If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.

Behavior

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.

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 

              
                .pulp-fiction
  .vincent.pf-vincent-1
  .jules.pf-jules-1
%p Original gif: Dusan Cezek
!

CSS 

              
                html {
    background: #676766;
}

@import url(https://fonts.googleapis.com/css?family=VT323);

// Modify the pixel size
$width : 0.5em;

// Colors Vincent
$black: #231f20;
$grey: #3a3a3a;
$grey-d: #383838;
$grey-l: #494949;
$skin-shadow: #af8d76;
$skin: #c0997d;
$skin-dark: #927a6a;
$grey-vl: #dcdcdc;
$white: #f5f6f7;
$gun-lg: #c6c6c6;
$gun-d: #b7b7b7;
$shadow: #515252;

// Colors Jules
$brown-vl: #3f281c;
$brown: #2a1810;
$brown-d: #160e0d;
$skin-j-shadow: #573e2b;
$skin-j: #694c34;
$skin-j-dark: #4c3628;
$grey-j-l: #b3b3b3;


body { 
  font-family: 'VT323';
  background:#f4f4f4;
  p {
    position: absolute;
    right: 20px;
    bottom: 5px;
    font-size:14px;
  }
}
@mixin jules-1 {
    box-shadow:
    ($width * 5) ($width * 0) 0 $brown-vl,

    ($width * 4) ($width * 1) 0 $brown,
    ($width * 5) ($width * 1) 0 $brown-vl,
    ($width * 6) ($width * 1) 0 $brown-vl,
    ($width * 7) ($width * 1) 0 $brown-vl,

    ($width * 3) ($width * 2) 0 $brown-d,
    ($width * 4) ($width * 2) 0 $brown,
    ($width * 5) ($width * 2) 0 $brown,
    ($width * 6) ($width * 2) 0 $brown,
    ($width * 7) ($width * 2) 0 $brown-vl,
    ($width * 8) ($width * 2) 0 $brown-vl,
    
    ($width * 2) ($width * 3) 0 $brown-d,
    ($width * 3) ($width * 3) 0 $brown-d,
    ($width * 4) ($width * 3) 0 $brown,
    ($width * 5) ($width * 3) 0 $brown-d,
    ($width * 6) ($width * 3) 0 $brown,
    ($width * 7) ($width * 3) 0 $brown,
    ($width * 8) ($width * 3) 0 $brown-vl,
    ($width * 9) ($width * 3) 0 $brown-vl,
    
    ($width * 1) ($width * 4) 0 $brown-d,
    ($width * 2) ($width * 4) 0 $brown-d,
    ($width * 3) ($width * 4) 0 $brown-d,
    ($width * 4) ($width * 4) 0 $brown-d,
    ($width * 5) ($width * 4) 0 $brown-d,
    ($width * 6) ($width * 4) 0 $brown,
    ($width * 7) ($width * 4) 0 $brown-d,
    ($width * 8) ($width * 4) 0 $brown,
    ($width * 9) ($width * 4) 0 $brown-vl,
    ($width * 10) ($width * 4) 0 $brown-vl,

    ($width * 2) ($width * 5) 0 $brown-d,
    ($width * 3) ($width * 5) 0 $skin-j-shadow,
    ($width * 4) ($width * 5) 0 $skin-j,
    ($width * 5) ($width * 5) 0 $skin-j,
    ($width * 6) ($width * 5) 0 $brown-d,
    ($width * 7) ($width * 5) 0 $brown,
    ($width * 8) ($width * 5) 0 $brown,
    ($width * 9) ($width * 5) 0 $brown-vl,

    ($width * 3) ($width * 6) 0 $black,
    ($width * 4) ($width * 6) 0 $black,
    ($width * 5) ($width * 6) 0 $black,
    ($width * 6) ($width * 6) 0 $skin-j,
    ($width * 7) ($width * 6) 0 $brown,
    ($width * 8) ($width * 6) 0 $brown,

    ($width * 3) ($width * 7) 0 $brown-d,
    ($width * 4) ($width * 7) 0 $brown,
    ($width * 5) ($width * 7) 0 $brown,
    ($width * 6) ($width * 7) 0 $skin-j,
    ($width * 7) ($width * 7) 0 $brown,
    ($width * 8) ($width * 7) 0 $skin-j,

    ($width * 3) ($width * 8) 0 $brown-d,
    ($width * 4) ($width * 8) 0 $skin-j,
    ($width * 5) ($width * 8) 0 $brown,
    ($width * 6) ($width * 8) 0 $skin-j,
    ($width * 7) ($width * 8) 0 $skin-j,

    ($width * 5) ($width * 9) 0 $skin-j-dark,
    ($width * 6) ($width * 9) 0 $skin-j-dark,

    ($width * 5) ($width * 10) 0 $skin-j-dark,
    ($width * 6) ($width * 10) 0 $white,
    
    ($width * 4) ($width * 11) 0 $grey-vl,
    ($width * 5) ($width * 11) 0 $skin-j-dark,
    ($width * 6) ($width * 11) 0 $white,
    ($width * 7) ($width * 11) 0 $black,

    ($width * 3) ($width * 12) 0 $black,
    ($width * 4) ($width * 12) 0 $grey-vl,
    ($width * 5) ($width * 12) 0 $black,
    ($width * 6) ($width * 12) 0 $white,
    ($width * 7) ($width * 12) 0 $black,

    ($width * 3) ($width * 13) 0 $black,
    ($width * 4) ($width * 13) 0 $white,
    ($width * 5) ($width * 13) 0 $black,
    ($width * 6) ($width * 13) 0 $white,
    ($width * 7) ($width * 13) 0 $black,

    ($width * 3) ($width * 14) 0 $black,
    ($width * 4) ($width * 14) 0 $white,
    ($width * 5) ($width * 14) 0 $black,
    ($width * 6) ($width * 14) 0 $white,
    ($width * 7) ($width * 14) 0 $black,
    ($width * 8) ($width * 14) 0 $black,

    ($width * 3) ($width * 15) 0 $black,
    ($width * 4) ($width * 15) 0 $white,
    ($width * 5) ($width * 15) 0 $black,
    ($width * 6) ($width * 15) 0 $white,
    ($width * 7) ($width * 15) 0 $black,
    ($width * 8) ($width * 15) 0 $black,

    ($width * 2) ($width * 16) 0 $black,
    ($width * 3) ($width * 16) 0 $black,
    ($width * 4) ($width * 16) 0 $white,
    ($width * 5) ($width * 16) 0 $black,
    ($width * 6) ($width * 16) 0 $white,
    ($width * 7) ($width * 16) 0 $black,
    ($width * 8) ($width * 16) 0 $black,

    ($width * 2) ($width * 17) 0 $black,
    ($width * 3) ($width * 17) 0 $black,
    ($width * 4) ($width * 17) 0 $grey-vl,
    ($width * 5) ($width * 17) 0 $black,
    ($width * 6) ($width * 17) 0 $white,
    ($width * 7) ($width * 17) 0 $black,
    ($width * 8) ($width * 17) 0 $black,

    ($width * 2) ($width * 18) 0 $black,
    ($width * 3) ($width * 18) 0 $black,
    ($width * 4) ($width * 18) 0 $white,
    ($width * 5) ($width * 18) 0 $black,
    ($width * 6) ($width * 18) 0 $white,
    ($width * 7) ($width * 18) 0 $black,
    ($width * 8) ($width * 18) 0 $black,

    ($width * 2) ($width * 19) 0 $black,
    ($width * 3) ($width * 19) 0 $black,
    ($width * 4) ($width * 19) 0 $grey-vl,
    ($width * 5) ($width * 19) 0 $black,
    ($width * 6) ($width * 19) 0 $white,
    ($width * 7) ($width * 19) 0 $black,
    ($width * 8) ($width * 19) 0 $black,
    ($width * 9) ($width * 19) 0 $black,

    ($width * 2) ($width * 20) 0 $black,
    ($width * 3) ($width * 20) 0 $black,
    ($width * 4) ($width * 20) 0 $grey-vl,
    ($width * 5) ($width * 20) 0 $grey-vl,
    ($width * 6) ($width * 20) 0 $white,
    ($width * 7) ($width * 20) 0 $black,
    ($width * 8) ($width * 20) 0 $black,
    ($width * 9) ($width * 20) 0 $black,

    ($width * 2) ($width * 21) 0 $black,
    ($width * 3) ($width * 21) 0 $black,
    ($width * 4) ($width * 21) 0 $black,
    ($width * 5) ($width * 21) 0 $grey-j-l,
    ($width * 6) ($width * 21) 0 $black,
    ($width * 7) ($width * 21) 0 $black,
    ($width * 8) ($width * 21) 0 $black,
    ($width * 9) ($width * 21) 0 $black,

    ($width * 2) ($width * 22) 0 $black,
    ($width * 3) ($width * 22) 0 $black,
    ($width * 4) ($width * 22) 0 $black,
    ($width * 5) ($width * 22) 0 $black,
    ($width * 6) ($width * 22) 0 $black,
    ($width * 7) ($width * 22) 0 $black,
    ($width * 8) ($width * 22) 0 $black,
    ($width * 9) ($width * 22) 0 $black,

    ($width * 2) ($width * 23) 0 $black,
    ($width * 3) ($width * 23) 0 $black,
    ($width * 4) ($width * 23) 0 $black,
    ($width * 5) ($width * 23) 0 $black,
    ($width * 6) ($width * 23) 0 $black,
    ($width * 7) ($width * 23) 0 $black,
    ($width * 8) ($width * 23) 0 $black,
    ($width * 9) ($width * 23) 0 $black,

    ($width * 2) ($width * 24) 0 $black,
    ($width * 3) ($width * 24) 0 $black,
    ($width * 4) ($width * 24) 0 $black,
    ($width * 7) ($width * 24) 0 $black,
    ($width * 8) ($width * 24) 0 $black,
    ($width * 9) ($width * 24) 0 $black,

    ($width * 2) ($width * 25) 0 $black,
    ($width * 3) ($width * 25) 0 $black,
    ($width * 4) ($width * 25) 0 $black,
    ($width * 7) ($width * 25) 0 $black,
    ($width * 8) ($width * 25) 0 $black,
    ($width * 9) ($width * 25) 0 $black,

    ($width * 2) ($width * 26) 0 $black,
    ($width * 3) ($width * 26) 0 $black,
    ($width * 4) ($width * 26) 0 $black,
    ($width * 7) ($width * 26) 0 $black,
    ($width * 8) ($width * 26) 0 $black,
    ($width * 9) ($width * 26) 0 $black,

    ($width * 2) ($width * 27) 0 $skin-j-dark,
    ($width * 3) ($width * 27) 0 $black,
    ($width * 4) ($width * 27) 0 $black,
    ($width * 7) ($width * 27) 0 $black,
    ($width * 8) ($width * 27) 0 $black,
    ($width * 9) ($width * 27) 0 $skin-j-dark,

    ($width * 1) ($width * 28) 0 $gun-lg,
    ($width * 2) ($width * 28) 0 $skin-j-dark,
    ($width * 3) ($width * 28) 0 $black,
    ($width * 4) ($width * 28) 0 $black,
    ($width * 7) ($width * 28) 0 $black,
    ($width * 8) ($width * 28) 0 $black,
    ($width * 9) ($width * 28) 0 $skin-j-dark,

    ($width * 1) ($width * 29) 0 $gun-d,
    ($width * 2) ($width * 29) 0 $gun-lg,
    ($width * 3) ($width * 29) 0 $black,
    ($width * 4) ($width * 29) 0 $black,
    ($width * 7) ($width * 29) 0 $black,
    ($width * 8) ($width * 29) 0 $black,

    ($width * 1) ($width * 30) 0 $gun-lg,
    ($width * 3) ($width * 30) 0 $black,
    ($width * 4) ($width * 30) 0 $black,
    ($width * 7) ($width * 30) 0 $black,
    ($width * 8) ($width * 30) 0 $black,

    ($width * 1) ($width * 31) 0 $white,
    ($width * 4) ($width * 31) 0 $black,
    ($width * 7) ($width * 31) 0 $black,
    ($width * 8) ($width * 31) 0 $black,

    ($width * 1) ($width * 32) 0 $white,
    ($width * 4) ($width * 32) 0 $black,
    ($width * 7) ($width * 32) 0 $black,

    ($width * 4) ($width * 33) 0 $black,
    ($width * 7) ($width * 33) 0 $black,

    ($width * 4) ($width * 34) 0 $black,
    ($width * 7) ($width * 34) 0 $black,

    ($width * 4) ($width * 35) 0 $black,
    ($width * 7) ($width * 35) 0 $black,

    ($width * 4) ($width * 36) 0 $black,
    ($width * 7) ($width * 36) 0 $black,

    ($width * 4) ($width * 37) 0 $black,
    ($width * 7) ($width * 37) 0 $black,

    ($width * 4) ($width * 38) 0 $black,
    ($width * 7) ($width * 38) 0 $black,

    ($width * 4) ($width * 39) 0 $black,
    ($width * 7) ($width * 39) 0 $black,

    ($width * 1) ($width * 40) 0 $shadow,
    ($width * 2) ($width * 40) 0 $shadow,
    ($width * 3) ($width * 40) 0 $shadow,
    ($width * 4) ($width * 40) 0 $black,
    ($width * 5) ($width * 40) 0 $shadow,
    ($width * 6) ($width * 40) 0 $shadow,
    ($width * 7) ($width * 40) 0 $black,
    ($width * 8) ($width * 40) 0 $shadow

}
@mixin jules-gun {
    box-shadow:
    ($width * 5) ($width * 0) 0 $brown-vl,

    ($width * 4) ($width * 1) 0 $brown,
    ($width * 5) ($width * 1) 0 $brown-vl,
    ($width * 6) ($width * 1) 0 $brown-vl,
    ($width * 7) ($width * 1) 0 $brown-vl,

    ($width * 3) ($width * 2) 0 $brown-d,
    ($width * 4) ($width * 2) 0 $brown,
    ($width * 5) ($width * 2) 0 $brown,
    ($width * 6) ($width * 2) 0 $brown,
    ($width * 7) ($width * 2) 0 $brown-vl,
    ($width * 8) ($width * 2) 0 $brown-vl,
    
    ($width * 2) ($width * 3) 0 $brown-d,
    ($width * 3) ($width * 3) 0 $brown-d,
    ($width * 4) ($width * 3) 0 $brown,
    ($width * 5) ($width * 3) 0 $brown-d,
    ($width * 6) ($width * 3) 0 $brown,
    ($width * 7) ($width * 3) 0 $brown,
    ($width * 8) ($width * 3) 0 $brown-vl,
    ($width * 9) ($width * 3) 0 $brown-vl,
    
    ($width * 1) ($width * 4) 0 $brown-d,
    ($width * 2) ($width * 4) 0 $brown-d,
    ($width * 3) ($width * 4) 0 $brown-d,
    ($width * 4) ($width * 4) 0 $brown-d,
    ($width * 5) ($width * 4) 0 $brown-d,
    ($width * 6) ($width * 4) 0 $brown,
    ($width * 7) ($width * 4) 0 $brown-d,
    ($width * 8) ($width * 4) 0 $brown,
    ($width * 9) ($width * 4) 0 $brown-vl,
    ($width * 10) ($width * 4) 0 $brown-vl,

    ($width * 2) ($width * 5) 0 $brown-d,
    ($width * 3) ($width * 5) 0 $skin-j-shadow,
    ($width * 4) ($width * 5) 0 $skin-j,
    ($width * 5) ($width * 5) 0 $skin-j,
    ($width * 6) ($width * 5) 0 $brown-d,
    ($width * 7) ($width * 5) 0 $brown,
    ($width * 8) ($width * 5) 0 $brown,
    ($width * 9) ($width * 5) 0 $brown-vl,

    ($width * 3) ($width * 6) 0 $black,
    ($width * 4) ($width * 6) 0 $black,
    ($width * 5) ($width * 6) 0 $black,
    ($width * 6) ($width * 6) 0 $skin-j,
    ($width * 7) ($width * 6) 0 $brown,
    ($width * 8) ($width * 6) 0 $brown,

    ($width * 3) ($width * 7) 0 $brown-d,
    ($width * 4) ($width * 7) 0 $brown,
    ($width * 5) ($width * 7) 0 $brown,
    ($width * 6) ($width * 7) 0 $skin-j,
    ($width * 7) ($width * 7) 0 $brown,
    ($width * 8) ($width * 7) 0 $skin-j,

    ($width * 3) ($width * 8) 0 $brown-d,
    ($width * 4) ($width * 8) 0 $skin-j,
    ($width * 5) ($width * 8) 0 $brown,
    ($width * 6) ($width * 8) 0 $skin-j,
    ($width * 7) ($width * 8) 0 $skin-j,

    ($width * 5) ($width * 9) 0 $skin-j-dark,
    ($width * 6) ($width * 9) 0 $skin-j-dark,

    ($width * 5) ($width * 10) 0 $skin-j-dark,
    ($width * 6) ($width * 10) 0 $white,
    
    ($width * 4) ($width * 11) 0 $grey-vl,
    ($width * 5) ($width * 11) 0 $skin-j-dark,
    ($width * 6) ($width * 11) 0 $white,
    ($width * 7) ($width * 11) 0 $black,
    
    ($width * -14) ($width * 12) 0 $grey-vl,
    ($width * -13) ($width * 12) 0 $grey-vl,
    ($width * -12) ($width * 12) 0 $grey-vl,
    ($width * -11) ($width * 12) 0 $grey-j-l,
    ($width * -10) ($width * 12) 0 $grey-vl,
    ($width * 4) ($width * 12) 0 $grey-vl,
    ($width * 5) ($width * 12) 0 $black,
    ($width * 6) ($width * 12) 0 $white,
    ($width * 7) ($width * 12) 0 $black,
    
    ($width * -11) ($width * 13) 0 $grey-vl,
    ($width * -10) ($width * 13) 0 $skin-j,
    ($width * -9) ($width * 13) 0 $skin-j,
    ($width * -8) ($width * 13) 0 $black,
    ($width * -7) ($width * 13) 0 $black,
    ($width * -6) ($width * 13) 0 $black,
    ($width * -5) ($width * 13) 0 $black,
    ($width * -4) ($width * 13) 0 $black,
    ($width * -3) ($width * 13) 0 $black,
    ($width * -2) ($width * 13) 0 $black,
    ($width * -1) ($width * 13) 0 $black,
    ($width * 0) ($width * 13) 0 $black,
    ($width * 1) ($width * 13) 0 $black,
    ($width * 2) ($width * 13) 0 $black,
    ($width * 3) ($width * 13) 0 $black,
    ($width * 4) ($width * 13) 0 $white,
    ($width * 5) ($width * 13) 0 $black,
    ($width * 6) ($width * 13) 0 $white,
    ($width * 7) ($width * 13) 0 $black,
    
    ($width * -10) ($width * 14) 0 $black,
    ($width * 1) ($width * 14) 0 $black,
    ($width * 2) ($width * 14) 0 $black,
    ($width * 3) ($width * 14) 0 $black,
    ($width * 4) ($width * 14) 0 $white,
    ($width * 5) ($width * 14) 0 $black,
    ($width * 6) ($width * 14) 0 $white,
    ($width * 7) ($width * 14) 0 $black,
    ($width * 8) ($width * 14) 0 $black,

    ($width * 1) ($width * 15) 0 $black,
    ($width * 2) ($width * 15) 0 $black,
    ($width * 3) ($width * 15) 0 $black,
    ($width * 4) ($width * 15) 0 $white,
    ($width * 5) ($width * 15) 0 $black,
    ($width * 6) ($width * 15) 0 $white,
    ($width * 7) ($width * 15) 0 $black,
    ($width * 8) ($width * 15) 0 $black,

    ($width * 2) ($width * 16) 0 $black,
    ($width * 3) ($width * 16) 0 $black,
    ($width * 4) ($width * 16) 0 $white,
    ($width * 5) ($width * 16) 0 $black,
    ($width * 6) ($width * 16) 0 $white,
    ($width * 7) ($width * 16) 0 $black,
    ($width * 8) ($width * 16) 0 $black,

    ($width * 2) ($width * 17) 0 $black,
    ($width * 3) ($width * 17) 0 $black,
    ($width * 4) ($width * 17) 0 $grey-vl,
    ($width * 5) ($width * 17) 0 $black,
    ($width * 6) ($width * 17) 0 $white,
    ($width * 7) ($width * 17) 0 $black,
    ($width * 8) ($width * 17) 0 $black,

    ($width * 2) ($width * 18) 0 $black,
    ($width * 3) ($width * 18) 0 $black,
    ($width * 4) ($width * 18) 0 $white,
    ($width * 5) ($width * 18) 0 $black,
    ($width * 6) ($width * 18) 0 $white,
    ($width * 7) ($width * 18) 0 $black,
    ($width * 8) ($width * 18) 0 $black,

    ($width * 2) ($width * 19) 0 $black,
    ($width * 3) ($width * 19) 0 $black,
    ($width * 4) ($width * 19) 0 $grey-vl,
    ($width * 5) ($width * 19) 0 $black,
    ($width * 6) ($width * 19) 0 $white,
    ($width * 7) ($width * 19) 0 $black,
    ($width * 8) ($width * 19) 0 $black,
    ($width * 9) ($width * 19) 0 $black,

    ($width * 2) ($width * 20) 0 $black,
    ($width * 3) ($width * 20) 0 $black,
    ($width * 4) ($width * 20) 0 $grey-vl,
    ($width * 5) ($width * 20) 0 $grey-vl,
    ($width * 6) ($width * 20) 0 $white,
    ($width * 7) ($width * 20) 0 $black,
    ($width * 8) ($width * 20) 0 $black,
    ($width * 9) ($width * 20) 0 $black,

    ($width * 2) ($width * 21) 0 $black,
    ($width * 3) ($width * 21) 0 $black,
    ($width * 4) ($width * 21) 0 $black,
    ($width * 5) ($width * 21) 0 $grey-j-l,
    ($width * 6) ($width * 21) 0 $black,
    ($width * 7) ($width * 21) 0 $black,
    ($width * 8) ($width * 21) 0 $black,
    ($width * 9) ($width * 21) 0 $black,

    ($width * 2) ($width * 22) 0 $black,
    ($width * 3) ($width * 22) 0 $black,
    ($width * 4) ($width * 22) 0 $black,
    ($width * 5) ($width * 22) 0 $black,
    ($width * 6) ($width * 22) 0 $black,
    ($width * 7) ($width * 22) 0 $black,
    ($width * 8) ($width * 22) 0 $black,
    ($width * 9) ($width * 22) 0 $black,


    ($width * 3) ($width * 23) 0 $black,
    ($width * 4) ($width * 23) 0 $black,
    ($width * 5) ($width * 23) 0 $black,
    ($width * 6) ($width * 23) 0 $black,
    ($width * 7) ($width * 23) 0 $black,
    ($width * 8) ($width * 23) 0 $black,
    ($width * 9) ($width * 23) 0 $black,


    ($width * 3) ($width * 24) 0 $black,
    ($width * 4) ($width * 24) 0 $black,
    ($width * 7) ($width * 24) 0 $black,
    ($width * 8) ($width * 24) 0 $black,
    ($width * 9) ($width * 24) 0 $black,

    ($width * 3) ($width * 25) 0 $black,
    ($width * 4) ($width * 25) 0 $black,
    ($width * 7) ($width * 25) 0 $black,
    ($width * 8) ($width * 25) 0 $black,
    ($width * 9) ($width * 25) 0 $black,

    ($width * 3) ($width * 26) 0 $black,
    ($width * 4) ($width * 26) 0 $black,
    ($width * 7) ($width * 26) 0 $black,
    ($width * 8) ($width * 26) 0 $black,
    ($width * 9) ($width * 26) 0 $black,

    ($width * 3) ($width * 27) 0 $black,
    ($width * 4) ($width * 27) 0 $black,
    ($width * 7) ($width * 27) 0 $black,
    ($width * 8) ($width * 27) 0 $black,
    ($width * 9) ($width * 27) 0 $skin-j-dark,

    ($width * 3) ($width * 28) 0 $black,
    ($width * 4) ($width * 28) 0 $black,
    ($width * 7) ($width * 28) 0 $black,
    ($width * 8) ($width * 28) 0 $black,
    ($width * 9) ($width * 28) 0 $skin-j-dark,

    ($width * 3) ($width * 29) 0 $black,
    ($width * 4) ($width * 29) 0 $black,
    ($width * 7) ($width * 29) 0 $black,
    ($width * 8) ($width * 29) 0 $black,

    ($width * 3) ($width * 30) 0 $black,
    ($width * 4) ($width * 30) 0 $black,
    ($width * 7) ($width * 30) 0 $black,
    ($width * 8) ($width * 30) 0 $black,

    ($width * 4) ($width * 31) 0 $black,
    ($width * 7) ($width * 31) 0 $black,
    ($width * 8) ($width * 31) 0 $black,

    ($width * 4) ($width * 32) 0 $black,
    ($width * 7) ($width * 32) 0 $black,

    ($width * 4) ($width * 33) 0 $black,
    ($width * 7) ($width * 33) 0 $black,

    ($width * 4) ($width * 34) 0 $black,
    ($width * 7) ($width * 34) 0 $black,

    ($width * 4) ($width * 35) 0 $black,
    ($width * 7) ($width * 35) 0 $black,

    ($width * 4) ($width * 36) 0 $black,
    ($width * 7) ($width * 36) 0 $black,

    ($width * 4) ($width * 37) 0 $black,
    ($width * 7) ($width * 37) 0 $black,

    ($width * 4) ($width * 38) 0 $black,
    ($width * 7) ($width * 38) 0 $black,

    ($width * 4) ($width * 39) 0 $black,
    ($width * 7) ($width * 39) 0 $black,

    ($width * 1) ($width * 40) 0 $shadow,
    ($width * 2) ($width * 40) 0 $shadow,
    ($width * 3) ($width * 40) 0 $shadow,
    ($width * 4) ($width * 40) 0 $black,
    ($width * 5) ($width * 40) 0 $shadow,
    ($width * 6) ($width * 40) 0 $shadow,
    ($width * 7) ($width * 40) 0 $black,
    ($width * 8) ($width * 40) 0 $shadow
}
@mixin jules-fire {
    box-shadow:
    ($width * 5) ($width * 0) 0 $brown-vl,

    ($width * 4) ($width * 1) 0 $brown,
    ($width * 5) ($width * 1) 0 $brown-vl,
    ($width * 6) ($width * 1) 0 $brown-vl,
    ($width * 7) ($width * 1) 0 $brown-vl,

    ($width * 3) ($width * 2) 0 $brown-d,
    ($width * 4) ($width * 2) 0 $brown,
    ($width * 5) ($width * 2) 0 $brown,
    ($width * 6) ($width * 2) 0 $brown,
    ($width * 7) ($width * 2) 0 $brown-vl,
    ($width * 8) ($width * 2) 0 $brown-vl,
    
    ($width * 2) ($width * 3) 0 $brown-d,
    ($width * 3) ($width * 3) 0 $brown-d,
    ($width * 4) ($width * 3) 0 $brown,
    ($width * 5) ($width * 3) 0 $brown-d,
    ($width * 6) ($width * 3) 0 $brown,
    ($width * 7) ($width * 3) 0 $brown,
    ($width * 8) ($width * 3) 0 $brown-vl,
    ($width * 9) ($width * 3) 0 $brown-vl,
    
    ($width * 1) ($width * 4) 0 $brown-d,
    ($width * 2) ($width * 4) 0 $brown-d,
    ($width * 3) ($width * 4) 0 $brown-d,
    ($width * 4) ($width * 4) 0 $brown-d,
    ($width * 5) ($width * 4) 0 $brown-d,
    ($width * 6) ($width * 4) 0 $brown,
    ($width * 7) ($width * 4) 0 $brown-d,
    ($width * 8) ($width * 4) 0 $brown,
    ($width * 9) ($width * 4) 0 $brown-vl,
    ($width * 10) ($width * 4) 0 $brown-vl,

    ($width * 2) ($width * 5) 0 $brown-d,
    ($width * 3) ($width * 5) 0 $skin-j-shadow,
    ($width * 4) ($width * 5) 0 $skin-j,
    ($width * 5) ($width * 5) 0 $skin-j,
    ($width * 6) ($width * 5) 0 $brown-d,
    ($width * 7) ($width * 5) 0 $brown,
    ($width * 8) ($width * 5) 0 $brown,
    ($width * 9) ($width * 5) 0 $brown-vl,

    ($width * 3) ($width * 6) 0 $black,
    ($width * 4) ($width * 6) 0 $black,
    ($width * 5) ($width * 6) 0 $black,
    ($width * 6) ($width * 6) 0 $skin-j,
    ($width * 7) ($width * 6) 0 $brown,
    ($width * 8) ($width * 6) 0 $brown,

    ($width * 3) ($width * 7) 0 $brown-d,
    ($width * 4) ($width * 7) 0 $brown,
    ($width * 5) ($width * 7) 0 $brown,
    ($width * 6) ($width * 7) 0 $skin-j,
    ($width * 7) ($width * 7) 0 $brown,
    ($width * 8) ($width * 7) 0 $skin-j,

    ($width * 3) ($width * 8) 0 $brown-d,
    ($width * 4) ($width * 8) 0 $skin-j,
    ($width * 5) ($width * 8) 0 $brown,
    ($width * 6) ($width * 8) 0 $skin-j,
    ($width * 7) ($width * 8) 0 $skin-j,

    ($width * 5) ($width * 9) 0 $skin-j-dark,
    ($width * 6) ($width * 9) 0 $skin-j-dark,

    ($width * 5) ($width * 10) 0 $skin-j-dark,
    ($width * 6) ($width * 10) 0 $white,
    
    ($width * -17) ($width * 11) 0 $white,
    ($width * 4) ($width * 11) 0 $grey-vl,
    ($width * 5) ($width * 11) 0 $skin-j-dark,
    ($width * 6) ($width * 11) 0 $white,
    ($width * 7) ($width * 11) 0 $black,
    

    ($width * -16) ($width * 12) 0 $white,
    ($width * -14) ($width * 12) 0 $grey-vl,
    ($width * -13) ($width * 12) 0 $grey-vl,
    ($width * -12) ($width * 12) 0 $grey-vl,
    ($width * -11) ($width * 12) 0 $grey-j-l,
    ($width * -10) ($width * 12) 0 $grey-vl,
    ($width * 4) ($width * 12) 0 $grey-vl,
    ($width * 5) ($width * 12) 0 $black,
    ($width * 6) ($width * 12) 0 $white,
    ($width * 7) ($width * 12) 0 $black,
    
    ($width * -17) ($width * 13) 0 $white,
    ($width * -11) ($width * 13) 0 $grey-vl,
    ($width * -10) ($width * 13) 0 $skin-j,
    ($width * -9) ($width * 13) 0 $skin-j,
    ($width * -8) ($width * 13) 0 $black,
    ($width * -7) ($width * 13) 0 $black,
    ($width * -6) ($width * 13) 0 $black,
    ($width * -5) ($width * 13) 0 $black,
    ($width * -4) ($width * 13) 0 $black,
    ($width * -3) ($width * 13) 0 $black,
    ($width * -2) ($width * 13) 0 $black,
    ($width * -1) ($width * 13) 0 $black,
    ($width * 0) ($width * 13) 0 $black,
    ($width * 1) ($width * 13) 0 $black,
    ($width * 2) ($width * 13) 0 $black,
    ($width * 3) ($width * 13) 0 $black,
    ($width * 4) ($width * 13) 0 $white,
    ($width * 5) ($width * 13) 0 $black,
    ($width * 6) ($width * 13) 0 $white,
    ($width * 7) ($width * 13) 0 $black,
    
    ($width * -10) ($width * 14) 0 $black,
    ($width * 1) ($width * 14) 0 $black,
    ($width * 2) ($width * 14) 0 $black,
    ($width * 3) ($width * 14) 0 $black,
    ($width * 4) ($width * 14) 0 $white,
    ($width * 5) ($width * 14) 0 $black,
    ($width * 6) ($width * 14) 0 $white,
    ($width * 7) ($width * 14) 0 $black,
    ($width * 8) ($width * 14) 0 $black,

    ($width * 1) ($width * 15) 0 $black,
    ($width * 2) ($width * 15) 0 $black,
    ($width * 3) ($width * 15) 0 $black,
    ($width * 4) ($width * 15) 0 $white,
    ($width * 5) ($width * 15) 0 $black,
    ($width * 6) ($width * 15) 0 $white,
    ($width * 7) ($width * 15) 0 $black,
    ($width * 8) ($width * 15) 0 $black,

    ($width * 2) ($width * 16) 0 $black,
    ($width * 3) ($width * 16) 0 $black,
    ($width * 4) ($width * 16) 0 $white,
    ($width * 5) ($width * 16) 0 $black,
    ($width * 6) ($width * 16) 0 $white,
    ($width * 7) ($width * 16) 0 $black,
    ($width * 8) ($width * 16) 0 $black,

    ($width * 2) ($width * 17) 0 $black,
    ($width * 3) ($width * 17) 0 $black,
    ($width * 4) ($width * 17) 0 $grey-vl,
    ($width * 5) ($width * 17) 0 $black,
    ($width * 6) ($width * 17) 0 $white,
    ($width * 7) ($width * 17) 0 $black,
    ($width * 8) ($width * 17) 0 $black,

    ($width * 2) ($width * 18) 0 $black,
    ($width * 3) ($width * 18) 0 $black,
    ($width * 4) ($width * 18) 0 $white,
    ($width * 5) ($width * 18) 0 $black,
    ($width * 6) ($width * 18) 0 $white,
    ($width * 7) ($width * 18) 0 $black,
    ($width * 8) ($width * 18) 0 $black,

    ($width * 2) ($width * 19) 0 $black,
    ($width * 3) ($width * 19) 0 $black,
    ($width * 4) ($width * 19) 0 $grey-vl,
    ($width * 5) ($width * 19) 0 $black,
    ($width * 6) ($width * 19) 0 $white,
    ($width * 7) ($width * 19) 0 $black,
    ($width * 8) ($width * 19) 0 $black,
    ($width * 9) ($width * 19) 0 $black,

    ($width * 2) ($width * 20) 0 $black,
    ($width * 3) ($width * 20) 0 $black,
    ($width * 4) ($width * 20) 0 $grey-vl,
    ($width * 5) ($width * 20) 0 $grey-vl,
    ($width * 6) ($width * 20) 0 $white,
    ($width * 7) ($width * 20) 0 $black,
    ($width * 8) ($width * 20) 0 $black,
    ($width * 9) ($width * 20) 0 $black,

    ($width * 2) ($width * 21) 0 $black,
    ($width * 3) ($width * 21) 0 $black,
    ($width * 4) ($width * 21) 0 $black,
    ($width * 5) ($width * 21) 0 $grey-j-l,
    ($width * 6) ($width * 21) 0 $black,
    ($width * 7) ($width * 21) 0 $black,
    ($width * 8) ($width * 21) 0 $black,
    ($width * 9) ($width * 21) 0 $black,

    ($width * 2) ($width * 22) 0 $black,
    ($width * 3) ($width * 22) 0 $black,
    ($width * 4) ($width * 22) 0 $black,
    ($width * 5) ($width * 22) 0 $black,
    ($width * 6) ($width * 22) 0 $black,
    ($width * 7) ($width * 22) 0 $black,
    ($width * 8) ($width * 22) 0 $black,
    ($width * 9) ($width * 22) 0 $black,


    ($width * 3) ($width * 23) 0 $black,
    ($width * 4) ($width * 23) 0 $black,
    ($width * 5) ($width * 23) 0 $black,
    ($width * 6) ($width * 23) 0 $black,
    ($width * 7) ($width * 23) 0 $black,
    ($width * 8) ($width * 23) 0 $black,
    ($width * 9) ($width * 23) 0 $black,


    ($width * 3) ($width * 24) 0 $black,
    ($width * 4) ($width * 24) 0 $black,
    ($width * 7) ($width * 24) 0 $black,
    ($width * 8) ($width * 24) 0 $black,
    ($width * 9) ($width * 24) 0 $black,

    ($width * 3) ($width * 25) 0 $black,
    ($width * 4) ($width * 25) 0 $black,
    ($width * 7) ($width * 25) 0 $black,
    ($width * 8) ($width * 25) 0 $black,
    ($width * 9) ($width * 25) 0 $black,

    ($width * 3) ($width * 26) 0 $black,
    ($width * 4) ($width * 26) 0 $black,
    ($width * 7) ($width * 26) 0 $black,
    ($width * 8) ($width * 26) 0 $black,
    ($width * 9) ($width * 26) 0 $black,

    ($width * 3) ($width * 27) 0 $black,
    ($width * 4) ($width * 27) 0 $black,
    ($width * 7) ($width * 27) 0 $black,
    ($width * 8) ($width * 27) 0 $black,
    ($width * 9) ($width * 27) 0 $skin-j-dark,

    ($width * 3) ($width * 28) 0 $black,
    ($width * 4) ($width * 28) 0 $black,
    ($width * 7) ($width * 28) 0 $black,
    ($width * 8) ($width * 28) 0 $black,
    ($width * 9) ($width * 28) 0 $skin-j-dark,

    ($width * 3) ($width * 29) 0 $black,
    ($width * 4) ($width * 29) 0 $black,
    ($width * 7) ($width * 29) 0 $black,
    ($width * 8) ($width * 29) 0 $black,

    ($width * 3) ($width * 30) 0 $black,
    ($width * 4) ($width * 30) 0 $black,
    ($width * 7) ($width * 30) 0 $black,
    ($width * 8) ($width * 30) 0 $black,

    ($width * 4) ($width * 31) 0 $black,
    ($width * 7) ($width * 31) 0 $black,
    ($width * 8) ($width * 31) 0 $black,

    ($width * 4) ($width * 32) 0 $black,
    ($width * 7) ($width * 32) 0 $black,

    ($width * 4) ($width * 33) 0 $black,
    ($width * 7) ($width * 33) 0 $black,

    ($width * 4) ($width * 34) 0 $black,
    ($width * 7) ($width * 34) 0 $black,

    ($width * 4) ($width * 35) 0 $black,
    ($width * 7) ($width * 35) 0 $black,

    ($width * 4) ($width * 36) 0 $black,
    ($width * 7) ($width * 36) 0 $black,

    ($width * 4) ($width * 37) 0 $black,
    ($width * 7) ($width * 37) 0 $black,

    ($width * 4) ($width * 38) 0 $black,
    ($width * 7) ($width * 38) 0 $black,

    ($width * 4) ($width * 39) 0 $black,
    ($width * 7) ($width * 39) 0 $black,

    ($width * 1) ($width * 40) 0 $shadow,
    ($width * 2) ($width * 40) 0 $shadow,
    ($width * 3) ($width * 40) 0 $shadow,
    ($width * 4) ($width * 40) 0 $black,
    ($width * 5) ($width * 40) 0 $shadow,
    ($width * 6) ($width * 40) 0 $shadow,
    ($width * 7) ($width * 40) 0 $black,
    ($width * 8) ($width * 40) 0 $shadow
}

@mixin vincent-1 {
  box-shadow:
    ($width * 4) ($width * 4) 0 $black,
    ($width * 5) ($width * 4) 0 $grey,
    ($width * 6) ($width * 4) 0 $black,
    ($width * 7) ($width * 4) 0 $grey-d,
    ($width * 8) ($width * 4) 0 $grey-l,

    ($width * 3) ($width * 5) 0 $black,
    ($width * 4) ($width * 5) 0 $skin-shadow,
    ($width * 5) ($width * 5) 0 $skin,
    ($width * 6) ($width * 5) 0 $skin,
    ($width * 7) ($width * 5) 0 $black,
    ($width * 8) ($width * 5) 0 $black,

    ($width * 4) ($width * 6) 0 $skin-shadow,
    ($width * 5) ($width * 6) 0 $skin,
    ($width * 6) ($width * 6) 0 $skin,
    ($width * 7) ($width * 6) 0 $skin,
    ($width * 8) ($width * 6) 0 $black,

    ($width * 4) ($width * 7) 0 $black,
    ($width * 5) ($width * 7) 0 $skin,
    ($width * 6) ($width * 7) 0 $black,
    ($width * 7) ($width * 7) 0 $skin,
    ($width * 8) ($width * 7) 0 $black,
    ($width * 9) ($width * 7) 0 $black,

    ($width * 4) ($width * 8) 0 $skin-shadow,
    ($width * 5) ($width * 8) 0 $skin,
    ($width * 6) ($width * 8) 0 $skin,
    ($width * 7) ($width * 8) 0 $skin,
    ($width * 8) ($width * 8) 0 $skin,

    ($width * 4) ($width * 9) 0 $skin-shadow,
    ($width * 5) ($width * 9) 0 $skin-shadow,
    ($width * 6) ($width * 9) 0 $skin,
    ($width * 7) ($width * 9) 0 $skin,
    ($width * 8) ($width * 9) 0 $black,

    ($width * 5) ($width * 10) 0 $black,
    ($width * 6) ($width * 10) 0 $skin-dark,
    ($width * 7) ($width * 10) 0 $skin-dark,
    ($width * 8) ($width * 10) 0 $black,
    ($width * 9) ($width * 10) 0 $black,

    ($width * 4) ($width * 11) 0 $black,
    ($width * 5) ($width * 11) 0 $black,
    ($width * 6) ($width * 11) 0 $skin-shadow,
    ($width * 7) ($width * 11) 0 $grey-vl,
    ($width * 8) ($width * 11) 0 $black,

    ($width * 5) ($width * 12) 0 $grey-vl,
    ($width * 6) ($width * 12) 0 $skin,
    ($width * 7) ($width * 12) 0 $grey-vl,
    ($width * 8) ($width * 12) 0 $black,

    ($width * 4) ($width * 13) 0 $black,
    ($width * 5) ($width * 13) 0 $grey-vl,
    ($width * 6) ($width * 13) 0 $black,
    ($width * 7) ($width * 13) 0 $white,
    ($width * 8) ($width * 13) 0 $black,

    ($width * 4) ($width * 14) 0 $black,
    ($width * 5) ($width * 14) 0 $grey-vl,
    ($width * 6) ($width * 14) 0 $black,
    ($width * 7) ($width * 14) 0 $white,
    ($width * 8) ($width * 14) 0 $black,

    ($width * 4) ($width * 15) 0 $black,
    ($width * 5) ($width * 15) 0 $grey-vl,
    ($width * 6) ($width * 15) 0 $black,
    ($width * 7) ($width * 15) 0 $white,
    ($width * 8) ($width * 15) 0 $black,
    ($width * 9) ($width * 15) 0 $black,

    ($width * 4) ($width * 16) 0 $black,
    ($width * 5) ($width * 16) 0 $grey-vl,
    ($width * 6) ($width * 16) 0 $black,
    ($width * 7) ($width * 16) 0 $white,
    ($width * 8) ($width * 16) 0 $black,
    ($width * 9) ($width * 16) 0 $black,

    ($width * 3) ($width * 17) 0 $black,
    ($width * 4) ($width * 17) 0 $black,
    ($width * 5) ($width * 17) 0 $white,
    ($width * 6) ($width * 17) 0 $black,
    ($width * 7) ($width * 17) 0 $white,
    ($width * 8) ($width * 17) 0 $black,
    ($width * 9) ($width * 17) 0 $black,

    ($width * 3) ($width * 18) 0 $black,
    ($width * 4) ($width * 18) 0 $black,
    ($width * 5) ($width * 18) 0 $white,
    ($width * 6) ($width * 18) 0 $black,
    ($width * 7) ($width * 18) 0 $white,
    ($width * 8) ($width * 18) 0 $black,
    ($width * 9) ($width * 18) 0 $black,

    ($width * 3) ($width * 19) 0 $black,
    ($width * 4) ($width * 19) 0 $black,
    ($width * 5) ($width * 19) 0 $white,
    ($width * 6) ($width * 19) 0 $black,
    ($width * 7) ($width * 19) 0 $white,
    ($width * 8) ($width * 19) 0 $black,
    ($width * 9) ($width * 19) 0 $black,

    ($width * 3) ($width * 20) 0 $black,
    ($width * 4) ($width * 20) 0 $black,
    ($width * 5) ($width * 20) 0 $grey-vl,
    ($width * 6) ($width * 20) 0 $black,
    ($width * 7) ($width * 20) 0 $white,
    ($width * 8) ($width * 20) 0 $black,
    ($width * 9) ($width * 20) 0 $black,

    ($width * 3) ($width * 21) 0 $black,
    ($width * 4) ($width * 21) 0 $black,
    ($width * 5) ($width * 21) 0 $grey-vl,
    ($width * 6) ($width * 21) 0 $black,
    ($width * 7) ($width * 21) 0 $grey-vl,
    ($width * 8) ($width * 21) 0 $black,
    ($width * 9) ($width * 21) 0 $black,
    ($width * 10) ($width * 21) 0 $black,

    ($width * 3) ($width * 22) 0 $black,
    ($width * 4) ($width * 22) 0 $black,
    ($width * 5) ($width * 22) 0 $black,
    ($width * 6) ($width * 22) 0 $black,
    ($width * 7) ($width * 22) 0 $black,
    ($width * 8) ($width * 22) 0 $black,
    ($width * 9) ($width * 22) 0 $black,
    ($width * 10) ($width * 22) 0 $black,

    ($width * 3) ($width * 23) 0 $black,
    ($width * 4) ($width * 23) 0 $black,
    ($width * 5) ($width * 23) 0 $black,
    ($width * 6) ($width * 23) 0 $black,
    ($width * 7) ($width * 23) 0 $black,
    ($width * 8) ($width * 23) 0 $black,
    ($width * 9) ($width * 23) 0 $black,
    ($width * 10) ($width * 23) 0 $black,

    ($width * 3) ($width * 24) 0 $black,
    ($width * 4) ($width * 24) 0 $black,
    ($width * 5) ($width * 24) 0 $black,
    ($width * 6) ($width * 24) 0 $black,
    ($width * 7) ($width * 24) 0 $black,
    ($width * 8) ($width * 24) 0 $black,
    ($width * 9) ($width * 24) 0 $black,
    ($width * 10) ($width * 24) 0 $black,

    ($width * 3) ($width * 25) 0 $black,
    ($width * 4) ($width * 25) 0 $black,
    ($width * 5) ($width * 25) 0 $black,
    ($width * 8) ($width * 25) 0 $black,
    ($width * 9) ($width * 25) 0 $black,
    ($width * 10) ($width * 25) 0 $black,

    ($width * 3) ($width * 26) 0 $black,
    ($width * 4) ($width * 26) 0 $black,
    ($width * 5) ($width * 26) 0 $black,
    ($width * 8) ($width * 26) 0 $black,
    ($width * 9) ($width * 26) 0 $black,
    ($width * 10) ($width * 26) 0 $black,

    ($width * 3) ($width * 27) 0 $black,
    ($width * 4) ($width * 27) 0 $black,
    ($width * 5) ($width * 27) 0 $black,
    ($width * 8) ($width * 27) 0 $black,
    ($width * 9) ($width * 27) 0 $black,
    ($width * 10) ($width * 27) 0 $black,

    ($width * 3) ($width * 28) 0 $skin,
    ($width * 4) ($width * 28) 0 $black,
    ($width * 5) ($width * 28) 0 $black,
    ($width * 8) ($width * 28) 0 $black,
    ($width * 9) ($width * 28) 0 $black,
    ($width * 10) ($width * 28) 0 $skin,
    
    ($width * 2) ($width * 29) 0 $gun-lg,
    ($width * 3) ($width * 29) 0 $skin,
    ($width * 4) ($width * 29) 0 $black,
    ($width * 5) ($width * 29) 0 $black,
    ($width * 8) ($width * 29) 0 $black,
    ($width * 9) ($width * 29) 0 $black,
    ($width * 10) ($width * 29) 0 $skin,

    ($width * 2) ($width * 30) 0 $gun-d,
    ($width * 3) ($width * 30) 0 $gun-lg,
    ($width * 4) ($width * 30) 0 $black,
    ($width * 5) ($width * 30) 0 $black,
    ($width * 8) ($width * 30) 0 $black,
    ($width * 9) ($width * 30) 0 $black,

    ($width * 2) ($width * 31) 0 $gun-lg,
    ($width * 5) ($width * 31) 0 $black,
    ($width * 8) ($width * 31) 0 $black,
    ($width * 9) ($width * 31) 0 $black,

    ($width * 2) ($width * 32) 0 $white,
    ($width * 5) ($width * 32) 0 $black,
    ($width * 8) ($width * 32) 0 $black,
    ($width * 9) ($width * 32) 0 $black,

    ($width * 2) ($width * 33) 0 $white,
    ($width * 5) ($width * 33) 0 $black,
    ($width * 9) ($width * 33) 0 $black,

    ($width * 5) ($width * 34) 0 $black,
    ($width * 9) ($width * 34) 0 $black,

    ($width * 5) ($width * 35) 0 $black,
    ($width * 9) ($width * 35) 0 $black,

    ($width * 5) ($width * 36) 0 $black,
    ($width * 9) ($width * 36) 0 $black,

    ($width * 5) ($width * 37) 0 $black,
    ($width * 9) ($width * 37) 0 $black,

    ($width * 5) ($width * 38) 0 $black,
    ($width * 9) ($width * 38) 0 $black,

    ($width * 5) ($width * 39) 0 $black,
    ($width * 9) ($width * 39) 0 $black,

    ($width * 5) ($width * 40) 0 $black,
    ($width * 9) ($width * 40) 0 $black,
    
    ($width * 2) ($width * 40) 0 $shadow,
    ($width * 3) ($width * 40) 0 $shadow,
    ($width * 4) ($width * 40) 0 $shadow,
    ($width * 5) ($width * 40) 0 $black,
    ($width * 6) ($width * 40) 0 $shadow,
    ($width * 7) ($width * 40) 0 $shadow,
    ($width * 8) ($width * 40) 0 $shadow,
    ($width * 9) ($width * 40) 0 $black,
    ($width * 10) ($width * 40) 0 $shadow
}

@mixin vincent-gun {
  box-shadow:
    ($width * 4) ($width * 4) 0 $black,
    ($width * 5) ($width * 4) 0 $grey,
    ($width * 6) ($width * 4) 0 $black,
    ($width * 7) ($width * 4) 0 $grey-d,
    ($width * 8) ($width * 4) 0 $grey-l,

    ($width * 3) ($width * 5) 0 $black,
    ($width * 4) ($width * 5) 0 $skin-shadow,
    ($width * 5) ($width * 5) 0 $skin,
    ($width * 6) ($width * 5) 0 $skin,
    ($width * 7) ($width * 5) 0 $black,
    ($width * 8) ($width * 5) 0 $black,

    ($width * 4) ($width * 6) 0 $skin-shadow,
    ($width * 5) ($width * 6) 0 $skin,
    ($width * 6) ($width * 6) 0 $skin,
    ($width * 7) ($width * 6) 0 $skin,
    ($width * 8) ($width * 6) 0 $black,

    ($width * 4) ($width * 7) 0 $black,
    ($width * 5) ($width * 7) 0 $skin,
    ($width * 6) ($width * 7) 0 $black,
    ($width * 7) ($width * 7) 0 $skin,
    ($width * 8) ($width * 7) 0 $black,
    ($width * 9) ($width * 7) 0 $black,

    ($width * 4) ($width * 8) 0 $skin-shadow,
    ($width * 5) ($width * 8) 0 $skin,
    ($width * 6) ($width * 8) 0 $skin,
    ($width * 7) ($width * 8) 0 $skin,
    ($width * 8) ($width * 8) 0 $skin,

    ($width * 4) ($width * 9) 0 $skin-shadow,
    ($width * 5) ($width * 9) 0 $skin-shadow,
    ($width * 6) ($width * 9) 0 $skin,
    ($width * 7) ($width * 9) 0 $skin,
    ($width * 8) ($width * 9) 0 $black,

    ($width * 5) ($width * 10) 0 $black,
    ($width * 6) ($width * 10) 0 $skin-dark,
    ($width * 7) ($width * 10) 0 $skin-dark,
    ($width * 8) ($width * 10) 0 $black,
    ($width * 9) ($width * 10) 0 $black,

    ($width * 4) ($width * 11) 0 $black,
    ($width * 5) ($width * 11) 0 $black,
    ($width * 6) ($width * 11) 0 $skin-shadow,
    ($width * 7) ($width * 11) 0 $grey-vl,
    ($width * 8) ($width * 11) 0 $black,

    ($width * 5) ($width * 12) 0 $grey-vl,
    ($width * 6) ($width * 12) 0 $skin,
    ($width * 7) ($width * 12) 0 $grey-vl,
    ($width * 8) ($width * 12) 0 $black,

    ($width * 4) ($width * 13) 0 $black,
    ($width * 5) ($width * 13) 0 $grey-vl,
    ($width * 6) ($width * 13) 0 $black,
    ($width * 7) ($width * 13) 0 $white,
    ($width * 8) ($width * 13) 0 $black,
    
    ($width * -13) ($width * 14) 0 $grey-vl,
    ($width * -12) ($width * 14) 0 $grey-vl,
    ($width * -11) ($width * 14) 0 $grey-vl,
    ($width * -10) ($width * 14) 0 $grey-j-l,
    ($width * -9) ($width * 14) 0 $grey-vl,
    ($width * 4) ($width * 14) 0 $black,
    ($width * 5) ($width * 14) 0 $grey-j-l,
    ($width * 6) ($width * 14) 0 $black,
    ($width * 7) ($width * 14) 0 $grey-j-l,
    ($width * 8) ($width * 14) 0 $black,
    

    ($width * -10) ($width * 15) 0 $grey-vl,
    ($width * -9) ($width * 15) 0 $skin,
    ($width * -8) ($width * 15) 0 $skin,
    ($width * -7) ($width * 15) 0 $black,
    ($width * -6) ($width * 15) 0 $black,
    ($width * -5) ($width * 15) 0 $black,
    ($width * -4) ($width * 15) 0 $black,
    ($width * -3) ($width * 15) 0 $black,
    ($width * -2) ($width * 15) 0 $black,
    ($width * -1) ($width * 15) 0 $black,
    ($width * 0) ($width * 15) 0 $black,
    ($width * 1) ($width * 15) 0 $black,
    ($width * 2) ($width * 15) 0 $black,
    ($width * 3) ($width * 15) 0 $black,
    ($width * 4) ($width * 15) 0 $black,
    ($width * 5) ($width * 15) 0 $grey-vl,
    ($width * 6) ($width * 15) 0 $black,
    ($width * 7) ($width * 15) 0 $white,
    ($width * 8) ($width * 15) 0 $black,
    ($width * 9) ($width * 15) 0 $black,
    
    ($width * -9) ($width * 16) 0 $black,
    ($width * 2) ($width * 16) 0 $black,
    ($width * 3) ($width * 16) 0 $black,
    ($width * 4) ($width * 16) 0 $black,
    ($width * 5) ($width * 16) 0 $grey-vl,
    ($width * 6) ($width * 16) 0 $black,
    ($width * 7) ($width * 16) 0 $white,
    ($width * 8) ($width * 16) 0 $black,
    ($width * 9) ($width * 16) 0 $black,

    ($width * 3) ($width * 17) 0 $black,
    ($width * 4) ($width * 17) 0 $black,
    ($width * 5) ($width * 17) 0 $white,
    ($width * 6) ($width * 17) 0 $black,
    ($width * 7) ($width * 17) 0 $white,
    ($width * 8) ($width * 17) 0 $black,
    ($width * 9) ($width * 17) 0 $black,

    ($width * 3) ($width * 18) 0 $black,
    ($width * 4) ($width * 18) 0 $black,
    ($width * 5) ($width * 18) 0 $white,
    ($width * 6) ($width * 18) 0 $black,
    ($width * 7) ($width * 18) 0 $white,
    ($width * 8) ($width * 18) 0 $black,
    ($width * 9) ($width * 18) 0 $black,

    ($width * 3) ($width * 19) 0 $black,
    ($width * 4) ($width * 19) 0 $black,
    ($width * 5) ($width * 19) 0 $white,
    ($width * 6) ($width * 19) 0 $black,
    ($width * 7) ($width * 19) 0 $white,
    ($width * 8) ($width * 19) 0 $black,
    ($width * 9) ($width * 19) 0 $black,

    ($width * 3) ($width * 20) 0 $black,
    ($width * 4) ($width * 20) 0 $black,
    ($width * 5) ($width * 20) 0 $grey-vl,
    ($width * 6) ($width * 20) 0 $black,
    ($width * 7) ($width * 20) 0 $white,
    ($width * 8) ($width * 20) 0 $black,
    ($width * 9) ($width * 20) 0 $black,

    ($width * 3) ($width * 21) 0 $black,
    ($width * 4) ($width * 21) 0 $black,
    ($width * 5) ($width * 21) 0 $grey-vl,
    ($width * 6) ($width * 21) 0 $black,
    ($width * 7) ($width * 21) 0 $grey-vl,
    ($width * 8) ($width * 21) 0 $black,
    ($width * 9) ($width * 21) 0 $black,
    ($width * 10) ($width * 21) 0 $black,

    ($width * 3) ($width * 22) 0 $black,
    ($width * 4) ($width * 22) 0 $black,
    ($width * 5) ($width * 22) 0 $black,
    ($width * 6) ($width * 22) 0 $black,
    ($width * 7) ($width * 22) 0 $black,
    ($width * 8) ($width * 22) 0 $black,
    ($width * 9) ($width * 22) 0 $black,
    ($width * 10) ($width * 22) 0 $black,

    ($width * 3) ($width * 23) 0 $black,
    ($width * 4) ($width * 23) 0 $black,
    ($width * 5) ($width * 23) 0 $black,
    ($width * 6) ($width * 23) 0 $black,
    ($width * 7) ($width * 23) 0 $black,
    ($width * 8) ($width * 23) 0 $black,
    ($width * 9) ($width * 23) 0 $black,
    ($width * 10) ($width * 23) 0 $black,

    ($width * 3) ($width * 24) 0 $black,
    ($width * 4) ($width * 24) 0 $black,
    ($width * 5) ($width * 24) 0 $black,
    ($width * 6) ($width * 24) 0 $black,
    ($width * 7) ($width * 24) 0 $black,
    ($width * 8) ($width * 24) 0 $black,
    ($width * 9) ($width * 24) 0 $black,
    ($width * 10) ($width * 24) 0 $black,

    ($width * 3) ($width * 25) 0 $black,
    ($width * 4) ($width * 25) 0 $black,
    ($width * 5) ($width * 25) 0 $black,
    ($width * 8) ($width * 25) 0 $black,
    ($width * 9) ($width * 25) 0 $black,
    ($width * 10) ($width * 25) 0 $black,

    ($width * 4) ($width * 26) 0 $black,
    ($width * 5) ($width * 26) 0 $black,
    ($width * 8) ($width * 26) 0 $black,
    ($width * 9) ($width * 26) 0 $black,
    ($width * 10) ($width * 26) 0 $black,

    ($width * 4) ($width * 27) 0 $black,
    ($width * 5) ($width * 27) 0 $black,
    ($width * 8) ($width * 27) 0 $black,
    ($width * 9) ($width * 27) 0 $black,
    ($width * 10) ($width * 27) 0 $black,

    ($width * 4) ($width * 28) 0 $black,
    ($width * 5) ($width * 28) 0 $black,
    ($width * 8) ($width * 28) 0 $black,
    ($width * 9) ($width * 28) 0 $black,
    ($width * 10) ($width * 28) 0 $skin,

    ($width * 4) ($width * 29) 0 $black,
    ($width * 5) ($width * 29) 0 $black,
    ($width * 8) ($width * 29) 0 $black,
    ($width * 9) ($width * 29) 0 $black,
    ($width * 10) ($width * 29) 0 $skin,

    ($width * 4) ($width * 30) 0 $black,
    ($width * 5) ($width * 30) 0 $black,
    ($width * 8) ($width * 30) 0 $black,
    ($width * 9) ($width * 30) 0 $black,

    ($width * 5) ($width * 31) 0 $black,
    ($width * 8) ($width * 31) 0 $black,
    ($width * 9) ($width * 31) 0 $black,

    ($width * 5) ($width * 32) 0 $black,
    ($width * 8) ($width * 32) 0 $black,
    ($width * 9) ($width * 32) 0 $black,

    ($width * 5) ($width * 33) 0 $black,
    ($width * 9) ($width * 33) 0 $black,

    ($width * 5) ($width * 34) 0 $black,
    ($width * 9) ($width * 34) 0 $black,

    ($width * 5) ($width * 35) 0 $black,
    ($width * 9) ($width * 35) 0 $black,

    ($width * 5) ($width * 36) 0 $black,
    ($width * 9) ($width * 36) 0 $black,

    ($width * 5) ($width * 37) 0 $black,
    ($width * 9) ($width * 37) 0 $black,

    ($width * 5) ($width * 38) 0 $black,
    ($width * 9) ($width * 38) 0 $black,

    ($width * 5) ($width * 39) 0 $black,
    ($width * 9) ($width * 39) 0 $black,

    ($width * 5) ($width * 40) 0 $black,
    ($width * 9) ($width * 40) 0 $black,
    
    ($width * 2) ($width * 40) 0 $shadow,
    ($width * 3) ($width * 40) 0 $shadow,
    ($width * 4) ($width * 40) 0 $shadow,
    ($width * 5) ($width * 40) 0 $black,
    ($width * 6) ($width * 40) 0 $shadow,
    ($width * 7) ($width * 40) 0 $shadow,
    ($width * 8) ($width * 40) 0 $shadow,
    ($width * 9) ($width * 40) 0 $black,
    ($width * 10) ($width * 40) 0 $shadow
}

@mixin vincent-fire {
  box-shadow:
    ($width * 4) ($width * 4) 0 $black,
    ($width * 5) ($width * 4) 0 $grey,
    ($width * 6) ($width * 4) 0 $black,
    ($width * 7) ($width * 4) 0 $grey-d,
    ($width * 8) ($width * 4) 0 $grey-l,

    ($width * 3) ($width * 5) 0 $black,
    ($width * 4) ($width * 5) 0 $skin-shadow,
    ($width * 5) ($width * 5) 0 $skin,
    ($width * 6) ($width * 5) 0 $skin,
    ($width * 7) ($width * 5) 0 $black,
    ($width * 8) ($width * 5) 0 $black,

    ($width * 4) ($width * 6) 0 $skin-shadow,
    ($width * 5) ($width * 6) 0 $skin,
    ($width * 6) ($width * 6) 0 $skin,
    ($width * 7) ($width * 6) 0 $skin,
    ($width * 8) ($width * 6) 0 $black,

    ($width * 4) ($width * 7) 0 $black,
    ($width * 5) ($width * 7) 0 $skin,
    ($width * 6) ($width * 7) 0 $black,
    ($width * 7) ($width * 7) 0 $skin,
    ($width * 8) ($width * 7) 0 $black,
    ($width * 9) ($width * 7) 0 $black,

    ($width * 4) ($width * 8) 0 $skin-shadow,
    ($width * 5) ($width * 8) 0 $skin,
    ($width * 6) ($width * 8) 0 $skin,
    ($width * 7) ($width * 8) 0 $skin,
    ($width * 8) ($width * 8) 0 $skin,

    ($width * 4) ($width * 9) 0 $skin-shadow,
    ($width * 5) ($width * 9) 0 $skin-shadow,
    ($width * 6) ($width * 9) 0 $skin,
    ($width * 7) ($width * 9) 0 $skin,
    ($width * 8) ($width * 9) 0 $black,

    ($width * 5) ($width * 10) 0 $black,
    ($width * 6) ($width * 10) 0 $skin-dark,
    ($width * 7) ($width * 10) 0 $skin-dark,
    ($width * 8) ($width * 10) 0 $black,
    ($width * 9) ($width * 10) 0 $black,

    ($width * 4) ($width * 11) 0 $black,
    ($width * 5) ($width * 11) 0 $black,
    ($width * 6) ($width * 11) 0 $skin-shadow,
    ($width * 7) ($width * 11) 0 $grey-vl,
    ($width * 8) ($width * 11) 0 $black,

    ($width * 5) ($width * 12) 0 $grey-vl,
    ($width * 6) ($width * 12) 0 $skin,
    ($width * 7) ($width * 12) 0 $grey-vl,
    ($width * 8) ($width * 12) 0 $black,
    
    ($width * -16) ($width * 13) 0 $white,
    ($width * 4) ($width * 13) 0 $black,
    ($width * 5) ($width * 13) 0 $grey-vl,
    ($width * 6) ($width * 13) 0 $black,
    ($width * 7) ($width * 13) 0 $white,
    ($width * 8) ($width * 13) 0 $black,
    
    ($width * -15) ($width * 14) 0 $white,
    ($width * -13) ($width * 14) 0 $grey-vl,
    ($width * -12) ($width * 14) 0 $grey-vl,
    ($width * -11) ($width * 14) 0 $grey-vl,
    ($width * -10) ($width * 14) 0 $grey-j-l,
    ($width * -9) ($width * 14) 0 $grey-vl,
    ($width * 4) ($width * 14) 0 $black,
    ($width * 5) ($width * 14) 0 $grey-j-l,
    ($width * 6) ($width * 14) 0 $black,
    ($width * 7) ($width * 14) 0 $grey-j-l,
    ($width * 8) ($width * 14) 0 $black,
    
    ($width * -16) ($width * 15) 0 $white,
    ($width * -10) ($width * 15) 0 $grey-vl,
    ($width * -9) ($width * 15) 0 $skin,
    ($width * -8) ($width * 15) 0 $skin,
    ($width * -7) ($width * 15) 0 $black,
    ($width * -6) ($width * 15) 0 $black,
    ($width * -5) ($width * 15) 0 $black,
    ($width * -4) ($width * 15) 0 $black,
    ($width * -3) ($width * 15) 0 $black,
    ($width * -2) ($width * 15) 0 $black,
    ($width * -1) ($width * 15) 0 $black,
    ($width * 0) ($width * 15) 0 $black,
    ($width * 1) ($width * 15) 0 $black,
    ($width * 2) ($width * 15) 0 $black,
    ($width * 3) ($width * 15) 0 $black,
    ($width * 4) ($width * 15) 0 $black,
    ($width * 5) ($width * 15) 0 $grey-vl,
    ($width * 6) ($width * 15) 0 $black,
    ($width * 7) ($width * 15) 0 $white,
    ($width * 8) ($width * 15) 0 $black,
    ($width * 9) ($width * 15) 0 $black,
    
    ($width * -9) ($width * 16) 0 $black,
    ($width * 2) ($width * 16) 0 $black,
    ($width * 3) ($width * 16) 0 $black,
    ($width * 4) ($width * 16) 0 $black,
    ($width * 5) ($width * 16) 0 $grey-vl,
    ($width * 6) ($width * 16) 0 $black,
    ($width * 7) ($width * 16) 0 $white,
    ($width * 8) ($width * 16) 0 $black,
    ($width * 9) ($width * 16) 0 $black,

    ($width * 3) ($width * 17) 0 $black,
    ($width * 4) ($width * 17) 0 $black,
    ($width * 5) ($width * 17) 0 $white,
    ($width * 6) ($width * 17) 0 $black,
    ($width * 7) ($width * 17) 0 $white,
    ($width * 8) ($width * 17) 0 $black,
    ($width * 9) ($width * 17) 0 $black,

    ($width * 3) ($width * 18) 0 $black,
    ($width * 4) ($width * 18) 0 $black,
    ($width * 5) ($width * 18) 0 $white,
    ($width * 6) ($width * 18) 0 $black,
    ($width * 7) ($width * 18) 0 $white,
    ($width * 8) ($width * 18) 0 $black,
    ($width * 9) ($width * 18) 0 $black,

    ($width * 3) ($width * 19) 0 $black,
    ($width * 4) ($width * 19) 0 $black,
    ($width * 5) ($width * 19) 0 $white,
    ($width * 6) ($width * 19) 0 $black,
    ($width * 7) ($width * 19) 0 $white,
    ($width * 8) ($width * 19) 0 $black,
    ($width * 9) ($width * 19) 0 $black,

    ($width * 3) ($width * 20) 0 $black,
    ($width * 4) ($width * 20) 0 $black,
    ($width * 5) ($width * 20) 0 $grey-vl,
    ($width * 6) ($width * 20) 0 $black,
    ($width * 7) ($width * 20) 0 $white,
    ($width * 8) ($width * 20) 0 $black,
    ($width * 9) ($width * 20) 0 $black,

    ($width * 3) ($width * 21) 0 $black,
    ($width * 4) ($width * 21) 0 $black,
    ($width * 5) ($width * 21) 0 $grey-vl,
    ($width * 6) ($width * 21) 0 $black,
    ($width * 7) ($width * 21) 0 $grey-vl,
    ($width * 8) ($width * 21) 0 $black,
    ($width * 9) ($width * 21) 0 $black,
    ($width * 10) ($width * 21) 0 $black,

    ($width * 3) ($width * 22) 0 $black,
    ($width * 4) ($width * 22) 0 $black,
    ($width * 5) ($width * 22) 0 $black,
    ($width * 6) ($width * 22) 0 $black,
    ($width * 7) ($width * 22) 0 $black,
    ($width * 8) ($width * 22) 0 $black,
    ($width * 9) ($width * 22) 0 $black,
    ($width * 10) ($width * 22) 0 $black,

    ($width * 3) ($width * 23) 0 $black,
    ($width * 4) ($width * 23) 0 $black,
    ($width * 5) ($width * 23) 0 $black,
    ($width * 6) ($width * 23) 0 $black,
    ($width * 7) ($width * 23) 0 $black,
    ($width * 8) ($width * 23) 0 $black,
    ($width * 9) ($width * 23) 0 $black,
    ($width * 10) ($width * 23) 0 $black,

    ($width * 3) ($width * 24) 0 $black,
    ($width * 4) ($width * 24) 0 $black,
    ($width * 5) ($width * 24) 0 $black,
    ($width * 6) ($width * 24) 0 $black,
    ($width * 7) ($width * 24) 0 $black,
    ($width * 8) ($width * 24) 0 $black,
    ($width * 9) ($width * 24) 0 $black,
    ($width * 10) ($width * 24) 0 $black,

    ($width * 3) ($width * 25) 0 $black,
    ($width * 4) ($width * 25) 0 $black,
    ($width * 5) ($width * 25) 0 $black,
    ($width * 8) ($width * 25) 0 $black,
    ($width * 9) ($width * 25) 0 $black,
    ($width * 10) ($width * 25) 0 $black,

    ($width * 4) ($width * 26) 0 $black,
    ($width * 5) ($width * 26) 0 $black,
    ($width * 8) ($width * 26) 0 $black,
    ($width * 9) ($width * 26) 0 $black,
    ($width * 10) ($width * 26) 0 $black,

    ($width * 4) ($width * 27) 0 $black,
    ($width * 5) ($width * 27) 0 $black,
    ($width * 8) ($width * 27) 0 $black,
    ($width * 9) ($width * 27) 0 $black,
    ($width * 10) ($width * 27) 0 $black,

    ($width * 4) ($width * 28) 0 $black,
    ($width * 5) ($width * 28) 0 $black,
    ($width * 8) ($width * 28) 0 $black,
    ($width * 9) ($width * 28) 0 $black,
    ($width * 10) ($width * 28) 0 $skin,

    ($width * 4) ($width * 29) 0 $black,
    ($width * 5) ($width * 29) 0 $black,
    ($width * 8) ($width * 29) 0 $black,
    ($width * 9) ($width * 29) 0 $black,
    ($width * 10) ($width * 29) 0 $skin,

    ($width * 4) ($width * 30) 0 $black,
    ($width * 5) ($width * 30) 0 $black,
    ($width * 8) ($width * 30) 0 $black,
    ($width * 9) ($width * 30) 0 $black,

    ($width * 5) ($width * 31) 0 $black,
    ($width * 8) ($width * 31) 0 $black,
    ($width * 9) ($width * 31) 0 $black,

    ($width * 5) ($width * 32) 0 $black,
    ($width * 8) ($width * 32) 0 $black,
    ($width * 9) ($width * 32) 0 $black,

    ($width * 5) ($width * 33) 0 $black,
    ($width * 9) ($width * 33) 0 $black,

    ($width * 5) ($width * 34) 0 $black,
    ($width * 9) ($width * 34) 0 $black,

    ($width * 5) ($width * 35) 0 $black,
    ($width * 9) ($width * 35) 0 $black,

    ($width * 5) ($width * 36) 0 $black,
    ($width * 9) ($width * 36) 0 $black,

    ($width * 5) ($width * 37) 0 $black,
    ($width * 9) ($width * 37) 0 $black,

    ($width * 5) ($width * 38) 0 $black,
    ($width * 9) ($width * 38) 0 $black,

    ($width * 5) ($width * 39) 0 $black,
    ($width * 9) ($width * 39) 0 $black,

    ($width * 5) ($width * 40) 0 $black,
    ($width * 9) ($width * 40) 0 $black,
    
    ($width * 2) ($width * 40) 0 $shadow,
    ($width * 3) ($width * 40) 0 $shadow,
    ($width * 4) ($width * 40) 0 $shadow,
    ($width * 5) ($width * 40) 0 $black,
    ($width * 6) ($width * 40) 0 $shadow,
    ($width * 7) ($width * 40) 0 $shadow,
    ($width * 8) ($width * 40) 0 $shadow,
    ($width * 9) ($width * 40) 0 $black,
    ($width * 10) ($width * 40) 0 $shadow
}
.pulp-fiction {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #676766;
    height: 40 * $width;
    width: 20 * $width; 
}
.vincent {
    display: inline-block;
    position: relative;
    width: $width;
    height: $width;
}
.pf-vincent-1 {
    @include vincent-1;
}
.pf-vincent-gun {
    @include vincent-gun;
}
.pf-vincent-fire {
    @include vincent-fire;
}
.jules {
    display: inline-block;
    position: relative;
    left: $width * 9;
    width: $width;
    height: $width;
}
.pf-jules-1 {
    @include jules-1;
}
.pf-jules-gun {
    @include jules-gun;
}
.pf-jules-fire {
    @include jules-fire;
}
!

JS 

              
                function shoot() {
	setTimeout(function(){ 
		$('.vincent').addClass( "pf-vincent-gun");
		$('.jules').addClass( "pf-jules-gun");
    
    // You ever read the Bible?
		setTimeout(bullet, 500);
		setTimeout(bullet, 1500);

		setTimeout(function(){ 
			$('.vincent').removeClass( "pf-vincent-gun");
			$('.jules').removeClass( "pf-jules-gun");

			shoot();

		}, 3000);
	}, 1000);
 }

function bullet(){
	$('.vincent').addClass( "pf-vincent-fire");
	$('.jules').addClass( "pf-jules-fire");

	setTimeout(function(){ 
		$('.vincent').removeClass( "pf-vincent-fire");
		$('.jules').removeClass( "pf-jules-fire");
	}, 500);
}
shoot();
!
999px

Console