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.
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.
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.
The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.
CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.
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.
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).
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.
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.
JavaScript preprocessors can help make authoring JavaScript easier and more convenient.
Babel includes JSX processing.
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.
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.
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.
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.
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="800px"
height="500px" viewBox="0 0 800 600">
<g id="Layer_2">
<rect y="-1.5" fill="#663F2E" width="800" height="602.9"/>
</g>
<g id="ghandi">
<polygon fill="#C9976C" points="363.6,153.3 380.4,172.3 382.8,174 373.8,128.2 "/>
<polygon fill="#D49B6E" points="434.7,158.3 399.8,170 371.8,127.8 "/>
<polygon fill="#C28751" points="314.4,155.8 354.8,180.2 365.7,152.8 325.1,136.2 "/>
<polygon fill="#D3833F" points="491.5,123.3 513.4,147.3 509.8,124.5 "/>
<polygon fill="#CC853E" points="373.7,129.5 421.2,106.5 388.6,105.4 "/>
<polygon fill="#BE8557" points="382.8,174 354.8,179 364.7,151.8 "/>
<polygon fill="#CB9454" points="314.4,108.1 295.4,141.1 316,155.9 338.5,122.8 "/>
<polygon fill="#CD8F52" points="388.6,106 373.7,132.8 334.7,125.4 362.5,104.8 "/>
<polygon fill="#C88C4C" points="328.2,94 314.4,108.1 338,123.7 364.7,105.3 "/>
<polygon fill="#CC8752" points="480.2,138 474.6,162.8 431.2,161 372.2,128.5 "/>
<polygon fill="#D28339" points="475,161.2 513.7,169.1 513.8,146 476.5,139.1 "/>
<polygon fill="#D48F4E" points="513.4,147.2 477.2,142.2 466.9,117.2 492.4,123.8 "/>
<polygon fill="#BC742B" points="422.4,57.8 434.7,88.3 483.2,103.6 498.6,95.8 491.6,80.1 458.6,65.2 "/>
<polygon fill="#C48341" points="327.6,94.2 360.8,109 388.6,108 410.5,85.1 383.6,64.6 357.3,76.2 "/>
<polygon fill="#C07F35" points="422.4,57.8 403.4,58.6 383.6,64.4 404.5,87 436.5,88 "/>
<polygon fill="#BE6D27" points="491.6,80.1 532,113.9 532.8,124.6 509.7,126.2 497.4,95.7 "/>
<polygon fill="#C78D5A" points="373.7,129.5 364.7,153.4 326,142.3 325.8,135.3 336.7,122.9 "/>
<polygon fill="#D08C41" points="388.6,106 421.8,107.2 439.5,88 406.5,82 "/>
<polygon fill="#D2873F" points="481.6,101 491.7,123.6 509.7,125.9 497.4,95.4 "/>
<polygon fill="#BA621C" points="532,113.9 546,133.6 551.8,174.9 530.3,146 "/>
<polygon fill="#C06B27" points="533,124 530.3,146 512.2,145.8 509.7,126.1 "/>
<polygon fill="#D69149" points="419.1,106.4 493.4,124.8 482.5,101 436.5,88 "/>
<polygon fill="#D28A4D" points="419.1,105.9 422,109.5 453.2,127.1 477.9,140.1 481,140.5 466.8,116.1 "/>
<polygon fill="#D68C43" points="479.2,140.2 373.7,129.5 419.1,106.4 "/>
<polygon fill="#C26722" points="512.2,145.8 543,188 553,175 529.7,144.8 "/>
<polygon fill="#C26619" points="542.7,186.4 513,167.4 513.4,146.2 "/>
<polygon fill="#C99066" points="380.5,173.5 403.5,169 373.7,129.5 "/>
<polygon fill="#BD7231" points="291,269.6 291.7,284.1 290.1,298.1 287.8,305.7 285,304.1 283.5,293.3 284.9,281.2 "/>
<polygon fill="#682F00" points="284.7,281.2 291,269.6 291,258.1 276.9,263 "/>
<polygon fill="#300205" points="251.1,240.6 257.6,233.9 270,239.8 276.5,262.8 270,257 267.5,246.4 259.2,243.1 "/>
<polygon fill="#641C07" points="247.9,276.8 240.2,267 240.2,252.9 251.5,240.6 259.2,243.1 250.1,252.9 "/>
<polygon fill="#862A14" points="257.6,233.9 249.4,230.6 240.4,252.9 "/>
<polygon fill="#6E2608" points="267.5,246.4 259.2,256.1 270,257 "/>
<polygon fill="#390800" points="276.8,263 256.9,267.9 256,280.1 269.1,295 270,276.6 277.4,293.8 283.5,293.3 284.7,281.2 "/>
<polygon fill="#AD5F26" points="291.3,258.2 291.5,245.7 278.5,229.7 268.8,224.8 279,240.2 270,239.8 276.5,263 "/>
<polygon fill="#BC6D3C" points="240.2,267 237.8,245.8 244.8,231.6 254.8,223.6 268.8,224.8 279,240.2 270,239.8 249.2,231
240.2,252.9 "/>
<polygon fill="#B2793F" points="259.2,243.1 267.5,246.4 259.2,256.1 250.1,252.9 "/>
<polygon fill="#77340B" points="270,257 276.8,263 256.9,267.9 259.2,256.1 "/>
<polygon fill="#B88650" points="250.1,252.9 259.2,256.1 256,280.1 247.9,276.8 "/>
<polygon fill="#A86836" points="283.5,293.3 285,304.1 266.4,299.8 256,280.2 269.1,295 270,276.6 277.4,293.8 "/>
<path fill="none" d="M241.4,267"/>
<polygon fill="#B27545" points="240.2,267 241.9,274 247.6,291.5 251.9,292.1 247.9,276.8 "/>
<path fill="#7C3D07" d="M297.2,337.9l-11.1-0.1c-1.9-2-7.1-8.1-7.1-8.1l-15.5-2.7l4,9.9l10.8,8.9l20-0.5L297.2,337.9z"/>
<polygon fill="#9A411A" points="295.1,324.6 297.3,338 286.1,337.9 "/>
<polygon fill="#722704" points="290.5,307 289.5,314.8 280.9,320.2 285.9,322.8 295.1,324.8 298,308.5 "/>
<polygon fill="#C47942" points="285,304.1 290.5,307 289.5,314.8 266.4,299.5 "/>
<polygon fill="#D4935D" points="247.6,291.5 249.6,300.8 258.6,318.8 260.6,322.4 263.5,327 279,329.6 286.1,337.9 295.1,324.8
285.9,322.8 280.9,320.2 274,315 268.5,315.6 255.9,302 251.9,292.1 "/>
<polygon fill="#631E00" points="250.8,277.9 247.9,276.8 251.9,292.1 255.9,302 268.5,315.6 274,315 280.9,320.2 287,316.5
278.8,313.8 274.5,308.5 267.2,308 254.1,293 "/>
<polygon fill="#D7A268" points="289.7,314.8 287,316.5 278.8,313.8 274.5,308.5 267.2,308 254.1,293 250.7,277.9 256,280.1
266.4,299.5 "/>
<polygon fill="#9E501B" points="298,308.5 296.3,288.2 291.7,284.1 290.1,298.1 285.7,304.4 290.4,307 "/>
<polygon fill="#AE6933" points="374,201.8 376.2,235.3 356,244.3 342.3,219.5 "/>
<polygon fill="#CC853E" points="295.6,140.5 291.9,149.4 298.5,180.8 316,155.5 "/>
<polygon fill="#B87A38" points="355.2,178.7 334.2,196.2 316,155.9 "/>
<polygon fill="#CC8E48" points="298.4,180.6 307.5,200.4 334.7,195.5 315.9,154.1 "/>
<polygon fill="#A06129" points="333.8,195.8 343.5,220 374,202.9 374,186.4 354.6,179 "/>
<polygon fill="#A76723" points="307.8,200.4 301.2,232.5 324.5,235.2 344.2,219.5 334.8,194.8 "/>
<polygon fill="#B77B41" points="324.3,234.2 319.8,261.8 302,246.6 301.2,232.5 "/>
<polygon fill="#BB8248" points="316.9,275 320,265.5 302,246.6 291.5,245.7 "/>
<polygon fill="#A56835" points="324.3,234.2 346.5,251.3 356.4,243.3 343.1,219.4 "/>
<polygon fill="#C3864C" points="319.8,261.8 334.2,274.8 347.5,251.2 324,232.8 "/>
<polygon fill="#C78746" points="318.9,264.5 331,278.5 331,295.2 316.8,275 "/>
<path fill="#A24E14" d="M446.1,223.5l17.9,3.1l19.5-4.7l1.6,7.2l-22.4,4.3l-13.6-3.1L446.1,223.5z"/>
<polygon fill="#8E3F12" points="449.1,230.3 446.8,223 423.8,213 408.4,209.9 387.7,211.2 408.1,214 415.4,217.8 "/>
<polygon fill="#6B2C05" points="444.8,241.4 448.8,243.2 449.8,252.5 441.8,260.3 436.2,255.4 "/>
<polygon fill="#7F3A14" points="459,243.9 456,255.2 449.5,252.5 448.5,242.8 "/>
<polygon fill="#873C0F" points="478.9,255.8 474.8,268.2 466.9,268.7 454.9,255.2 458.8,243.8 470.6,241.2 477.8,242.1 "/>
<polygon fill="#AD5C2B" points="483.1,229 470.8,241.7 459,243.9 448.5,243.8 444.4,241.6 415.2,217.3 448.8,229.6 462.5,232.6
"/>
<path fill="#AE602E" d="M518,230.9V250l-24.5,0.6l-14.9,5.5l-1.1-13.5l17.4-9L518,230.9z"/>
<polygon fill="#B35610" points="544.3,229 546.4,248 526.1,232.6 "/>
<polygon fill="#A44914" points="527.6,232.5 495.5,234 477.6,242.6 469.8,242.1 483.1,229 482.5,222.9 510.5,226.1 "/>
<polygon fill="#943F07" points="456.6,212.4 467.7,214.8 480.1,211.7 507.9,211.6 538.8,198.1 510.9,202.1 478.8,208.6 "/>
<polygon fill="#C98343" points="509,211 482.5,222.9 480.1,211.7 "/>
<polygon fill="#AB5A22" points="468,214.6 464.4,227 445.8,223.8 456.4,212 "/>
<polygon fill="#BE6F2F" points="480.1,211.6 482.8,223.1 463.4,227.2 467.5,214.4 "/>
<polygon fill="#BB7A4B" points="389.4,235.8 410.6,242.4 415.8,217.2 408.4,213.6 388.2,210.4 "/>
<polygon fill="#BF8356" points="405.2,194 408.4,210.2 388.2,212.3 387.7,194 "/>
<polygon fill="#CE996A" points="404.6,194.4 419.5,180.2 401.4,180.4 "/>
<polygon fill="#A75C28" points="429.2,200.6 457.2,213 479.2,209 466.8,194.6 437.5,197.8 "/>
<polygon fill="#BB7648" points="456.6,212.4 446.1,223.5 423.5,213.6 408.2,210.4 403.8,193.9 430.1,200.2 "/>
<polygon fill="#B87943" points="373.9,204 388.6,195 405,195 400.1,169.4 382.5,170.5 354.8,179 373.5,186.9 "/>
<polygon fill="#C48B5F" points="434.5,157.8 437.7,180.3 401.6,180.8 400.1,169.1 "/>
<polygon fill="#B67748" points="467.9,194.6 438,198.1 414.5,184.3 438.6,185.8 "/>
<polygon fill="#CC8854" points="475.1,160.8 476.2,173.5 468.3,185.2 436.8,180.2 433.5,157.5 "/>
<polygon fill="#9B4B1C" points="468.4,184.6 467.1,194.6 438.6,185.9 414.5,184.4 419.1,180.4 437.2,179.2 "/>
<polygon fill="#B36227" points="516.2,188.9 511,202.7 478.8,208.8 466.8,194.6 479.8,196 500.5,189.4 "/>
<polygon fill="#A25416" points="466.8,194.6 479.6,196.8 501.1,190 516.5,189.5 475.4,172.7 468,184.9 "/>
<polygon fill="#C67B32" points="513.4,166.2 516.5,189.5 474.9,173.6 474.5,160.1 "/>
<polygon fill="#C57226" points="542.7,186.4 538.8,198.1 515.9,189.5 512,166 514.9,166.2 "/>
<polygon fill="#9F5A30" points="404.6,194.4 430,200.6 438,198.1 414.5,184.3 "/>
<polygon fill="#C67536" points="539.4,198 510.8,202.8 516,189.2 "/>
<polygon fill="#B97343" points="375.5,234.8 390.5,235.5 388.6,194.8 373.2,203.5 "/>
<polygon fill="#CC792F" points="538.8,198.1 529.5,216.7 507,211.4 "/>
<path fill="#C56E20" d="M529.5,216.7c0,0-17.3,9.9-19.2,9.9c-1.9,0-27.8-3.7-27.8-3.7l25.3-11.7L529.5,216.7z"/>
<polygon fill="#BA6218" points="538.8,198.1 544.4,229.3 527,232.7 510.3,226.6 529.5,216.7 "/>
<polygon fill="#AE6434" points="410.2,242 436.8,255.6 444.8,241.4 415.3,217.1 "/>
<polygon fill="#CD6B1A" points="546.2,247.6 543.7,260.6 529.1,249.9 518,250 518,232.7 526.8,232.6 "/>
<polygon fill="#6B2E14" points="449.1,267.4 459.7,276.6 470.5,275.4 474.5,268 467.1,268.6 455.3,255 "/>
<polygon fill="#703519" points="441.7,259.9 449.1,267.4 453.5,259.9 455.4,254.6 449.5,252.5 "/>
<polygon fill="#591E07" points="449.1,267.4 434.9,264.9 441.7,259.9 "/>
<polygon fill="#78411B" points="389.8,235.2 417,253.8 434.7,265.5 441.7,259.9 437,255.4 410.3,241.8 "/>
<polygon fill="#8E4511" points="375.5,234.8 354.9,256.1 351.9,265.2 375.6,251.4 388,250.1 434.9,265.3 390.4,235.2 "/>
<polygon fill="#4D1900" points="410.2,265.5 375.6,251.3 352.1,264.9 346.5,267.4 342.2,264.9 354,272.3 360.8,270.5 362,262.4
367.6,266.1 379.9,263.7 394.1,267.4 "/>
<polygon fill="#230406" points="449.1,267.4 441.7,277.9 432.5,277.3 431.8,283.4 417.6,271.1 410.2,265.5 375.6,251.3 388,250.1
434.9,264.9 "/>
<polygon fill="#220006" points="342.2,264.9 346.5,272.3 352.7,275.4 352.1,279.1 342.2,277.9 346.5,281.6 357.7,279.7
365.7,277.3 372.5,269.8 394.1,267.4 379.9,263.7 367.6,266.1 362,262.4 360.8,270.5 354,272.3 "/>
<polygon fill="#A4591B" points="333,274 342.2,277.9 352.1,279.1 352.7,275.4 346.5,272.3 342.2,264.9 346.5,267.4 352.1,264.9
355.2,256.2 375.5,234.8 356.2,242.3 345.3,249.8 "/>
<polygon fill="#895F3A" points="360.8,295.8 364.5,287.8 358.3,283.4 349,289.6 "/>
<polygon fill="#6F3D14" points="365.7,277.3 369.4,281.6 364.5,287.8 358.3,283.4 349,289.6 333.6,274.2 342.2,277.9 346.5,281.6
"/>
<polygon fill="#270B00" points="394.1,267.4 377.4,273.5 369.4,281.6 365.7,277.3 372.5,269.8 "/>
<polygon fill="#1D0700" points="417.6,271.1 394.1,267.4 410.2,265.5 "/>
<polygon fill="#55210C" points="441.7,277.9 454.6,279.3 467.7,280.3 470.5,275.4 459.7,276.6 449.1,267.4 "/>
<polygon fill="#A44C15" points="563.5,251.1 543,230.1 537.8,198.1 542.1,198.5 564.7,226.8 "/>
<polygon fill="#B55B18" points="546,133.6 560.8,179 562.5,212.8 550.2,174.5 "/>
<polygon fill="#B85714" points="542.7,186.4 562.5,212.8 551.8,174.9 "/>
<polygon fill="#AE5013" points="562.5,212.4 564.7,227.8 538.8,198.1 542.7,186.1 "/>
<polygon fill="#953E10" points="563.5,250.1 561.6,261.8 555.1,269.7 551.1,262.6 552.2,237.4 "/>
<polygon fill="#934008" points="543.7,260.6 548.7,274.2 551.8,262.4 552.4,237 542.9,229.1 546.2,247.6 "/>
<polygon fill="#66320D" points="563.5,250.1 564.2,267.4 555,279.1 555,269.2 561.1,261.8 "/>
<polygon fill="#3C130D" points="480.4,273.6 486.2,265 535.1,265 528.2,268.7 498.4,270.6 483.5,281.9 "/>
<polygon fill="#672709" points="474.5,268 480.7,273.5 486.2,264.9 478.6,255.3 "/>
<polygon fill="#4D1605" points="545.6,279.7 533.8,273.9 528.2,268.7 535.1,265 "/>
<polygon fill="#8E4511" points="528.9,249.5 535.1,265 486.2,265 478.8,255.7 493.6,250.1 "/>
<polygon fill="#270707" points="474.5,268 467.7,280.3 480.7,273.5 "/>
<polygon fill="#190605" points="470.2,298.9 464.6,289 467.7,280.3 480.7,273.5 483.8,281.6 477.6,297 "/>
<polygon fill="#A35623" points="534.8,265.2 545.6,279.7 548.7,274.2 543.1,258.1 528.9,249.4 "/>
<polygon fill="#A24913" points="555,269.2 555,279.1 543.2,297.6 541,292.7 543.6,288.4 545.5,279.7 548.6,274.2 551.2,262.4 "/>
<polygon fill="#170907" points="483.5,281.9 498.4,270.6 528.2,268.7 533.8,273.9 522.7,281 506,281 493,285.3 482.5,293.3
477.6,297 "/>
<polygon fill="#512308" points="522.7,281 535.1,286.5 541.2,292.7 543.7,288.4 545.6,279.7 533.8,273.9 "/>
<polygon fill="#90420D" points="544.5,299.9 546.8,312.5 550.5,312 564.7,267.9 "/>
<polygon fill="#DB965B" points="560.8,179 565.3,193.8 566.6,200.6 571.5,206.2 574.6,215.4 565.3,209.9 562.5,212.8 "/>
<polygon fill="#D28B51" points="564.5,227.9 563.2,250 568.6,250.8 570.9,245.1 569.1,240.2 572.1,237.7 568.4,232.1 576.5,230.3
572.1,222.2 574.5,215 565.1,209 562.1,211.9 "/>
<polygon fill="#B78C5D" points="569.1,249 564.2,267.4 563.2,249 "/>
<polygon fill="#3E1301" points="477.6,297 475.1,303.8 470.2,298.9 "/>
<polygon fill="#96704F" points="347.8,293.3 302,246.6 349,289.6 "/>
<polygon fill="#3B2A1E" points="360.4,295.7 349,289.6 347.5,293.8 354,300.5 360,300.7 "/>
<polygon fill="#3C1F0D" points="436.8,301.6 434.8,304.7 444.2,305 466.5,304.1 472.6,312 475.1,303.9 470.2,298.9 465.2,299.5
449.1,296.6 "/>
<polygon fill="#3E230D" points="546.8,312.5 543.7,319.7 551.1,318.7 554.8,316.8 555.5,310 549.9,311.9 "/>
<polygon fill="#EB904E" points="582.7,254.4 572.8,255 564.7,267.4 569.1,275.4 575.2,269.8 581.4,263 "/>
<polygon fill="#C75F2E" points="588.8,260.6 589.5,267.4 581.4,263 582.7,254.4 "/>
<polygon fill="#A74C0A" points="577.7,269.2 589.5,267.4 581.4,263 "/>
<polygon fill="#993204" points="569.1,275.4 557.3,289 564.7,267.4 "/>
<polygon fill="#5A170A" points="589.5,267.4 586.4,279.7 576.5,296.4 577.7,269.2 "/>
<polygon fill="#531002" points="557.3,289 570.9,290.2 575.2,269.8 569.1,275.4 "/>
<polygon fill="#400704" points="549.9,311.9 555.5,310 564.7,308.8 568.4,295.8 557.3,289 "/>
<polygon fill="#61210A" points="575.2,269.8 570.9,290.2 557.3,289 568.4,295.8 564.7,308.8 570.9,310.6 576.5,296.4 577.7,269.2
"/>
<polygon fill="#E59042" points="550.5,328.6 562.3,318 564.7,308.8 570.9,310.6 567.2,320.5 556.7,331 546.8,336 "/>
<polygon fill="#8B370A" points="555.5,310 554.8,316.8 551.1,318 550.5,328.6 562.3,318 564.7,308.8 "/>
<polygon fill="#862A03" points="556.5,332.5 549.9,348.3 545.6,340.9 546.8,336 556.7,331 "/>
<polygon fill="#8F3609" points="538.2,359.5 547.4,357 549.9,348.3 545.6,340.9 535.7,357.6 "/>
<polygon fill="#AA5311" points="543.7,319.7 538,330.2 550.5,330 551.1,318.7 "/>
<polygon fill="#9B3F0F" points="531.2,335.8 545.6,341.5 550.5,330 538.2,330 "/>
<polygon fill="#7D2600" points="524.2,339.7 535.7,357.6 545.6,340.9 531.4,335.4 "/>
<polygon fill="#541502" points="539.4,359.5 536.9,366.3 529.5,370 504.2,368.4 485.3,348.3 500.2,347.7 514,358.5 535.7,357.6
"/>
<polygon fill="#923005" points="524.2,339.7 514.4,347.4 535.7,357.6 "/>
<polygon fill="#742101" points="500.2,347.7 514.4,347.4 535.7,357.6 514,358.5 "/>
<polygon fill="#380602" points="485.3,348.3 478.2,346.2 472.3,339.7 474.5,332.3 491.8,343 513.7,344 524.2,339.7 514.4,347.4
"/>
<polygon fill="#381108" points="547.4,357 536.9,366.3 538.4,359.1 "/>
<polygon fill="#3E0E04" points="525.2,377.1 536.9,366.3 529.5,368.7 504.2,367.2 485.3,347.1 477.8,345.9 481.9,353 481.3,357.6
490.6,366.9 498.9,374.6 509.7,376.8 "/>
<polygon fill="#C06D2C" points="481.3,358.8 470.8,345.2 472.3,339.7 478.2,346.2 481.9,353 "/>
<polygon fill="#8F4112" points="354.9,303.1 334.7,311.8 333,316.5 325,322.4 324.5,309.7 347.3,295.5 "/>
<polygon fill="#814D2C" points="344.7,433 337.9,404 341.6,375.5 326.1,354.5 336,415.1 "/>
<polygon fill="#663B28" points="349,366.9 349.6,374.3 341.6,375.5 326.1,354.5 340.4,353.3 "/>
<polygon fill="#924F1D" points="342.1,289.3 331,295.2 331,278.5 "/>
<polygon fill="#B56F36" points="348.4,296.4 324.8,310.2 329.9,303.2 327.7,296.4 342,289.2 "/>
<polygon fill="#A55B2C" points="361.1,303 361.3,311.3 353,315.8 343.7,323.5 325.3,354.3 324.2,321.7 332.4,316.2 333.2,311
353.3,301.4 "/>
<polygon fill="#995A2E" points="340.4,353.3 342.8,323 326,347 326.1,354.5 "/>
<polygon fill="#9D6435" points="355.5,381.7 348.4,399.6 337.9,404 341.6,375.5 349.6,374.3 349,366.9 358.9,374.9 "/>
<polygon fill="#8E694D" points="366,448.5 344.8,433 338,403 348.4,398.6 350.4,430.5 366,444.1 "/>
<polygon fill="#7A5035" points="365.1,447.6 391,466.1 375.6,449.1 "/>
<polygon fill="#8E663F" points="310.1,386 311,397.8 308.2,403.7 307.6,377.1 "/>
<polygon fill="#A87950" points="310.1,386 311,397.8 308.2,403.7 309.1,421.3 316.3,424.1 323.1,406.7 "/>
<polygon fill="#8E5C2F" points="331.1,419.4 317.5,441.7 309.1,421.3 316.3,424.1 323.1,406.7 "/>
<polygon fill="#905A2A" points="344.7,433 334.2,461.8 325.8,454.3 317.5,441.7 331.1,419.4 "/>
<polygon fill="#451B0C" points="395.4,481.2 403.7,469.8 431.1,473.3 431.2,482.5 "/>
<polygon fill="#6E2B01" points="473.6,454.1 459.7,521 449.1,521 452.9,469.6 461.8,464.6 "/>
<polygon fill="#5F270A" points="431.2,482.5 431.8,520.8 443,521.4 446.1,497.3 443,475.7 440.4,472.8 431.1,473.3 "/>
<polygon fill="#7C3304" points="452.9,468.9 449.1,519.5 443,521.4 446.1,497.3 443,475.7 440.4,472.8 "/>
<polygon fill="#4F1F09" points="431.2,482.5 403.4,492.4 395.4,481.2 "/>
<polygon fill="#612E13" points="431.8,520.8 413.9,519.5 403.4,492.4 431.2,482.5 "/>
<polygon fill="#4A1909" points="395.4,481.2 396,500.4 403.4,519 414.5,520.1 403.4,492.4 "/>
<polygon fill="#562302" points="334.2,462.1 345.9,475.8 349,497.8 360.1,521 354,521 346.5,498.6 "/>
<polygon fill="#6D3E22" points="344.7,432.8 370,470.7 403.7,469.8 391,466.1 366.2,448.2 "/>
<polygon fill="#7E4419" points="345.9,475.8 370,470.7 344.7,433 334.2,462.1 "/>
<polygon fill="#76461E" points="396,500.4 383.6,489.9 370,470.7 403.7,469.8 395.4,481.2 "/>
<polygon fill="#723E20" points="345.9,475.8 383.6,489.9 370,470.7 "/>
<polygon fill="#4D1404" points="396.4,500.6 382.1,519 403.4,519 "/>
<polygon fill="#814E2C" points="349,497.1 383.6,489.9 346,475.8 "/>
<polygon fill="#703D16" points="359.2,519.6 383,518.3 396,500.4 383.6,489.9 349,497.1 "/>
<polygon fill="#A2785F" points="487.8,443.2 491.8,498.5 473.3,472.6 476.3,455.3 473.6,453.4 478.2,450 "/>
<polygon fill="#CEAD99" points="473.3,472.6 468.3,508.4 466,522.7 490,502.7 491.8,498.5 "/>
<polygon fill="#260700" points="459.7,519.5 467.1,522 476.3,455.3 473.6,453.4 "/>
<polygon fill="#FAE8D1" points="533.6,518.2 490.6,533.2 490.8,497.7 "/>
<polygon fill="#DFC9AC" points="506.6,428.1 520.2,441.7 507.5,459.1 "/>
<path fill="#FDECD3" d="M502.9,419.4l3.7,8.7c0,0,1.2,27.8,1.2,29.7s-16.1,40.8-16.1,40.8l-3.9-55.6L502.9,419.4z"/>
<polygon fill="#F4E3CA" points="536.9,454 520.2,441.7 507.9,457.7 491.2,498.5 532,517.7 "/>
<polygon fill="#F7E5CF" points="551.5,466.5 535.8,454.7 530.2,518.5 540.3,519 "/>
<polygon fill="#FAEAD5" points="549.8,464.2 575.9,483.1 556.7,532.5 538.2,529.4 538.2,519.3 "/>
<polygon fill="#F9ECDB" points="617.9,515.8 608,528.8 574,538.7 555.8,532.1 574.5,482.6 608.6,508.4 "/>
<polygon fill="#F8FAF6" points="234.8,420.5 211.1,434.1 248.3,449 "/>
<polygon fill="#FEFFFF" points="245.6,447.2 290.3,475.7 269.6,450.3 "/>
<polygon fill="#F1F4F0" points="211.5,433.9 201.1,432.5 191.3,442.4 187.6,452.2 198,457.1 198,444.8 245.2,447.2 "/>
<polygon fill="#E8E7E1" points="292.7,490.8 267.3,485.6 247.8,467.2 292.2,475 "/>
<polygon fill="#FAFCF8" points="197.2,444.5 248.9,468.2 291.6,476.2 245.5,446.5 "/>
<polygon fill="#FBFEFA" points="269.6,402.7 253.2,407.1 264,431.9 333,461.7 334.5,461.8 317.1,440.9 "/>
<polygon fill="#EAF1EB" points="266.8,404.7 282.5,391.3 309.2,419.2 319.3,444.2 "/>
<polygon fill="#ECF3EB" points="305.2,367.6 307.6,377.1 309.1,421.3 281.9,393.5 289.1,386.7 "/>
<path fill="#F9FCF6" d="M233.4,421.3l9.9-12.4l12.2-2.6l10.8,25l66.7,30.4l-63.7-11.4c0,0-22.6-0.6-23.8-3.1
C244.3,444.8,233.4,421.3,233.4,421.3z"/>
<polygon fill="#EBEBE9" points="354.2,520.5 290.4,490.9 290.4,476.7 265.9,448 334.8,461.3 "/>
<polygon fill="#F8F9F7" points="290.3,489.9 342.2,538.1 365.7,543.7 354,519.5 "/>
<polygon fill="#F2E1CE" points="467.3,521.4 462.1,556 436.8,556 442.8,520.8 449.6,518.8 459.9,519 "/>
<polygon fill="#F9F9F8" points="382.5,517.8 390.2,524.7 365.7,543.7 350.8,519.5 "/>
<polygon fill="#EBDBCC" points="444.2,521 441.7,540.8 438.8,555.8 401.3,543.7 388.2,525.2 380.7,517.8 403.4,519 413.9,519.9
431.8,521 "/>
<polygon fill="#FFECD7" points="491.8,498.5 491.2,533.1 461,555.3 465.7,522.2 "/>
<polygon fill="#F9F7F0" points="402.2,543.7 397.8,550.5 365.7,543.7 388.8,524 "/>
<polygon fill="#B97E53" points="343.5,299.5 345.9,305.1 353.3,301.4 348.4,296.4 "/>
<polygon fill="#260202" points="400,350.8 391.7,360.4 397.8,344.9 "/>
<polygon fill="#C49065" points="352.1,314.3 358.3,326.1 365.1,321.8 360.8,310 "/>
<polygon fill="#B06F3E" points="345.9,305.1 352.1,314.3 360.8,310 353.3,301.4 "/>
<polygon fill="#AE6B3E" points="338.7,290.9 343.5,299.5 348.4,296.5 342,289.2 "/>
<polygon fill="#9B5B34" points="371.3,326.1 366.3,327.3 378.7,334.7 389.2,335.4 376.8,331 "/>
<polygon fill="#1B0408" points="392.6,336 407.4,336.6 420.1,326.7 418.2,334.1 409,343.7 400,350.8 397.8,344.9 376.8,340.3
366.9,334.1 363.5,328.2 366.3,327.3 378.7,334.7 "/>
<polygon fill="#784223" points="349,366.9 358.9,374.9 355.5,381.7 356.1,396.2 361.7,380.8 368.8,372.4 357.4,365 345.3,346.5
342.8,323 340.4,353.3 "/>
<polygon fill="#9E4D29" points="366.9,334.1 345.3,346.5 342.8,323 352.1,314.3 358.3,326.1 363.5,328.2 "/>
<polygon fill="#6C2510" points="357.4,365 345.3,346.5 366.9,334.1 376.8,340.3 397.8,344.9 "/>
<polygon fill="#AE6537" points="365.1,321.8 371.3,326.1 363.5,328.2 358.3,326.1 "/>
<polygon fill="#260202" points="397.8,344.9 391.7,360.4 378.4,370.6 368.8,372.4 357.4,365 "/>
<polygon fill="#D8B689" points="292.7,145.7 277.3,179.8 290.4,190 307.8,200.4 298.7,180.6 "/>
<polygon fill="#D8B689" points="276.6,224.4 301.2,232.8 307.8,200.4 304.3,199.2 291.8,210.7 "/>
<polygon fill="#CFB490" points="277.3,179.8 279,224.3 307.8,200.4 "/>
<polygon fill="#DEAE7C" points="301.4,231.8 302,246.6 290.5,236.1 280.3,226.4 279,224.1 "/>
<polygon fill="#CFB490" points="279,224.3 278.5,229.7 291.5,245.7 302,246.6 "/>
<polygon fill="#D8B689" points="295,142.6 284.5,144.5 290.5,145 278,150.5 284.5,152 275.5,155 285,156.5 281,160.5 282,166.5
275.5,170.5 278.3,179.8 293.3,147.5 "/>
<polygon fill="#CFB490" points="276.2,181.8 271.4,183.6 276.4,187.1 275.5,192.5 276,196 274,199 276,207.5 272,213 277,211
276,220 276,224 278.5,229.7 280,224.3 278.3,178.8 "/>
<polygon fill="#B96B37" points="439.3,344.6 449.5,356.4 452.3,373.5 443.8,372.8 429.4,350.8 "/>
<polygon fill="#D29262" points="461.3,329.8 462.2,349.3 449.7,357.8 429.4,350.8 "/>
<polygon fill="#4B1606" points="431.8,283.4 436.2,294.6 449.8,287.1 441.7,277.9 432.5,277.3 "/>
<polygon fill="#843C16" points="449.1,296.4 449.8,287.1 436.2,294.6 436.8,300.7 "/>
<polygon fill="#84360B" points="464.6,289 465.2,299.5 470.2,298.9 "/>
<polygon fill="#8E4B1D" points="449.8,287.1 455.9,285.9 464.6,289 467.7,280.3 441.7,277.9 "/>
<polygon fill="#AF6235" points="449.1,296.4 465.2,299.5 464.6,289 455.9,285.9 449.8,287.1 "/>
<path fill="none" d="M449.8,308.8"/>
<polygon fill="#94450E" points="448.5,304.4 451.6,311.9 442.3,317.4 436.2,329.8 431.8,332.3 424.4,326.7 426.9,339.7
418.2,334.1 420.1,326.7 428.1,318.7 434.3,315.6 436.8,311.2 434.3,307.5 434.9,304.6 439.3,309.4 "/>
<polygon fill="#A75210" points="466.5,303.8 458.4,307.5 465.8,318.7 466.6,314.7 467.7,308.8 "/>
<polygon fill="#98480C" points="474.5,332.3 472.3,339.7 470.8,345.2 467.1,334.7 465.8,318.7 466.6,314.7 "/>
<polygon fill="#964B17" points="451.6,311.9 439.3,332.3 436.2,329.8 442.3,317.4 "/>
<polygon fill="#B68054" points="426.9,339.7 436.2,329.8 431.8,332.3 424.4,326.7 "/>
<polygon fill="#944E1F" points="439.3,332.3 430.6,341.2 429.4,350.8 426.9,339.7 436.2,329.8 "/>
<polygon fill="#81370A" points="418.2,334.1 428,349.8 429.4,350.8 426.9,339.7 "/>
<polygon fill="#56230F" points="472.6,311.9 474.5,332.3 466.6,314.7 467.7,308.8 466.5,303.8 "/>
<polygon fill="#90461E" points="428.1,349.3 417,351.1 409,343.7 418.2,334.1 "/>
<polygon fill="#873A0F" points="418.2,360.7 417,351.1 409,343.7 407.2,351 "/>
<polygon fill="#5A2007" points="405.7,356.9 407.1,350.9 418.2,360.7 425.7,367.8 413.6,363.2 "/>
<polygon fill="#9F5E2D" points="434.3,315.6 436.2,329.8 431.8,332.3 424.4,326.7 428.1,318.7 "/>
<polygon fill="#D38953" points="466.5,303.8 458.4,307.5 465.8,318.7 460.7,331.8 437.9,334.5 451.6,311.9 448.5,304.4 "/>
<polygon fill="#B26E36" points="429.4,350.8 439.3,332.3 430.6,341.2 "/>
<polygon fill="#D9A378" points="461.1,330.4 461.2,333.5 432.8,352 429.4,350.8 439.3,332.3 "/>
<polygon fill="#B85E19" points="470.8,345.2 460.9,331 465.8,318.7 467.1,334.7 "/>
<polygon fill="#833107" points="429.4,350.8 430,357.2 430.9,371.2 425.7,367.8 418.2,360.7 417,351.1 428.1,349.3 "/>
<polygon fill="#582108" points="441.4,381.1 452.5,382.6 461.8,376.8 471.4,368.4 451.6,372.7 444.8,371.8 "/>
<polygon fill="#B16930" points="429.4,350.8 444.8,371.8 441.4,381.1 430.9,371.2 429.7,359.7 "/>
<path fill="#AB4F0B" d="M461.5,348.3l9.9,20.1l-0.6-23.2l-9.9-14.2L461.5,348.3z"/>
<polygon fill="#A54B15" points="448.3,355.2 461.7,347.2 471.4,368.4 451.6,372.7 444.8,371.8 "/>
<polygon fill="#AE672E" points="448.5,304.4 439.2,310.1 438.5,308.8 434.9,304.6 "/>
<polygon fill="#7A3408" points="434.3,307.5 436.8,311.2 434.3,315.6 428.1,318.7 "/>
<polygon fill="#833107" points="444.8,371.8 430.9,371.2 441.4,381.1 "/>
<polygon fill="#825C3A" points="394.8,388.8 420.4,393.2 424.3,393.1 413.9,369 409.4,369.1 "/>
<polygon fill="#5F2C0E" points="366.4,444.5 361.7,432.1 350.2,430.5 "/>
<polygon fill="#7E573D" points="365.5,447.9 375.7,449.1 372.9,445.1 361.9,432.1 366,444.1 "/>
<polygon fill="#511A0B" points="355.5,381.7 356.1,396.2 357.7,413.9 350.2,430.5 348.4,399.6 "/>
<polygon fill="#80401D" points="379.3,387.3 365.7,411.4 357.7,413.9 356.1,396.2 361.7,380.8 368.8,372.4 378.4,370.6 "/>
<polygon fill="#6C2E0E" points="409,343.7 405.8,356.6 409.6,363.2 414,370.1 378.4,370.6 391.7,360.4 400,350.8 "/>
<polygon fill="#4F190C" points="365.7,411.4 363.8,394.7 378.4,370.6 379.3,387.3 "/>
<polygon fill="#491A05" points="434.3,390.6 441.4,381.4 430.9,371.3 425.8,367.7 413.6,363.2 405.8,356.6 413.9,371 "/>
<path fill="#7C2800" d="M470.8,345.2l0.6,23.2l9.9-9.6L470.8,345.2z"/>
<polygon fill="#845A37" points="379.3,387.3 394.8,388.8 413.9,370 378.4,370.6 "/>
<path fill="#937353" d="M434.3,390.1l-0.6,4.3l-12.3-1.3l-8.9-21.6l0.9-1.5L434.3,390.1z"/>
<polygon fill="#341C13" points="433.7,394.4 447.3,396.2 441.4,381.1 434.3,390.1 "/>
<polygon fill="#43251B" points="452.3,382.6 447,396.2 441.2,381.1 "/>
<polygon fill="#703E20" points="470,368.1 470,397.8 446.9,396.2 452.4,382.6 461.3,376.8 "/>
<polygon fill="#743508" points="480.8,357.9 482.4,359.8 486.7,379.2 469.7,368.6 471.4,363.4 "/>
<polygon fill="#9A6639" points="470,397.8 486.5,392.8 486,378.2 470,368.1 "/>
<polygon fill="#350E05" points="498.9,375.8 493,384.2 486.2,378.9 481.3,358.8 "/>
<polygon fill="#401506" points="509.7,378 501.1,395.3 493,384.2 498.9,375.8 "/>
<polygon fill="#4C180C" points="513.7,378.6 500.4,405.2 500.8,394.1 509.7,378 "/>
<polygon fill="#441409" points="525.2,378.3 500.4,405.2 513.7,378.6 "/>
<polygon fill="#2B0400" points="365.7,411.4 379.3,387.3 396.9,394.1 383.3,392.8 "/>
<polygon fill="#1F0000" points="486.5,392.8 489.6,396.9 482.2,408.9 484.2,418.3 477.3,419.2 476.5,400.3 "/>
<polygon fill="#1E0000" points="470.2,397.6 477.3,400.6 486.5,392.8 "/>
<polygon fill="#3E0804" points="447.3,396.2 396.9,394.1 379.3,387.3 394.8,388.8 422.3,393.1 433.8,393.8 "/>
<polygon fill="#160409" points="477.3,400.6 449.5,408.9 434,408 417,403.7 396.9,394.1 447.3,396.2 470.2,397.6 "/>
<polygon fill="#491406" points="383.3,392.8 392,400.6 417,403.7 396.9,394.1 "/>
<polygon fill="#6B2A10" points="365.7,411.4 373.1,407.7 375.3,417.3 383.6,402.1 392,400.6 383.3,392.8 "/>
<polygon fill="#783C1D" points="357.7,413.9 360.1,420 361.7,432.1 350.2,430.5 "/>
<polygon fill="#713818" points="375.3,417.3 367.9,416.3 359.8,420 357.7,413.9 373.1,407.7 "/>
<polygon fill="#873A0B" points="500.4,405.2 489.6,396.9 486.5,392.8 490.2,389.7 501.1,395.3 "/>
<polygon fill="#5D1F00" points="525.2,378.3 520.2,393.1 487.8,443.2 500.4,405.2 "/>
<polygon fill="#5F1F06" points="489.6,396.9 500.4,405.2 497.7,413.9 482.2,408.9 "/>
<polygon fill="#5F240B" points="483.6,418.6 490,418 487.8,443.2 498.1,413.7 482.2,408.9 "/>
<polygon fill="#5D2308" points="477.6,418.9 479.2,420.8 489.9,424.4 490.3,417.2 "/>
<polygon fill="#682303" points="477,400.8 471.1,419.7 467.1,428.4 471.4,437.6 477,424.1 488.1,423.7 477.9,418.8 "/>
<polygon fill="#7D300B" points="392,400.6 406.8,416.6 409.3,409.8 401.6,401.7 "/>
<polygon fill="#832400" points="406.8,402.4 422.6,410.8 434,408 417,403.7 "/>
<polygon fill="#5D1400" points="449.5,408.9 464.3,410.8 468.3,417.6 477.3,400.6 "/>
<polygon fill="#6C1D05" points="406.7,416.8 425.2,424.7 435,427.8 435,418.8 409.3,409.8 "/>
<polygon fill="#782105" points="468.3,417.6 458.1,424.4 435,427.8 435,418.8 452.6,417.9 464.3,410.8 "/>
<polygon fill="#811C00" points="434,408 422.6,410.8 440.2,414.2 464.3,410.8 449.8,408.9 "/>
<polygon fill="#9F551C" points="383.9,403.3 401.5,417.1 391.7,418.4 378.4,411.1 383.6,402.1 "/>
<polygon fill="#9E623A" points="359.8,420 391,437.6 375.3,417.3 367.9,416.3 "/>
<polygon fill="#945625" points="361.7,432.1 368.5,429.3 391,437.6 359.8,420 "/>
<polygon fill="#672D0E" points="372.8,445.1 361.7,432.1 368.5,429.3 391,437.6 380.5,438 "/>
<polygon fill="#7A3C15" points="403.7,439.8 409.6,436.7 397.5,428.4 391.7,418.2 378.4,411.1 375.3,417.3 391,437.6 "/>
<polygon fill="#4A1A09" points="401.2,416.9 404.6,427.1 419.8,435.2 409.6,436.7 397.5,428.4 391.7,418.2 "/>
<polygon fill="#6F2300" points="477.2,400.4 472.3,419.7 468.3,428.4 458.7,436.7 456.9,429.3 468.1,417.3 "/>
<polygon fill="#290907" points="409.6,436.7 422.9,441.7 434.3,440.7 451,443.2 458.7,436.7 444.8,437.6 435.5,434.6 419.8,435.2
"/>
<polygon fill="#612406" points="401.2,416.9 410.2,422.2 415.2,427.4 431.2,430.5 456.9,429.3 458.7,436.7 444.8,437.6
435.5,434.6 419.8,435.2 404.6,427.1 "/>
<polygon fill="#4A0F06" points="451,443.2 468.9,441.7 472.6,437.6 468.3,428.4 "/>
<polygon fill="#732D04" points="488.9,423.2 476.3,446.3 477.5,450.5 487.8,443.2 490,423.7 "/>
<polygon fill="#9E4D13" points="470.7,435.7 476.7,447.5 489.3,423.7 477,423.7 "/>
<polygon fill="#642606" points="468.9,441.7 473.6,453.4 478.2,450 472.2,437.9 "/>
<polygon fill="#863306" points="451,443.2 454.1,449.7 461.8,464.6 473.6,453.4 468.9,441.7 "/>
<polygon fill="#451D10" points="403.7,439.8 422.9,441.7 409.6,436.7 "/>
<polygon fill="#7B3C15" points="391,437.6 409,447.5 420.7,448.5 428.4,456.2 446.1,454 454.1,449.7 451,443.2 434.3,440.7
424.1,442 "/>
<polygon fill="#955831" points="380.5,438 405.6,454 409,447.5 391,437.6 "/>
<polygon fill="#82441F" points="372.8,445.1 376.8,450.9 405.6,454 380.5,438 "/>
<polygon fill="#843C1F" points="409,447.5 405.6,454 428.4,456.2 420.7,448.5 "/>
<polygon fill="#9D5731" points="451,443.2 420.7,448.5 428.4,456.2 446.1,454 454.1,449.7 "/>
<polygon fill="#632309" points="461.8,464.6 452.9,468.9 446.1,454 454.1,449.7 "/>
<polygon fill="#521808" points="428.1,456.3 431.1,473.3 440.4,472.8 452.9,468.9 446.1,454 "/>
<polygon fill="#531E0C" points="405.6,454 403.7,469.8 431.2,473.8 428.1,456.3 "/>
<polygon fill="#6A331B" points="376.8,450.9 391,466.1 403.7,469.8 405.6,454 "/>
<polygon fill="#5A280F" points="485.6,378 493,384.3 501.1,395.4 490.2,389.8 486.5,392.8 "/>
<polygon fill="#844419" points="391.5,418.2 401.2,416.9 404.6,427.1 397.5,428.4 "/>
<polygon fill="#965A2F" points="378.4,411.1 391.7,418.2 397.5,428.4 375.3,417.3 "/>
<polygon fill="#EEBAA7" points="487.8,443.2 473.6,453.4 461.8,464.6 452.9,468.9 440.4,472.8 403.7,469.8 389.8,464.8
376.8,450.9 388,465.7 403.7,470.7 431.2,473.8 441,474 453.3,470.3 462.3,465.3 473.3,454.7 "/>
<polygon fill="#AF703E" points="324.8,319.5 325.2,326 319,331.5 315.7,329.7 309.7,312 311.7,295.7 315.2,297.3 "/>
<polygon fill="#B66C33" points="289.8,243.4 292.1,244.5 317.9,274 315.2,301.8 290,270.6 "/>
<polygon fill="#AB632C" points="291.7,284.1 296.3,289.2 310.7,315.8 314,298.5 291,269.6 "/>
<polygon fill="#AF692F" points="314,298.5 325,322.4 325,310 330.7,303.2 328.8,297.7 331.8,295.7 316.8,275.2 "/>
<polygon fill="#B17441" points="294.5,325 313.2,352.7 318.7,356.7 318,329.7 311,313.7 297.9,289.5 295.1,287.8 297.2,308.5 "/>
<polygon fill="#A47442" points="298.3,345.2 310.1,386 317.5,355.1 295.1,324.8 "/>
<polygon fill="#905B32" points="317.5,355.1 336,415.1 310.1,386 "/>
<polygon fill="#B3957A" points="344.7,433 336,415.1 310.1,386 331.1,419.4 "/>
<polygon fill="#A67549" points="335.5,415.1 326.1,354.5 325,322.4 316.3,329.8 316.9,355.1 "/>
<polygon fill="#EEBAA7" points="344.7,433 336,415.1 333.2,401.8 336,421 "/>
<path fill="#1D121A" d="M380.8,283l3.9,5l8.7,2.4l6.2-0.7l2.5-3.1c0,0,3.1-7.4,3.1-9.3s0-3.7,0-3.7l-9.3-1.2l-12.4,2.5l-5.6,3.1
l0,0C378.7,279.7,379.6,281.4,380.8,283z"/>
<polygon fill="#5F3E30" points="415.2,276 412.7,287.1 399.7,289.7 404.6,279.7 405.3,273.5 "/>
<polygon fill="#6E5221" points="373.7,281.6 378.1,277.9 384.7,287.9 376.8,285.9 "/>
<polygon fill="#300909" points="415.2,276 424.4,282.8 412.7,287.1 "/>
<polygon fill="#5D290B" points="372.5,284.7 387.3,292.7 404.6,293.7 396.6,299 377.4,299 371.9,293.7 "/>
<polygon fill="#561E05" points="427,306.9 415.2,307.5 414.2,302 408.2,308.2 400.2,317.4 412,314.3 422,315.9 427.4,312.2 "/>
<polygon fill="#703915" points="415.8,295.2 414.4,302 415.5,307.5 427.5,306.9 432.5,295.8 430.6,290.2 421.9,294.6 "/>
<polygon fill="#54220F" points="376.2,303.8 381.8,302.6 390.4,305.7 415.8,295.2 414.4,302 402.8,306.3 388.6,310.6 382.4,307.5
"/>
<polygon fill="#2E0C0C" points="363.8,307.5 370.6,306.3 388.6,310.6 414.4,302 400.3,317.4 383,316.8 "/>
<polygon fill="#D4A17C" points="422.2,315.6 410.2,321.1 374.4,325.5 394.8,333.5 404.6,331.6 418.2,323.6 427.5,311.9 "/>
<polygon fill="#BA8B61" points="376.2,313.7 368.2,319.3 363.8,307.5 "/>
<polygon fill="#8F4E23" points="420.1,315.6 412,314.3 400.3,317.4 383,316.8 376.2,313.7 368.2,319.3 374.4,325.5 410.2,321.1
"/>
<polygon fill="#5F3E30" points="393.5,276.8 398,278 398,275 "/>
<polygon fill="#5B210E" points="478.8,306.3 476.3,310.6 481.3,316.8 487.5,311.9 "/>
<polygon fill="#492519" points="491.2,292.7 485,297 493.6,300.7 "/>
<polygon fill="#1B0B0F" points="515.3,285.9 514,297 509.1,303.2 501.7,303.8 493.6,300.7 491.2,292.7 502.9,284.1 "/>
<polygon fill="#442629" points="520.8,289.6 518.4,297.6 514,297 515.3,285.9 "/>
<polygon fill="#29090A" points="526.4,293.3 518.4,297.6 520.8,289.6 "/>
<polygon fill="#602604" points="482.8,300.6 489.8,302.8 505.3,307.7 514.6,304.5 524.5,298.3 523.3,305 509.7,311 493.6,311 "/>
<polygon fill="#41120D" points="503.5,318 487.5,311.9 481.3,316.8 493,323 502.8,323.1 "/>
<polygon fill="#622E0E" points="521.5,310 503.2,318 502.4,323.4 523.8,314.1 527,314.8 537,321.1 537,316.2 528.6,310.6
529.1,305.7 540,315 540,306.3 533.2,303.8 541.6,302 530.6,297.6 526.3,306.9 "/>
<polygon fill="#82390B" points="477,323 481.6,332.9 491.2,333.8 "/>
<polygon fill="#401F17" points="541.9,302 530.7,297.6 526.4,293.3 515.3,285.9 502.9,284.1 520.2,284.7 534.4,290.5 "/>
<polygon fill="#5B1804" points="502.3,323 522.1,323 522.4,327 504.8,327 493,323 "/>
<polygon fill="#974515" points="537.5,321.1 528.6,329.8 522.1,327.1 522.1,323 502.3,323 523.9,313.7 527.3,314.3 "/>
<polygon fill="#86420A" points="493,322.9 477,323 484.9,329.2 487.8,328 498,332.3 521.8,329.8 522.7,335.4 528.8,329.8
522.4,327 504.8,327 "/>
<polygon fill="#955126" points="476.3,310.6 477,323 493,323 481.3,316.8 "/>
<polygon fill="#995519" points="507.6,341.5 495,340.3 481.5,332.8 491.2,333.8 "/>
<polygon fill="#C9823D" points="484.9,329.1 487.8,327.9 498,332.3 521.8,329.8 522.7,335.4 521.8,338.4 507.6,341.5 491.2,333.8
"/>
<polygon fill="#6B2E14" points="507,289 509,291 509,287 "/>
<polygon fill="#9A6639" points="468.1,417.3 458.1,424.4 435,427.8 406.7,416.8 392,400.6 383.6,402.1 383.9,403.3 401.2,416.9
410.2,422.2 415.2,427.4 431.2,430.5 456.9,429.3 "/>
<polygon fill="#832400" points="464.3,410.8 440.2,414.2 422.6,410.8 407.7,402.7 401.6,401.7 409.3,409.8 435,418.8 452.6,417.9
"/>
<polygon fill="#EEBAA7" points="407.7,403 415.4,410.7 425.4,412.6 "/>
<polygon fill="#EEBAA7" points="432.7,412.8 438.1,416 439.4,412.8 "/>
<polygon fill="#EEBAA7" points="449.8,412.6 453.1,415.5 445.2,414.6 "/>
</g>
<text x="360" y="600">CLICK</text>
</svg>
body,html{
width:100%;
margin:0;
padding:0;
background-color:#663F2E}
svg{
display:block;
margin:0 auto;}
svg text{
fill:rgba(255,255,255,.5);
font-family:arial,san-serif;
letter-spacing:.5em;
}
$('svg').click(function(){
TweenMax.staggerFrom($('#ghandi > polygon'),.125,{scaleY:0,scaleX:0,alpha:0,transformOrigin:'50% 50%'},.025)
TweenMax.staggerFrom($('#ghandi > path'),.125,{scaleY:0,scaleX:0,alpha:0,transformOrigin:'50% 50%,',delay:3},.025)
})
Also see: Tab Triggers