Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

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

+ add another resource

Packages

Add Packages

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

Behavior

Auto Save

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

Auto-Updating Preview

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

Format on Save

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

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

HTML

              
                .avatar
  - for (i=1; i <= 3969 ; i++)
      div(class=`pixel pixel-${i}`)
              
            
!

CSS

              
                // colors
$bg-color: #010100;
$pixel-colors: (
  //1
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //2
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //3
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //4
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //5
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //6
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#817470,#a38280,#a47678,#8e716c,#ecd5cc,#b1918e,#ebe9de,#ccc6be,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //7
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#896f70,#9c787a,#9a6a6e,#916365,#9a6a6d,#98726d,#dad7c5,#eadacd,#e5dccd,#d7d4c3,#e5d3c7,#aea498,#acada3,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //8
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#9e827f,#9c7373,#986b6d,#8a5a5a,#97696b,#986468,#9a686b,#916161,#c8b0a8,#e5dece,#b6a89a,#c7aaa2,#ac9087,#bca69e,#f3eada,#a88d88,#616059,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#756868,#ddc7c8,#c3adb0,#c8b8ba,#c4b4b6,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  // 9
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#897372,#876065,#8b5d5f,#8f5f62,#8b5a5e,#8d5c5f,#956366,#915d61,#8e575c,#9d6669,#9f676a,#9d6c6d,#a16c6e,#a26b6e,#ad7879,#a46f6f,#c29d97,#e1c8bf,#ab8882,#ae8c8e,$bg-color,#8d7e7c,#b9a2a3,#9d8987,#4d4a3e,#232414,#1f2010,#1e210e,#222013,#635f56,#b1a2a2,#5c5354,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //10
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#7e7171,#937875,#83595b,#8a5c5f,#89565d,#875459,#835055,#885a5c,#946366,#915f62,#905c60,#9a6268,#9c6369,#955e61,#a46d70,#a2686c,#ab7273,#ab686f,#a8666c,#bf9997,#c7a7a8,#d6c1bb,#a88a8a,#a88a8a,#232012,#1a1a08,#181a07,#171a07,#181b08,#151606,#191a0a,#1a1a0a,#161c09,#5f594e,#ccbcbf,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //11
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#b9b8b6,#a58988,#8a6263,#825659,#835558,#855257,#89585c,#956468,#8c5e61,#804f53,#915e63,#956165,#9c6369,#945b61,#a0676d,#9c6167,#9a6466,#a97879,#b48f8c,#c9b1ad,#a89794,#8e6f72,#9d797b,#806f68,#171806,#171806,#171806,#171806,#171806,#171806,#171806,#171806,#171806,#171806,#171806,#171806,#c7b3b7,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //12
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#6b6d6b,#e0ddd9,#835d60,#875d5f,#825457,#7f5053,#8e5b60,#8f5f62,#8e5d61,#855458,#8a575c,#925d63,#8f575d,#955c62,#935a60,#966368,#8c6163,#a17f7f,#98807d,#a89391,#937c7c,#89686b,#aa878b,#4c3e39,#1f1912,#1a130b,#070500,#0e0e03,#121504,#131603,#131603,#121504,#161907,#151805,#151805,#171a08,#181b08,#403b32,#bcacad,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //13
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#545655,#a2a2a0,#c5c8c1,#775455,#7a4f51,#7f5154,#885a5d,#835558,#845659,#8e5d61,#824f54,#875459,#8c575d,#8a5358,#865154,#8e6065,#9f777a,#927575,#a28889,#9b8383,#9c8283,#816265,#977478,#3b2626,#0f0601,#0c0501,#0a0502,#080200,#1f1810,#0a0b03,#0d0f01,#111304,#121406,#121504,#141505,#151805,#151805,#151805,#171809,#5c4b47,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //14
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#bbbdba,#bebfba,#bec1bb,#785e5f,#a78486,#7f5257,#7d5053,#8f5f63,#7d4c50,#814e53,#7b484d,#804d52,#88555a,#86555b,#91676d,#8e7173,#8b6e70,#967a7c,#947779,#a18486,#8b6d6f,#ae9394,#564744,#352825,#392d29,#372d28,#261e15,#0f0706,#080200,#1b160e,#0a0b06,#0c0e03,#0e1203,#111504,#101403,#141704,#131603,#141704,#181a07,#2c291c,#958486,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //15
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#b3b5b4,#c5c7c2,#9e9f9a,#c6c7c2,#dcd2d0,#775659,#7f555a,#7d5355,#7b4c50,#865559,#7f4e51,#87555a,#7b494c,#7c4b4f,#775356,#795a5f,#84656a,#8f7276,#997d81,#846769,#806566,#aa8d8f,#6c5859,#6b5c59,#84706e,#897472,#826e6b,#6d5b5a,#4d3e3f,#18120c,#080500,#070601,#0a0b04,#0c0f04,#0e1203,#0e1402,#121502,#131603,#161906,#141905,#171807,#927c7f,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //16
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#979998,#c1c3c2,#a5a7a2,#b3b4af,#c3c2c0,#b3b5af,#6b474b,#8d6e6f,#7f5557,#7f4e52,#7a4b4f,#78494d,#815054,#7b4e53,#765859,#6f5153,#8b6e72,#6f5256,#7b5d61,#775b5f,#795c60,#886c70,#755b5c,#968481,#a28f8b,#b7a29c,#bea9a2,#b9a49e,#af9992,#947e78,#5e4c4c,#100a08,#0e0d05,#050601,#0a0d04,#0d1103,#101405,#111504,#141706,#141706,#131804,#171b09,#735f60,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //17
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#8b8f90,#a4a6a5,#bfc1be,#b2b4b1,#acaca7,#a8a7a2,#dfd6d0,#5e3a3d,#7d5757,#734548,#7b4d50,#77494e,#774e54,#765558,#6f5254,#7d6062,#674a4c,#7e6163,#74595a,#7d5e63,#81666d,#7d6564,#9c8887,#b29f9b,#c4b1aa,#c6b1ab,#cebab3,#c9b5ac,#c0ada4,#bba49c,#998783,#4a3f3e,#040200,#030401,#060a01,#0c1001,#0d1001,#101403,#131706,#121504,#171706,#141907,#6b5a59,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //18
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#78797b,#a4a8a9,#c4c6c5,#cbcdca,#adada7,#bcbab5,#a6a29c,#c2bdb8,#c0aaa9,#8d6d6e,#7c4e53,#76494d,#633f42,#7f6163,#5e4143,#6e5153,#694c4e,#705254,#745658,#795c5e,#7c6567,#826c6e,#af9c95,#beada7,#c9b8b0,#cdbcb4,#c4b1aa,#c9b5ae,#cbb7ae,#cbb8af,#c3aca4,#baa89e,#8d7c75,#1c1511,#020401,#060900,#0b0e04,#0e1104,#121607,#121605,#131605,#131605,#232213,#6b6062,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //19
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#868a8d,#989c9d,#a0a6a4,#bbc0bc,#b7b5b0,#b7b4ad,#aeaba4,#b3b1ac,#c7c0bb,#67444a,#775153,#755052,#7a5c5e,#5f3f42,#634346,#6a4b4e,#725456,#6b4f51,#725559,#685254,#877776,#ac9a97,#c3b4af,#d2c3bd,#d5c6c1,#d4c6bd,#d0bdb6,#cdbab3,#cdbab3,#cbb7b0,#ccb8b1,#c5b1aa,#af9f97,#665c57,#030101,#050501,#080b02,#0d1104,#101405,#0f1503,#131806,#161908,#372c24,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //20
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#393a3b,#979a9f,#b9bec0,#abadab,#989894,#afada6,#aeaba4,#a9a69f,#afaba7,#8c8982,#cec2ba,#61403f,#664947,#664446,#664649,#604245,#5c3e40,#664e4e,#695a55,#3b3130,#38302f,#473c3a,#675958,#9a8a88,#c5b5b5,#d1c2bd,#d9cac3,#d5c5be,#d0bfb8,#d2bfb9,#cfbcb5,#d2bfb8,#d1beb8,#bfb0a9,#a1928e,#312a29,#050601,#070a01,#0c1002,#0e1203,#121704,#171a07,#1d1c0d,#221c1b,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //21
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#8e9295,#84878c,#8b8e90,#aaa9a5,#8e8b84,#afaca5,#a8a59d,#9b9690,#aea79c,#9d9088,#624645,#654346,#68484b,#5e4042,#624949,#5e4746,#5b4b44,#2f1f18,#1f170e,#42393c,#605252,#746667,#786c6a,#3e3031,#3d2e2f,#4f3f3f,#887876,#c4afaa,#d4c1bb,#cab8b1,#d1bdb6,#c9b3ab,#8e7775,#7d706f,#493f3e,#37312f,#080902,#050a02,#0e1002,#141506,#141803,#1c1908,#1a1716,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //22
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#838587,#848689,#7b7a79,#b6b5b0,#aeaba4,#7a7770,#a9a69f,#776e67,#b4ada2,#634f4d,#60494a,#6d5857,#5e4b4b,#504341,#241918,#0b0300,#0b0700,#29211d,#5d5052,#817170,#a69794,#bcada7,#c6bab3,#c1b3ac,#9d8e89,#705e5b,#806867,#9f8380,#bea7a2,#d2bfb9,#c7b2a9,#9c7d79,#7a6564,#493e3c,#b1a8a2,#817573,#25211f,#0b0d00,#131204,#17160a,#1b1913,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //23
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#88898f,#6d6d6e,#74736f,#868580,#a3a29d,#908d86,#97908d,#c8beb5,#4b3f35,#100802,#0e0704,#110a07,#0c0703,#0d0804,#100604,#150c07,#251c15,#544747,#776767,#8e7c78,#94837e,#6d5953,#978780,#665850,#6a574f,#a19086,#8e7970,#a38880,#bba49c,#d7c3ba,#d0bcb3,#97837a,#9f8c86,#ad9a93,#a08e82,#b3a29a,#56514c,#151610,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //24
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#7b7c80,#666666,#a7a6a4,#787773,#999691,#ada8a2,#8d857a,#615853,#443a39,#3c3231,#382e2d,#322827,#241b17,#261d19,#312622,#332825,#514443,#705f5e,#887974,#64524e,#756561,#352a28,#2f2c2d,#2c2525,#61504e,#644e44,#aa958c,#977f76,#ac938b,#bda89f,#c1ada4,#a08e84,#817570,#2a211c,#3c3330,#6f5d59,#433d3c,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //25
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#6c6d6f,#70706f,#656563,#a09f9b,#807b77,#a9a49d,#8c887e,#453e3e,#574e4f,#5f5554,#605251,#574949,#504443,#4a3e3e,#483d3b,#534846,#705f5e,#7d6b64,#7f6c66,#594745,#4c3f40,#a9a8ac,#494d54,#3b3c3f,#cbc5c2,#866b65,#a59087,#9f847d,#967b74,#aa8d87,#c9ada8,#bea69d,#989c96,#3b3f42,#5e5a59,#443333,#171716,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //26
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#6b6b6d,#656462,#676563,#837f7c,#7d7874,#67625e,#3a3636,#4d484b,#5b5152,#665959,#705f5d,#6e5d5a,#695858,#6a5a56,#6e5e59,#80706a,#86746d,#8c7970,#745d56,#685150,#7d5c61,#9d8186,#aa999a,#8d7e7d,#a68e8a,#af9790,#ad988d,#9e8078,#9d807a,#9b7c77,#a68682,#be9b97,#a58a8b,#a39393,#ac9e9e,#5c4d4a,#252523,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //27
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#585858,#5e5a59,#5f5b58,#68635f,#888380,#312d2c,#494446,#534e50,#504a4e,#574d4c,#6b5d54,#7d6c64,#85706a,#847069,#8a786e,#9a8a7d,#a69689,#9c887f,#a6938c,#9c8580,#9d8982,#a98b8b,#af9b9a,#bba5a2,#ae9591,#b4a099,#a99389,#a3857d,#a48580,#927370,#977671,#a88684,#b99a98,#af908e,#ae938e,#887970,#131512,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //28
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#6d6d6d,#615d5c,#6a6562,#6d6361,#1f1919,#464145,#403d3e,#434041,#4d4648,#5f5554,#72625b,#7f6c65,#8f7973,#8f7973,#968279,#9e8b7f,#ae9a8f,#ad9b91,#b4a298,#b6a59d,#b2a29a,#bfafa7,#c8b8b0,#c4b3a9,#beaca5,#c7b3aa,#b2928b,#a7867f,#9f817b,#846665,#866465,#a98787,#c1a29e,#c1a29e,#b29892,#a3978e,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //29
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#666867,#716766,#927978,#987e7d,#514343,#383332,#302c2b,#2f2d2e,#484647,#4c4645,#6b5b56,#7e6d63,#88716c,#927c75,#967f77,#a68f87,#9f8b81,#ad968d,#b9a89e,#bcaaa0,#c2b1a9,#c8b7af,#cebdb3,#cab8ac,#cab8ae,#ccb5ab,#af9087,#b0938d,#80635f,#765755,#917172,#a78886,#c7a9a6,#cdbab3,#d1b8b4,#bcaba3,#3c3633,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //30
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#090806,#685153,#311713,#957672,#b79998,#655252,#261f1c,#292627,#333134,#393234,#6d5b59,#7a6861,#88716b,#816a64,#89726c,#99827c,#9b827b,#af958e,#c3aba5,#ccb8b1,#cdbab2,#c9b6af,#c6b4aa,#c6b2a8,#c9b1a7,#c3aba1,#cab2a9,#b49c96,#775958,#a78886,#ab8c8a,#8a6c6b,#866564,#c2a2a1,#b19b97,#c9b4aa,#c0ada8,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //31
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#271e1c,#533639,#321915,#230e06,#5a463f,#685757,#3f3130,#363232,#373538,#443d3e,#5f514e,#7e6963,#826b65,#846d67,#846d67,#8a736d,#917973,#a18480,#b29692,#c0a9a3,#c8b3ad,#d3c0b9,#d2beb6,#cbb6ac,#c9b0a6,#cbb5ac,#d5c2bb,#563e3a,#735857,#9c7e7d,#31201b,#1e0907,#5f4b4a,#745e61,#765957,#c9ada9,#c9b2ab,#2e2928,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //32
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#4b3a3b,#9a797e,#4e3136,#513d3d,#21100e,#403130,#372d2c,#3d3a3b,#3a3637,#4c4648,#524546,#6b5754,#7d6660,#7f6862,#826b65,#88716b,#8f7671,#9f827e,#ac908c,#b79d98,#bea7a1,#c8b3ad,#cfbbb5,#d0bab3,#c9b5ae,#cfbbb4,#cdb9b1,#482d2f,#6d4f53,#a4888c,#665052,#604d4f,#3b2b2e,#9d898a,#b49b94,#c7b0a8,#c7b2ab,#7f7370,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //33
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#352828,#ba9499,#5c3d40,#846f6e,#53403c,#22100a,#423838,#424043,#353132,#3f3b3c,#463c3d,#645353,#776360,#7a645e,#7b645c,#856e68,#8e7570,#a28581,#a68a86,#b49894,#c0a49f,#c4aba7,#c9b2ac,#c9b1ac,#ccb5af,#cbb2ab,#c3ada5,#a58b8e,#4e3335,#856569,#887070,#877473,#998183,#705c5a,#ccb5ab,#cdb9b0,#c7b3aa,#ae9f9c,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //34
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#b8989b,#5f3d41,#b09898,#755d5e,#23100b,#5a4e4e,#464143,#2f292b,#353032,#43393c,#534546,#6b5a59,#6c5955,#715c57,#816b64,#907772,#a0837f,#a98d89,#b29692,#b19590,#bea3a0,#c4aba6,#c5aea8,#c8b3ad,#ccb5ad,#c9b3ab,#c5adaa,#9c8181,#7e6363,#846f6e,#8f7b7a,#856f70,#85726c,#c5aea6,#ceb9b0,#c5b1aa,#b5a49f,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //35
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#9c8688,#5c393e,#ceb8b6,#937b79,#321e1e,#433534,#3e3738,#403a3c,#3c3638,#463b3f,#504446,#5b4b4b,#6d5b59,#6d5957,#7a645e,#8b746e,#a18480,#a88b87,#b19490,#b49894,#b39793,#b89f9a,#bea8a2,#d5c1ba,#ceb6af,#bda49f,#bb9d9d,#9e8082,#7c6162,#9a8583,#a99393,#ad9897,#ab9892,#8d7771,#bca69d,#cebbb2,#b5a79e,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //36
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#251818,#907273,#9b8381,#947c7b,#3b2727,#261613,#322a29,#332e2f,#3a3436,#43383c,#564a4c,#504444,#584a49,#6d5d5d,#74615e,#856e69,#997b79,#ab928e,#ac938e,#ae9590,#b49894,#b69a96,#c0a8a2,#cab6ae,#a58f8a,#ac9190,#897272,#776262,#95827e,#a08a85,#aa8f8e,#86696b,#997b7b,#8a7b73,#978a7f,#ae9d92,#b3a49b,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //37
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#a78a8d,#604243,#9d8685,#806c6d,#806a6d,#271d18,#363230,#373334,#4a4444,#473d3e,#4c4243,#594f50,#615555,#625453,#7b6464,#967a77,#a38b87,#aa938d,#aa9288,#a68a84,#ad8f8c,#b8a09a,#b39c96,#b6a19b,#947f7c,#86736c,#a4938b,#a08282,#977279,#ab8489,#a47e83,#a68186,#957b7c,#8e817b,#8f7f77,#aea196,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //38
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#2d201f,#a68689,#4d3739,#786568,#705c5d,#2b1f1d,#322b2a,#312f30,#393534,#443c3d,#4c4243,#4d4344,#514647,#625555,#6c5a5b,#826b6a,#998280,#ae9893,#ab928d,#9b7f7b,#a98d89,#a58f89,#a18e87,#8d7b77,#74655f,#7a6a69,#7a5e62,#704b52,#7b535c,#69444b,#704d53,#6c4a50,#73575b,#7c6d69,#988d89,#9a8e83,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //39
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#403231,#6c595a,#725e5f,#746265,#514444,#2c2421,#2b2b2b,#363332,#493f40,#4f4546,#5d5354,#564c4e,#45393a,#645354,#5e4a4b,#846f6d,#a5908b,#a9908c,#9c807d,#a18683,#907d76,#a7938e,#665752,#5e4d4d,#3a1f24,#502e35,#7e535d,#8a5a66,#9d6e79,#9b6c76,#a5737e,#88686f,#483934,#705f58,#7a6c63,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //40
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#251817,#2b1c1b,#2f2220,#160e0a,#272322,#2f2b2a,#332c2c,#483e3f,#3a3031,#493f41,#4f4344,#5d4d4e,#6d5a5b,#877270,#86716c,#9b8580,#8e7672,#9a817c,#79655c,#86736d,#8a756e,#9e7e80,#956f75,#8e666d,#8f6971,#aa888f,#be9ca1,#b69398,#b28c92,#ae8d90,#aa9a92,#9f8e85,#8d7f76,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //41
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#27241e,#2f2e2a,#312c29,#2a2424,#1d1916,#201c19,#272320,#3f3939,#463c3d,#423839,#4a3e40,#524444,#5e4d4d,#74605f,#96817f,#998682,#7c6965,#95817a,#806d63,#ab9a90,#98857c,#9a867f,#9b817d,#977a76,#947677,#a9898c,#907677,#7f6567,#937e7b,#9a8d84,#aa9a8f,#816f66,#a5978d,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //42
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#2a2622,#312927,#372f2d,#2c2624,#1e1b16,#191611,#191611,#2a2422,#2c2524,#3c3636,#3a3233,#423839,#433535,#6c5c5c,#786765,#897872,#8d7b75,#7a6761,#78655e,#8f7f77,#a19086,#8a7770,#8e7a73,#a7928d,#927c78,#8f7a77,#826d6c,#655352,#7c6a66,#938278,#98877f,#84776c,#897e79,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //43
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#342b28,#322828,#332d2b,#1b1813,#18150d,#161409,#1c1612,#28231f,#2b2624,#3d3737,#2d2729,#463d3d,#483d3b,#6d5f5e,#766664,#645452,#70615d,#6b5c58,#716360,#6d5d55,#9c8a80,#89756c,#9c8881,#a6938d,#b3a29b,#ad9994,#8e7b75,#96817d,#b4a199,#938279,#6d645e,#5f5c5d,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //44
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#302b28,#362c2b,#3a3331,#1a1712,#131009,#100d04,#1a1510,#1e1914,#140f0b,#1d1815,#282320,#302b28,#393230,#443a39,#493c3c,#534747,#615654,#736665,#675a5a,#594d4c,#796966,#72615b,#877571,#9c8984,#a99891,#a08d87,#af9c96,#b39e99,#aa9790,#9e8e85,#565050,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //45
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#332f2c,#352c29,#302b27,#191712,#131009,#131009,#15120b,#0f0c05,#15130c,#18130f,#201a18,#23201d,#201e19,#403635,#433938,#463c3c,#4f4544,#605655,#574f4d,#4c4140,#655957,#685a58,#796865,#8f7d7b,#ac9a99,#8e7c78,#a3938e,#8d7a72,#a9968d,#988884,#383735,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //46
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#1e1d19,#332b28,#312a26,#1f1a12,#1b170e,#1c1711,#17120c,#100b05,#0b0801,#100d08,#17130f,#1e1915,#1c1711,#221b18,#302625,#473d3c,#4d4342,#3f3836,#534e4b,#4a403f,#605554,#544747,#534544,#6f5f5f,#6a5b58,#9b8984,#87746f,#7e6c69,#8a7874,#837673,#2e2e2a,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //47
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#362f2c,#342a29,#211a12,#201b14,#231e19,#17140d,#130e06,#0d0a01,#0a0902,#120d08,#130e0a,#14110a,#211914,#1d140f,#3e3332,#3b3130,#403937,#2c2723,#3e3633,#312726,#413b3b,#685f60,#594f4e,#706261,#948381,#9d8887,#958483,#877774,#746c6b,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //48
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#332b28,#362c2b,#2b231e,#25201b,#221d1a,#2b2622,#1f1812,#1b150d,#0f0a04,#130e08,#0d0802,#0d0a03,#1a130b,#1b120a,#271e19,#342a28,#1e1814,#211c18,#120d06,#1c1713,#27221f,#3e383a,#362f31,#40373a,#685b5d,#655756,#5a4f4e,#4d4644,#3b3736,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //49
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#382f2c,#3b3130,#382e2d,#322928,#3d3433,#302726,#362c2b,#251b1a,#231a14,#150f08,#100b05,#0f0b03,#120902,#150d03,#160d07,#201612,#17110b,#16110b,#0b0801,#100c04,#0d0a03,#120e0a,#1b1813,#1c1616,#342f2e,#37302d,#2a2522,#1c1c1a,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //50
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#38312f,#3b3130,#493f3e,#3f3534,#3e3433,#403635,#382e2d,#4c4442,#2c2420,#2d221d,#1a1108,#1b130a,#140b03,#160d04,#231a13,#231911,#171109,#231e18,#201d16,#080400,#080502,#090601,#100d08,#120f08,#0e0b04,#060803,#0b0c08,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //51
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#342e2c,#413736,#3b3130,#433938,#483e3d,#3f3536,#5d5151,#3f3635,#3b3432,#332928,#281f1a,#251c17,#20180c,#1f160f,#211811,#1e150e,#1c130c,#171108,#171007,#181108,#0f0c02,#100d04,#110e07,#0d0a02,#0a0904,#0b0c09,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //52
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#342e2b,#3f3534,#463c3b,#463c3b,#423837,#5c5050,#6a5d5c,#473b3b,#534948,#524847,#403634,#362d29,#261e14,#20180f,#1f160d,#20180d,#1c1409,#1d140b,#1a1309,#161006,#1a160b,#161408,#1a170f,#131009,#0f0e09,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //53
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#3b3331,#3c3130,#4f4443,#524746,#4e4342,#574949,#726463,#5f5251,#6a5f5d,#5a4f4d,#665a5a,#473a39,#453a38,#382f2a,#342b28,#261d1a,#211811,#1a110a,#1b140a,#191309,#171108,#1a150a,#131008,#17150f,#2f302b,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //54
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#23211d,#3b3231,#3d3332,#493d3d,#504444,#584c4c,#625454,#706261,#6b5d5c,#655756,#655754,#7b6d6b,#706261,#645956,#493f3d,#514746,#423837,#3b312f,#2c231d,#2c251d,#1b170d,#1a170e,#232019,#25201c,#332e2a,#302f2b,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //55
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#403b38,#3f3534,#403635,#514545,#514545,#615454,#675959,#6e605d,#776967,#635552,#7b6c68,#746560,#665855,#625754,#534844,#645858,#594e4d,#564b4b,#4d4343,#584e4d,#453b3a,#463d3d,#4b4341,#5b5251,#544a49,#2c2b27,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //56
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#403937,#473e3d,#3f3534,#483e3d,#584c4c,#5c4f4e,#645454,#6b5c59,#7b6c68,#7e6f6c,#665752,#6b5c54,#786962,#6d5d56,#6b5c57,#70615f,#5c4e4d,#726564,#615453,#6f6462,#7b706e,#685f5b,#726866,#5b5150,#584e4d,#5b504f,#2d2a27,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //57
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#4b4241,#635452,#544946,#443a37,#453b3c,#5a4d4d,#615151,#705f5c,#7c6b67,#7b6b64,#71625b,#85766f,#7f6d68,#94837c,#88756e,#705f58,#746562,#6f625c,#7d6f6c,#726463,#7a6c6b,#7d716f,#655a55,#685e5c,#776d6b,#6e6361,#6a5f5d,#4d4946,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //58
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#564b49,#71645c,#857469,#7d6f67,#55484a,#403434,#584a49,#6a5a5a,#6c5a56,#796861,#83726b,#86756e,#94837c,#7e6c68,#706058,#75625b,#786760,#806f6d,#726461,#786a66,#6a5c5b,#7e706f,#695e5c,#7d7371,#796f6d,#7b706c,#695e5a,#6d6359,#5e5954,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //59
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#6d635c,#806f65,#8f7f72,#9e8e80,#918175,#71615a,#564847,#574b47,#645552,#75665e,#7e6d67,#85736e,#928179,#8b7a72,#86756d,#77665f,#928079,#96857d,#94837b,#877770,#877873,#6a5c59,#756964,#6b605e,#6b625e,#7a706d,#7e726e,#6d5f5b,#85776d,#797067,#25252b,#131416,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //60
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#1c1d1f,#545150,#7e6e69,#94817b,#968476,#a29084,#a49286,#a09083,#8b7a6f,#76685e,#544645,#716260,#72605e,#7f6d69,#86756e,#8d7c73,#95847a,#99887e,#8f7e76,#96857d,#95847c,#8a796f,#8c7b73,#83746d,#81746f,#776965,#6c615d,#918683,#847975,#877b74,#786b62,#8d7f75,#91847a,#1e1f21,#181b20,#1b1d20,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //61
  $bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,#202328,#1b1e23,#1a1f22,#1f1d23,#363131,#a2978e,#aa9d8e,#aea093,#a8998c,#9e8d82,#88796e,#665752,#7b6a63,#7e6c66,#82716a,#897870,#938278,#9a897f,#a7968a,#a39288,#a5948c,#a19088,#a59489,#8e7d73,#8a7d73,#90837d,#847572,#8b7d79,#948783,#91847d,#958880,#988a7f,#97897c,#9a8c80,#272628,#20242b,#1b1e24,#1b1e22,#1c1c1d,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //62
  $bg-color,$bg-color,$bg-color,$bg-color,#161719,#16171b,#14181b,#1d2024,#1e2126,#191c23,#1c2025,#232628,#272320,#b3a89d,#aea194,#ab998b,#a18f85,#837068,#87766c,#88776e,#8c7b71,#8c7b71,#928076,#9d8b81,#a08f85,#a7968d,#ac9b91,#b09f95,#ae9d93,#a6958b,#9f8d81,#8c7a71,#93847c,#998c83,#90827a,#9c8f84,#a19388,#a19285,#97887c,#9a8d7d,#23221f,#1d2123,#1e2128,#181b20,#1d1f24,#17191e,#16191a,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
  //63
  $bg-color,$bg-color,$bg-color,#1a1e1f,#181c1f,#121619,#171b1b,#0f1313,#202226,#1e2225,#1e2025,#1d1f26,#1a1f22,#191c1c,#282423,#a8a097,#a5978d,#96887b,#938376,#968679,#968679,#958579,#96857b,#9d8c82,#a49389,#aa998f,#af9f93,#af9e92,#ac988f,#ad9a91,#a8978e,#a6958c,#9f9186,#998d81,#9d9085,#9e9084,#a19285,#a59588,#a19285,#9c8f7e,#282625,#1f2127,#191c21,#1d2025,#1a1d21,#1b1f22,#1b1f23,#1e1f22,#151617,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,$bg-color,
);

html,
body {
  width: 100%;
  height: 100%;
  background: $bg-color;
  display: flex;
  justify-content: center;
  align-items: center;
}

.avatar {
  width: 80vmin;
  height: 80vmin;
  display: grid;
  grid-template-columns: repeat(63, 1fr);

  .pixel {
    width: auto;
    height: 1.27vmin;
  }

  @for $index from 1 through length($pixel-colors) {
    .pixel-#{$index} {
      background: nth($pixel-colors, $index);
    }
  }
}

              
            
!

JS

              
                
              
            
!
999px

Console