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 esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM 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

Auto Save

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

Auto-Updating Preview

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

Format on Save

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

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

HTML 

              
                <div class="banana"></div>
!

CSS 

              
                // Variables
$pixel-size: 5px;

// Colors
$__: null;
$bk: #000;
$gn: #360;
$ly: #ff0;
$my: #cc0;
$dy: #990;
$rd: #f00;

// Frames - zoom out in your browser until you can see the full picture in the source code for easy editing
$frames:
  (
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $ly $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $bk $__ $__ $__ $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $bk $__ $__ $__ $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $ly $ly $bk $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $bk $bk $bk $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $rd $rd $bk $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $rd $rd $rd $bk $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $rd $bk $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $bk $ly $ly $ly $ly $my $my $bk $bk $__ $bk $bk $bk $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $bk $bk $ly $ly $ly $ly $my $my $bk $__ $bk $bk $__ $__ $bk $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $bk $ly $ly $ly $ly $my $my $bk $bk $__ $bk $__ $__ $__ $bk $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $bk $ly $ly $ly $my $my $my $bk $__ $__ $bk $bk $__ $__ $bk $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $bk $bk $ly $ly $my $my $my $bk $bk $__ $__ $gn $bk $bk $bk $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $bk $ly $ly $my $my $my $bk $bk $gn $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $bk $bk $my $my $bk $bk $bk $__ $gn $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $bk $bk $bk $bk $bk $gn $gn $gn $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $bk $bk $__ $__ $__ $bk $bk $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__
  ),
  (
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $ly $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $bk $__ $__ $__ $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $bk $__ $__ $__ $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $ly $ly $bk $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $bk $bk $bk $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $rd $rd $bk $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $rd $rd $rd $bk $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $rd $bk $bk $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $my $bk $__ $__ $__ $bk $bk $bk $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $my $bk $bk $__ $__ $bk $bk $__ $__ $bk $__ $__,
    $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $bk $bk $ly $ly $ly $ly $my $my $bk $__ $__ $__ $bk $__ $__ $__ $bk $__ $__,
    $__ $__ $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $__ $__ $bk $ly $ly $ly $ly $my $my $bk $bk $__ $__ $__ $bk $bk $__ $__ $bk $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $gn $gn $__ $gn $bk $ly $ly $ly $my $my $my $bk $gn $gn $__ $gn $gn $bk $bk $bk $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $bk $bk $ly $ly $my $my $my $bk $bk $__ $gn $gn $gn $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $my $my $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $bk $bk $my $my $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $bk $bk $bk $bk $bk $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__
  ),
  (
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $dy $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $ly $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__,
    $__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $bk,
    $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $bk $__ $bk $__ $bk $__ $bk $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk,
    $__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $bk,
    $__ $__ $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $ly $bk $bk $bk $my $bk $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $__,
    $__ $__ $__ $__ $__ $gn $gn $gn $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $dy $bk $bk $__ $__ $__ $__ $gn $gn $gn $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $__ $__ $__ $bk $bk $bk $bk $bk $bk $rd $bk $bk $__ $__ $gn $gn $gn $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $__ $bk $rd $rd $rd $rd $rd $bk $my $bk $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $bk $bk $rd $rd $rd $bk $ly $my $bk $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $bk $bk $bk $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $my $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__
  ),
  (
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $dy $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $ly $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $bk $__ $bk $__ $bk $__ $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__,
    $__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $bk $my $bk $bk $bk $ly $bk $bk $bk $__ $__ $__ $__ $bk $bk $__ $__ $bk $__ $__ $__ $__ $__,
    $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $dy $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__,
    $__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $bk $bk $rd $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $bk $bk $__ $__ $bk $__ $__ $__ $__ $__,
    $__ $__ $bk $bk $bk $gn $__ $__ $__ $__ $bk $my $bk $rd $rd $rd $rd $rd $bk $__ $__ $__ $__ $gn $bk $bk $bk $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $gn $gn $__ $__ $__ $bk $my $ly $bk $rd $rd $rd $bk $bk $__ $__ $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $bk $my $ly $ly $bk $bk $bk $ly $bk $__ $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $bk $my $my $ly $ly $ly $ly $ly $bk $gn $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $my $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $__ $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__
  ),
  (
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $ly $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $__ $__ $__ $bk $__ $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $__ $__ $__ $bk $__ $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $bk $ly $ly $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $bk $bk $bk $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $bk $rd $rd $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $bk $rd $rd $rd $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $bk $rd $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $bk $bk $bk $__ $bk $bk $my $my $ly $ly $ly $ly $bk $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $bk $my $my $ly $ly $ly $ly $bk $bk $__ $bk $bk $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $bk $bk $my $my $ly $ly $ly $ly $bk $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $__ $bk $my $my $my $ly $ly $ly $bk $__ $bk $bk $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $bk $bk $bk $gn $__ $__ $bk $bk $my $my $my $ly $ly $bk $bk $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $gn $bk $bk $my $my $my $ly $ly $bk $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $__ $bk $bk $bk $my $my $bk $bk $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $gn $gn $bk $bk $bk $bk $bk $gn $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $bk $bk $__ $__ $__ $bk $bk $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__
  ),
  (
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $ly $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $__ $__ $__ $bk $__ $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $__ $__ $__ $bk $__ $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $bk $ly $ly $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $bk $bk $bk $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $bk $rd $rd $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $bk $rd $rd $rd $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $bk $bk $rd $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $bk $bk $bk $__ $__ $__ $bk $my $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $bk $__ $__ $bk $bk $__ $__ $bk $bk $my $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $bk $bk $__ $__ $bk $__ $__ $__ $__ $__ $__,
    $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $bk $my $my $ly $ly $ly $ly $bk $bk $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__,
    $__ $__ $bk $__ $__ $bk $bk $__ $__ $__ $bk $bk $my $my $ly $ly $ly $ly $bk $__ $__ $__ $bk $bk $__ $__ $bk $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $bk $bk $bk $gn $gn $__ $gn $gn $bk $my $my $my $ly $ly $ly $bk $gn $__ $gn $gn $bk $bk $bk $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $__ $bk $bk $my $my $my $ly $ly $bk $bk $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $my $my $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $my $my $bk $bk $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $bk $bk $bk $bk $bk $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__
  ),
  (
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $dy $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $ly $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__,
    $bk $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $bk $__,
    $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $bk $__ $bk $__ $bk $__ $bk $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__,
    $bk $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $bk $__,
    $__ $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $bk $my $bk $bk $bk $ly $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $__ $__,
    $__ $__ $__ $__ $gn $gn $gn $__ $__ $__ $__ $bk $bk $dy $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $gn $gn $gn $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $gn $gn $gn $__ $__ $bk $bk $rd $bk $bk $bk $bk $bk $bk $__ $__ $__ $gn $gn $gn $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $bk $my $bk $rd $rd $rd $rd $rd $bk $__ $gn $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $bk $my $ly $bk $rd $rd $rd $bk $bk $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $bk $bk $bk $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $ly $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $ly $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $my $ly $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $my $ly $ly $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $my $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__
  ),
  (
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $dy $dy $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $my $dy $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $ly $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $bk $__ $bk $__ $bk $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $bk $bk $bk $__ $__,
    $__ $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $bk $bk $bk $ly $bk $bk $bk $my $bk $__ $__ $__ $__ $bk $bk $__ $__ $bk $__,
    $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $dy $bk $bk $__ $__ $__ $__ $bk $__ $__ $__ $bk $__,
    $__ $__ $__ $__ $__ $bk $__ $__ $bk $bk $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $rd $bk $bk $__ $__ $__ $__ $bk $bk $__ $__ $bk $__,
    $__ $__ $__ $__ $__ $__ $bk $bk $bk $gn $__ $__ $__ $__ $bk $rd $rd $rd $rd $rd $bk $my $bk $__ $__ $__ $__ $gn $bk $bk $bk $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $__ $bk $bk $rd $rd $rd $bk $ly $my $bk $__ $__ $__ $gn $gn $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $bk $ly $bk $bk $bk $ly $ly $my $bk $__ $__ $gn $gn $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $gn $bk $ly $ly $ly $ly $ly $my $my $bk $gn $gn $gn $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $ly $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $ly $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $ly $my $my $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $ly $ly $my $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $my $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $bk $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $gn $__ $__ $__ $__ $gn $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $gn $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $gn $__ $__ $__ $__ $__ $__ $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $bk $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $bk $__ $__ $__ $__ $__ $bk $__ $__ $__ $__ $__ $__ $__ $__,
    $__ $__ $__ $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $bk $bk $bk $bk $bk $bk $__ $__ $__ $__ $__ $__ $__ $__
  );


@function frame-to-box-shadows($frame) {
  $shadows: (); // empty list
  @for $y from 1 through length($frame) {
    $row: nth($frame, $y);
    @for $x from 1 through length($row) {
      $color: nth($row, $x); 
      @if $color != null {
        $shadow: ($x * $pixel-size) ($y * $pixel-size) $color;
        $shadows: append($shadows, $shadow, comma);
      }
    }
  }
  @return $shadows;
}

body { padding: 3em; }

.banana {
  animation: pbjtime 0.8s steps(1, start) infinite;
  width: $pixel-size;
  height: $pixel-size;
  position: relative;
  box-shadow: frame-to-box-shadows(nth($frames, 1));
}

@keyframes pbjtime {
  $frame-count: length($frames);
  @for $i from 1 through $frame-count {
    #{100% / $frame-count * $i} {
      box-shadow: frame-to-box-shadows(nth($frames, $i));
    }
  }
}
!

JS 

              
                // A fork of https://codepen.io/simoncla/pen/njwvy
// showing how much easier it is to accomplish
// something like this in Sass.
//
// By John W Long
!
999px

Console