Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ 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

Save Automatically?

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

Auto-Updating Preview

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

Format on Save

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

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

HTML

              
                <canvas id="c"></canvas>
<svg id=svg viewbox="0 0 400 400" style="top:0;left:0;height:100vh;width:100vw">
    <defs>
        <mask id="eyes">
             <rect x=-1000 y=-1000 width=2500 height=2500 fill=white ></rect>
    <path transform="translate(-0.04074493,-0.43537741)" d="m 185.41158,1.7111418 c 22.08501,-4.07832 35.00055,16.3761202 35.73415,33.4613102 0.73359,17.08518 -16.66779,35.96697 -33.71384,36.23922 -17.04605,0.27225 -35.72021,-17.90503 -34.59773,-34.97653 1.12306,-17.08023 10.49242,-30.6456702 32.57742,-34.7240002 z" />

    <path transform="translate(-0.04074493,-0.43537741)" d="m 62.065953,9.3820419 c 22.08501,-4.0783201 40.175527,15.9445201 40.909127,33.0297101 0.73359,17.08518 -17.913227,36.23484 -34.959277,36.50709 -17.04605,0.27225 -36.70259,-16.26773 -35.58011,-33.33923 1.12306,-17.08023 7.54526,-32.11924 29.63026,-36.1975701 z" />



        </mask>
    </defs>
    <g>
        <rect mask="url(#eyes)" x=-1000 y=-1000 width=2500 height=2500 fill=black></rect>
        <g transform="translate(-0.04074493,-0.43537741)">
        <path style="fill:#9e6800;fill-opacity:1;stroke:none" d="m 97.143265,26.114012 c 4.915795,-3.00981 16.310945,6.42389 20.203045,11.11168 3.8921,4.68779 2.39008,12.60851 5.05004,14.27596 2.39209,0.81923 3.77071,0.56861 7.49991,-0.82817 1.49706,-3.8075 3.59052,-10.15691 8.08684,-16.54695 4.49632,-6.39004 12.70715,-16.02386 20.89101,-16.25651 -14.00166,22.1166 -1.52117,44.95505 20.79223,52.13595 22.31339,7.1809 38.7546,-20.61488 38.7546,-20.61488 2.1285,9.41451 18.89939,23.55458 22.67098,27.82374 3.77159,4.26917 2.58249,36.761648 10.82164,45.614138 15.62254,16.78551 19.6611,15.33058 39.46385,21.24137 3.95256,0.94005 1.18178,-2.79852 7.49754,-3.46651 6.31576,-0.66798 7.02746,4.93173 7.74869,8.36999 0.72124,3.43827 7.78649,-1.46402 11.69935,2.79962 4.52376,4.92931 10.09706,-2.32981 17.97388,-2.61022 7.87682,-0.28041 12.89591,10.15253 16.16245,20.39246 3.26653,10.23992 6.4596,13.49769 18.43528,29.16815 11.97568,15.67045 24.77648,69.47904 18.18275,89.01969 -6.59373,19.54065 -23.10997,25.30592 -31.81981,30.30458 -8.70984,4.99866 -28.66623,8.3404 -31.31473,9.72272 -2.6485,1.38231 -2.87539,3.71417 -11.11168,8.33375 -8.23629,4.61958 -32.46385,10.18564 -41.03744,10.98541 -8.57359,0.79977 -5.07646,-1.67711 -5.93465,10e-6 -0.81227,1.58737 -1.49628,5.17275 -5.93465,9.09137 -4.43837,3.91862 -15.52167,4.34239 -22.8547,8.33376 -7.33303,3.99137 -11.74798,10.08653 -18.43528,16.66751 -6.6873,6.58098 -12.37927,0.84464 -7.82869,-7.57614 4.55059,-8.42078 16.6559,-12.03583 21.08694,-21.97082 -5.40086,-2.6545 -11.44248,1.95434 -22.60216,4.79823 -11.15968,2.84389 -29.29702,11.4293 -31.94607,12.87944 -2.64905,1.45014 -16.68046,8.08469 -15.02603,0.75761 1.65443,-7.32708 21.34393,-13.77623 31.31473,-18.94035 9.9708,-5.16412 27.75644,-6.61024 29.04188,-13.51079 -12.44812,-5.06714 -36.17588,3.77878 -31.84168,-6.55694 -11.42373,-13.48128 -59.95507,-16.76179 -80.91659,-21.03286 -3.66328,3.75217 -2.08933,3.36986 -6.69226,4.98763 0.28704,3.52367 20.76336,8.16464 24.5903,9.83756 3.82694,1.67292 9.38753,2.85503 13.04423,7.71003 3.6567,4.855 -9.90993,10.4775 -22.98604,0.94512 -9.54394,-6.95746 -18.80908,-7.31957 -24.554907,-8.52126 -2.014,3.30914 2.970882,9.22313 14.553407,15.8366 9.57276,5.46593 27.58311,17.24824 22.22307,25.13521 -5.36004,7.88696 -29.14282,-17.05497 -32.223863,-20.03891 -7.2944,-6.59213 -12.223223,-13.67535 -18.567863,-13.71281 -4.3806,2.4569 -6.504681,6.66446 -8.403211,12.10288 -2.41111,6.90674 -7.808398,22.6801 -13.498168,19.67904 -5.68977,-3.00105 4.641048,-20.94535 6.553358,-26.3713 2.139903,-3.78809 -1.494487,-12.36288 -3.50348,-16.90991 -2.311634,3.43704 -17.72641,2.85992 -18.2811,-7.14117 -0.55469,-10.00109 14.9878,-27.65117 23.49874,-32.76873 -6.20802,-6.94908 -22.84579,-27.68315 -17.31155,-43.10502 4.51479,-9.63322 12.898,-15.13585 17.08834,-16.57184 14.39151,-4.93184 -1.02978,-47.65448 -9.75444,-60.72904 -9.36267,-0.69567 -32.01882,2.10298 -41.3016,-0.40423 -9.2827801,-2.50721 -15.55092042,-3.56126 -15.68537042,-9.2113 -0.13445,-5.65004 7.51453032,-4.31782 14.02484042,-9.89756 20.25874,-20.56033 20.39186,-29.8495 37.96738,-53.147688 17.57552,-23.29819 41.98122,-26.32157 46.972092,-33.58756 3.483715,-12.03356 0.32804,-14.37566 -2.52538,-28.03174 z" id="path3717" sodipodi:nodetypes="czcczczczcczzszzzzzzzzzzzzzczzzzcccczzscszccszcczccsczzczcc" inkscape:connector-curvature="0"/>
        <path style="fill:#945e00;fill-opacity:1;stroke:none;display:inline" d="m 43.592823,312.96047 c 1.18539,-6.46625 6.76161,-18.49875 18.24402,-27.63389 -6.5533,-2.17086 -17.02082,-1.94269 -20.7287,0.99746 1.85905,3.51301 8.2506,2.99715 12.60152,3.96401 0,0 -22.26189,-1.28857 -26.51079,-0.30374 -4.16421,0.9652 -17.08376,2.97014 -16.22943,8.27773 0.82631,5.13346 24.12694,0.67151 31.84782,1.81635 -5.34752,-0.007 -8.79324,0.99934 -11.26704,1.82642 -2.50195,0.8365 -8.39238,2.86479 -6.37737,6.81853 2.01502,3.95375 14.71331,0.77395 18.41997,4.23713 z" id="path3911-2" sodipodi:nodetypes="cccczzczzc" inkscape:connector-curvature="0"/>
      </g>
        <g transform="translate(-0.04074493,-0.43537741)">
        <path style="fill:#4b3700;fill-opacity:1;stroke:none" d="m 45.623993,100.11355 c 2.40812,3.05454 5.89177,7.89441 9.3866,13.15302 3.49483,5.25861 2.71816,14.55892 10.48713,16.63405 7.76897,2.07513 13.56509,-8.29943 28.60424,-16.6811 15.039147,-8.38168 20.652617,-2.222 26.060277,-10.65302 1.2665,-4.390522 -8.68967,-8.266578 -6.57279,-15.393028 2.11688,-7.12645 11.39337,-9.64317 19.49492,-12.07786 8.10155,-2.43469 15.94199,-2.57612 25.27049,-0.63135 9.3285,1.94477 18.55497,11.08599 27.98341,11.38524 9.42844,0.29925 24.82203,-9.83949 29.12541,-9.93872 4.30338,-0.0992 6.35654,6.48597 13.72987,5.58616 7.37334,-0.89981 6.2857,-4.59289 8.33685,-8.14557 -6.04313,-5.18925 -11.28235,-9.80028 -19.48935,-24.01523 -4.22007,8.31622 -12.63755,16.97988 -22.55634,20.49084 -9.91879,3.51096 -24.06117,-0.5464 -33.43215,-10.76319 -9.37098,-10.21679 -13.0141,-24.87529 -3.52996,-41.3023 -7.69893,0.89605 -13.21941,7.82865 -17.52353,12.29451 -4.30412,4.46586 -10.48017,19.84229 -11.6384,20.7244 -1.15822,0.88212 -1.94262,1.09573 -5.89935,1.07554 -3.95674,-0.0202 -1.26894,-8.14645 -5.02166,-13.12949 -3.75272,-4.98304 -14.76876,-16.78271 -21.138285,-12.77234 6.399465,30.31579 9.682865,26.34627 -25.124402,43.5083 -10.94325,7.09143 -28.9611,27.5966 -26.55298,30.651138 z" id="path3960" sodipodi:nodetypes="czzzczzzzzzcczzczzzzccz" inkscape:connector-curvature="0"/>
        <path style="fill:#4b3700;fill-opacity:1;stroke:none" d="m 222.23113,101.02808 c 6.06681,-2.872592 9.00192,9.49042 12.67857,12.67857 3.67665,3.18815 6.20324,2.91527 9.10714,7.14285 2.9039,4.22758 5.76023,11.77482 4.46428,18.57143 -1.29594,6.79661 -4.19948,8.65619 -10.89285,8.75001 -6.69337,0.0938 -13.38532,-10.74797 -17.14286,-18.21429 -3.75754,-7.46632 -4.13564,-26.12486 1.78572,-28.92857 z" id="path3962" sodipodi:nodetypes="czzzzzz" inkscape:connector-curvature="0"/>
        <path style="fill:#4b3700;fill-opacity:1;stroke:none" d="m 286.51313,142.58817 c 7.31876,8.01697 11.77029,21.34393 13.68872,26.7263 1.91843,5.38237 2.57081,11.82018 7.38643,13.32075 4.81562,1.50057 6.69623,-4.98401 13.75,-4.10714 7.05376,0.87687 19.64898,15.42436 24.46428,21.60714 4.8153,6.18278 10.91127,13.25618 8.75,16.42857 -2.16127,3.17238 -10.13541,-7.42706 -14.61036,-10.43111 -4.59729,-3.08617 -12.29996,-4.34006 -14.67536,-1.3546 -2.3754,2.98546 -0.0593,9.0237 0.35715,14.28571 0.41729,5.27306 -0.18502,11.03459 -7.32143,12.5 -7.13641,1.46541 -17.77748,-8.20594 -25.17857,-15 -7.40109,-6.79406 -12.87004,-20.42604 -17.85715,-24.28571 -4.98711,-3.85967 -3.46274,-1.40884 -5.89285,-3.75001 -2.34272,-2.25697 3.98163,-23.31239 4.64285,-31.78571 0.66122,-8.47332 -4.08487,-13.8546 0.53572,-17.32143 4.76933,1.06237 8.83551,2.31316 11.96057,3.16724 z" id="path3964" sodipodi:nodetypes="czzzzzzzzzzzzzcc" inkscape:connector-curvature="0"/>
        <path style="fill:#4b3700;fill-opacity:1;stroke:none" d="m 307.50687,288.64166 c 4.82334,3.2402 12.87853,4.9821 16.89404,14.61747 3.99657,9.58993 12.52837,0.65654 13.20005,-5.60596 0.67038,-6.25037 -3.02973,-10.58338 -6.28064,-10.05756 -3.2509,0.52583 -5.23794,-0.99916 -9.72951,-7.67703 -4.43327,-6.59119 -10.02897,-14.88455 -17.26913,-19.27828 -7.24016,-4.39373 -17.9455,-9.207 -21.3023,-4.09818 -3.35681,5.10882 3.4368,8.26117 2.98342,11.60869 -0.45339,3.34752 -7.94974,7.92897 -5.81889,12.59409 9.71983,5.5577 17.23306,1.79039 27.32296,7.89676 z" id="path3966" sodipodi:nodetypes="czzzzzzzcc" inkscape:connector-curvature="0"/>
        <path style="fill:#4b3700;fill-opacity:1;stroke:none" d="m 372.45435,203.03701 c -0.35032,-2.75555 2.7311,5.37861 5.46283,6.00008 5.26889,-3.63494 18.32165,-11.47884 29.37391,-16.53054 11.05226,-5.0517 32.23849,-8.66657 33.77932,-10.6749 1.5836,-2.06408 2.65066,-4.21831 5.13394,-4.24107 2.48327,-0.0228 3.36643,2.92314 4.68749,4.55357 6.95584,0.2767 25.1553,6.70384 32.72322,17.23214 7.56792,10.5283 10.60025,26.67462 7.54464,36.11607 -3.05561,9.44145 -6.47746,11.54699 -11.78571,14.28571 -5.30825,2.73872 -7.57425,3.54424 -17.67857,8.75001 -10.10432,5.20577 -18.00993,19.06239 -26.07143,25.71428 -8.0615,6.65189 -7.6923,9.95163 -15.89286,15.17857 3.22133,4.73009 19.55163,6.42269 29.82142,8.57143 10.2698,2.14874 32.04493,11.11531 31.07144,20.80357 -3.39636,6.51685 -25.16285,-7.75443 -31.96429,-9.82143 -7.67448,-1.15115 -21.3014,-6.10137 -24.82142,0.35715 -0.55952,7.03521 9.32121,11.79309 15.53571,18.39286 6.2145,6.59977 26.69511,20.49462 20.89286,29.01785 -5.80226,8.52322 -30.01125,-16.16601 -35.08929,-20.17857 -10.37055,-6.34635 -32.32935,-20.52291 -40.53572,-19.55358 -8.20637,0.96933 -11.42138,6.68287 -12.32142,14.37501 -0.90921,7.77054 -10.09818,21.6796 -13.92858,18.39286 -3.88208,-3.33109 -1.11469,-15.72707 2.76786,-23.75 4.56683,-5.82097 5.76819,-13.1509 5.08928,-22.67858 5.48907,-6.3647 17.8451,-12.93589 20.35715,-21.07142 2.51205,-8.13553 0.406,-11.11097 -2.41072,-15.53572 -2.81672,-4.42475 -6.68487,-12.73586 -10.71428,-7.23214 -4.02941,5.50373 -4.44499,18.87847 -10.71428,19.01786 -6.18005,0.1374 -11.07855,-17.67105 -14.28572,-27.58929 -3.20717,-9.91824 -7.14232,-23.13931 -0.98214,-30.80358 6.16018,-7.66426 11.79856,6.48768 15.80357,6.69643 4.00501,0.20875 7.52542,-9.37307 9.01786,-15.17856 1.49244,-5.80549 -0.0697,-13.72627 0.13393,-18.61607 z" id="path3968" sodipodi:nodetypes="cczzzczzzzzczccczzczzzcczzzzzzzzc" inkscape:connector-curvature="0"/>
      </g>
        <g transform="translate(-0.04074493,-0.43537741)">
        <path style="fill:#bea967;fill-opacity:1;stroke:none" d="m 40.135673,163.89598 c -2.24851,5.96469 7.97458,14.93232 15.5357,23.57143 7.56112,10.78196 11.76456,36.18438 14.64286,38.21428 2.8783,2.0299 1.97057,33.53483 11.69643,51.7857 9.72588,18.25088 20.507837,31.8558 43.035707,41.07143 22.68076,9.27818 43.25071,13.46007 68.125,11.78572 4.14114,-1.47573 2.8345,-5.18597 21.67733,-3.35506 11.73862,1.13524 25.54916,1.95279 32.87624,-0.57349 22.50793,-14.08536 18.0233,-19.61937 8.03571,-27.14286 -3.07954,-10.58612 6.98962,-27.45983 5.35715,-38.75001 -1.63247,-11.29017 -12.1736,-25.73637 -21.25001,-35.71427 -9.07641,-9.9779 -33.07569,-7.11933 -33.43974,-20.58799 -0.36404,-13.46865 10.87954,-9.04872 7.90493,-19.24421 -2.97117,-10.18368 -12.40243,-12.13467 -47.59019,-23.56066 -35.4042,-11.49628 -74.367037,-3.04311 -97.946407,-2.00668 -23.57937,1.03643 -28.66071,-0.99946 -28.66071,4.50669 l 0,-2e-5 z" id="path2911" sodipodi:nodetypes="cczzzcscczzzzzzzc" inkscape:connector-curvature="0"/>
      </g>
        <g transform="translate(-0.04074493,-0.43537741)">
        <path style="fill:#f5e8ac;fill-opacity:0.13194448;stroke:none" d="m 89.266469,233.80069 c 17.232901,-0.65446 69.168371,7.61216 88.412181,14.99451 19.24382,7.38234 44.65082,23.45603 40.61091,39.1318 -4.03993,15.67579 -42.65719,13.20929 -66.49168,8.95815 -23.83448,-4.25114 -45.13795,-10.93721 -55.742393,-22.65918 -10.349622,-11.4403 -24.021914,-39.77081 -6.789018,-40.42528 z" id="path4466" sodipodi:nodetypes="czzzzz" inkscape:connector-curvature="0"/>
        <path style="fill:url(#linearGradient4496);fill-opacity:1;stroke:none" d="m 39.951533,167.50644 c 19.012925,3.42858 41.768808,-4.89367 83.880537,-3.14169 42.11871,1.75227 88.8303,17.44283 88.8303,17.44283 l -0.88389,-4.13648 c 0,0 -54.62546,-25.68654 -95.90135,-21.83192 -41.275896,3.85462 -58.439281,4.66467 -74.953325,5.12652 -0.475151,1.60444 -1.182937,4.21142 -0.972272,6.54074 z" id="path4468" sodipodi:nodetypes="czcczcc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#acb85e;stroke-width:0.89999998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" d="m 218.0509,214.70059 c 0,0 18.43355,4.35187 25.25,14.125 6.81645,9.77313 15.94011,19.98409 17.375,28.875 1.43489,8.89091 -3.25,25 -3.25,25" id="path2955" sodipodi:nodetypes="czzz" inkscape:connector-curvature="0"/>
        <use x="0" y="0" xlink:href="#path4466" id="use2945" transform="matrix(0.97457452,0,0,0.95572725,3.8109988,11.942525)" width="744.09448" height="1052.3622"/>
        <use x="0" y="0" xlink:href="#path4466" id="use2947" transform="matrix(0.9434582,0,0,0.91895675,8.4749898,21.945006)" width="744.09448" height="1052.3622"/>
        <use x="0" y="0" xlink:href="#path4466" id="use2949" transform="matrix(0.91464302,0,0,0.86806914,12.919067,35.465708)" width="744.09448" height="1052.3622"/>
      </g>
        <g transform="translate(-0.04074493,-0.43537741)">
        <path style="fill:#001500;fill-opacity:0.20392157;stroke:none;display:inline" d="m 163.79784,60.94967 c 8.89727,15.464293 22.63645,17.136421 29.79899,17.355459 7.16255,0.219038 12.97548,-2.982373 17.028,-6.385499 13.38518,5.602065 7.83285,14.807316 29.91619,52.09048 22.08333,37.28315 -10.99643,78.13988 -6.17523,92.48376 10.22431,-13.98151 12.25657,-19.15601 16.86427,-30.94511 4.60771,-11.78909 10.65553,-28.48827 9.49638,-40.27775 -1.15915,-11.78949 -6.93266,-17.66388 -11.95234,-27.34304 -4.20102,-10.989 -4.32595,-26.310488 -7.20416,-39.45911 -8.77251,-8.727892 -15.47275,-13.669345 -23.57722,-28.652884 -6.79463,6.628921 -7.57127,13.619922 -21.93993,19.811426 -14.36865,6.191503 -28.05377,-5.312989 -32.25495,-8.677732 z" id="path2921" sodipodi:nodetypes="czczczzccczc" inkscape:connector-curvature="0"/>
        <path style="fill:#001500;fill-opacity:0.20392157;stroke:none;display:inline" d="m 40.657029,161.29776 c -10.02927,-4.98644 35.14445,-8.7924 66.717871,-11.71839 31.57342,-2.926 71.89901,5.95797 92.53479,18.22547 20.63578,12.2675 4.48179,10.12527 -7.39315,5.26831 -11.87494,-4.85697 -25.91343,-11.18258 -63.69359,-14.6254 -24.66094,-2.2473 -70.175541,8.21271 -88.165921,2.85001 z" id="path2946" sodipodi:nodetypes="czzzsc" inkscape:connector-curvature="0"/>
        <path style="fill:#001500;fill-opacity:0.20392157;stroke:none;display:inline" d="m 84.176739,281.21888 c -9.74871,5.79769 -23.28456,16.42451 -24.54997,25.26732 8.01459,6.55522 12.59016,-2.66589 23.54431,-1.50167 10.95415,1.16422 17.436431,9.90895 20.643121,9.8999 3.2067,-0.009 4.8703,-1.82766 6.67524,-3.65145 -3.94097,-2.71551 -6.62596,-3.8893 -15.132471,-13.74998 -8.5065,-9.86067 -8.87564,-12.96528 -11.18023,-16.26412 z" id="path2950" sodipodi:nodetypes="cczzczc" inkscape:connector-curvature="0"/>
        <path style="fill:#001500;fill-opacity:0.20392157;stroke:none;display:inline" d="m 64.432186,227.00418 c -9.43598,3.23232 -11.470249,8.99532 -12.758389,16.68792 -1.28814,7.6926 4.730515,16.28001 8.671425,23.06081 3.94091,6.7808 7.522957,13.71087 10.348067,12.01757 3.84859,-2.30675 4.70119,-3.12807 9.60187,-5.46203 -4.394,-10.57237 -6.06233,-18.96261 -6.95947,-27.47514 -9.78915,-9.04318 -7.184983,-12.79904 -8.903503,-18.82913 z" id="path2952" sodipodi:nodetypes="czzsccc" inkscape:connector-curvature="0"/>
        <path style="fill:#001500;fill-opacity:0.20392157;stroke:none;display:inline" d="m 128.26827,272.32607 c 25.44955,5.21785 28.41215,0.66647 49.11921,1.30984 -5.1853,8.98121 -4.91192,14.65572 -4.91192,20.63008 4.67156,2.69712 9.33391,4.33895 13.91711,3.11089 1.66648,-2.88642 1.69654,-5.39893 3.43835,-7.69535 3.63256,-0.71795 9.95259,-3.24169 8.84146,-8.67773 -1.11113,-5.43606 -11.42178,-0.5379 -8.84146,-7.69535 2.58032,-7.15745 19.42693,-6.20349 26.36065,-13.58966 6.93372,-7.38615 5.39394,-8.83132 9.16893,-9.49637 4.89957,1.15674 11.24633,14.31157 17.19173,9.82384 9.98555,-7.53735 -2.78399,-16.3592 -7.20416,-17.68292 9.66328,-12.49287 19.25073,-18.80894 25.86946,-33.89226 6.61874,-15.08333 15.22695,-35.69331 11.95234,-48.30057 -3.92954,26.03319 -9.81129,43.03844 -23.24976,61.2353 -13.43847,18.19686 -31.81829,34.22193 -54.19488,42.73372 -22.3766,8.51179 -44.70852,9.95853 -68.27572,5.40311 -23.56721,-4.55541 -45.780331,-14.5424 -53.539951,-23.24976 1.27471,13.67871 44.040511,23.54278 54.358611,26.03319 z" id="path2954" sodipodi:nodetypes="ccccczzzcsczczzzcc" inkscape:connector-curvature="0"/>
        <path id="path2956" style="fill:#001500;fill-opacity:0.20392157;stroke:none;display:inline" d="m 438.48454,253.31438 c 4.41933,-5.36747 8.08922,-10.90023 9.01566,-14.25589 1.8137,0.77183 4.20916,2.39112 9.33726,1.9824 5.1281,-0.40872 6.25548,-6.1125 2.11248,-4.36666 -4.143,1.74583 -8.52988,-0.96439 -12.30843,-2.95045 -3.22047,-1.58071 -8.55152,-6.37676 -12.51595,-8.07201 -3.96443,-1.69525 -1.05637,4.75093 1.40899,7.21629 5.86319,5.86319 3.31714,11.8454 -6.33571,13.75877 -9.65285,1.91338 -30.32773,7.55676 -39.95434,-3.52966 0.81861,-2.82418 3.17034,-6.18887 2.12947,-9.73598 -1.04086,-3.54711 -7.59784,-6.92452 -11.25328,-7.06869 -0.67595,-6.6528 -0.009,-11.67698 -5.30854,-20.6016 -5.32181,-8.96216 -17.43631,-23.45221 -20.1045,-30.62435 -2.66819,-7.17214 -6.07452,-19.00088 -11.62794,-23.01017 -5.55343,-4.0093 -11.08331,-2.49879 -16.80102,0.0944 -5.71771,2.59317 -7.56575,-0.60536 -10.28351,-2.17874 -3.99733,-0.89457 -8.81014,-0.17004 -8.81014,-0.17004 0,0 -1.31278,-8.49847 -6.0802,-9.02411 -4.76741,-0.52564 -7.86844,3.41944 -7.86844,3.41944 0,0 -15.45905,-5.24985 -20.04755,-5.00955 0.86146,5.08304 1.28697,9.53025 0.52597,18.81337 65.36142,16.00093 57.14254,17.62356 71.66973,30.23019 14.52719,12.60663 21.31308,35.87839 28.76617,48.67828 7.4531,12.79989 7.74164,25.36077 4.79559,34.74263 -3.80829,12.12765 -13.36061,25.91853 -23.33794,30.80029 -12.5469,-4.33656 -22.39565,-21.54837 -45.43528,-23.41349 0,0 5.55353,27.50728 6.22176,36.1845 0.66823,8.67721 -18.02819,14.95441 -27.01557,19.56582 -8.98738,4.61141 -20.91191,4.39947 -23.57723,2.53783 -4.91467,1.35267 -8.83789,13.86828 -15.4983,15.33382 -5.87091,1.29181 -7.89634,1.403 -11.51727,4.80506 -7.24187,6.80412 -23.08604,27.01557 -23.08604,27.01557 3.84767,0.16374 14.01961,-15.2844 21.285,-19.07463 7.26539,-3.79024 17.976,-4.59462 23.74096,-8.26841 5.76496,-3.67379 5.6467,-7.02897 7.12228,-10.31503 1.84716,2.67921 20.76822,-2.06502 30.0446,-4.42073 23.36363,-5.93312 24.02561,-11.64856 27.75235,-15.47256 23.35679,-2.93892 31.38441,-8.04663 45.02597,-17.51917 14.22955,-13.02582 15.19942,-14.3502 25.72561,-18.29674 10.52619,-3.94654 29.76249,-24.91817 42.08733,-37.8 z" sodipodi:nodetypes="cczzczszczczzzzcczccczzsccsscsscsscscczc" inkscape:connector-curvature="0"/>
        <path style="fill:#001500;fill-opacity:0.20392157;stroke:none;display:inline" d="m 412.02883,322.76048 c 12.06577,5.35712 32.63864,19.5451 32.63864,19.5451 0,0 -22.1647,-16.61052 -21.31824,-22.45409 0.84646,-5.84357 15.39983,-4.07807 26.33562,-0.22776 7.55644,3.15045 10.33173,6.02914 23.40611,10.26662 13.07437,4.23748 7.00439,-8.31177 -1.2052,-13.11117 -8.98356,-5.25187 -21.92364,-8.10382 -29.67671,-10.00072 -7.54064,-1.84493 -17.72581,-2.59604 -22.09053,-7.37527 12.32423,-10.66621 34.4959,-35.356 34.4959,-35.356 0,0 8.69507,-9.38496 18.59103,-11.83949 9.89596,-2.45453 18.99969,-8.96374 19.11301,-24.3368 0.11332,-15.37305 -4.04414,-24.13327 -12.63026,-32.97676 1.01774,25.43291 4.74763,30.68992 -0.53756,39.33928 -5.28518,8.64936 -15.92949,11.70162 -23.19109,18.37601 -14.10583,12.96517 -32.47227,35.99391 -39.35898,41.88676 -6.88671,5.89285 -12.70435,9.4785 -18.8933,11.36336 1.20283,0.79238 3.97818,0.0425 4.67578,1.41426 -2.57449,5.20009 -25.90308,8.91621 -14.69675,9.16722 11.20633,0.25101 12.96523,2.08835 24.34253,6.31945 z" id="path2958" sodipodi:nodetypes="cczczsscczzczazcczc" inkscape:connector-curvature="0"/>
        <path style="fill:#001500;fill-opacity:0.20392157;stroke:none;display:inline" d="m 254.9465,290.2289 c -6.56652,5.13455 -0.0463,11.35391 -4.63666,18.43658 -4.5904,7.08267 -21.3421,10.72826 -24.73391,18.75898 13.90921,1.45108 19.0045,1.25829 25.27412,-2.95114 6.26962,-4.20943 10.47469,-8.52053 11.19047,-12.33459 2.56051,-3.84019 2.81857,-4.73426 -1.35522,-8.30854 -4.17379,-3.57427 -5.7388,-1.38173 -5.7388,-13.60129 z" id="path2950-4" sodipodi:nodetypes="czczczc" inkscape:connector-curvature="0"/>
        <path style="fill:#001500;fill-opacity:0.20392157;stroke:none;display:inline" d="m 227.40829,185.90078 c -2.3155,5.0941 -6.37328,11.49007 -6.37328,11.49007 0,0 5.01949,1.78399 9.41975,-4.85915 4.43589,-6.69694 -5.06667,-14.67958 -5.06667,-14.67958 0,0 1.78865,4.45963 2.0202,8.04866 z" id="path2950-4-6" sodipodi:nodetypes="cczcc" inkscape:connector-curvature="0"/>
      </g>
        <g transform="translate(-0.04074493,-0.43537741)">
        <path style="fill:#65474e;fill-opacity:1;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 258.36714,134.73315 c 2.39713,6.52065 3.89379,6.98247 1.47357,24.47776 -2.42023,17.49529 -16.3245,49.96578 -32.74615,66.47469 -16.42166,16.5089 -33.93629,24.39054 -57.79696,28.07981 -23.86068,3.68928 -57.35529,-1.58798 -73.760697,-9.49638 -16.40541,-7.90839 -24.02463,-20.03249 -28.57102,-26.03319 -3.564,6.27911 -1.89391,11.4962 -0.90052,16.94613 0.99338,5.44993 13.68025,17.93713 26.76998,23.74096 13.089717,5.80384 39.121807,13.71522 58.615607,13.42592 19.4938,-0.2893 38.92931,-4.02006 53.40359,-10.27293 14.80983,-6.39783 32.35407,-25.28726 39.43174,-32.78825 6.99553,-7.41393 19.9986,-28.33318 24.39589,-44.6985 4.39729,-16.36532 8.18499,-39.24492 2.6197,-50.75654 -5.5653,-11.51162 -13.78371,-13.48939 -20.13889,-13.99897 1.50389,5.221 4.80702,8.37884 7.20416,14.89949 z" id="path3865" sodipodi:nodetypes="czzzzczzzszzzcz" inkscape:connector-curvature="0"/>
        <path style="fill:#d4aac1;fill-opacity:0.4825175;stroke:none" d="m 67.359854,219.63803 c 11.505344,17.72352 25.495973,27.23948 48.423406,32.03188 22.92742,4.79239 50.20102,7.14044 72.81308,-2.05606 23.37253,-7.32292 42.65179,-21.00172 56.87891,-48.38861 14.22713,-27.3869 17.02064,-46.51926 16.28485,-56.76578 -0.73579,-10.24651 -7.59472,-18.85356 -9.19962,-22.99374 6.19109,7.18086 11.402,14.38372 10.97188,28.00815 -0.43013,13.62443 -7.6057,36.94886 -16.13337,51.68447 -4.9183,8.4987 -15.03135,25.77338 -29.65845,36.35174 -14.70827,10.63706 -41.52893,19.07096 -60.89289,20.03417 -19.36396,0.96321 -43.38727,-3.36641 -60.437586,-10.77974 -17.050312,-7.41334 -31.705156,-23.19359 -29.05021,-27.12648 z" id="path4429" sodipodi:nodetypes="czczzczszzzc" inkscape:connector-curvature="0"/>
        <path style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 154.57827,262.37005 c 0.30555,2.53424 2.09616,2.76662 2.04664,-0.1228 -0.0495,-2.88942 -2.3522,-2.41144 -2.04664,0.1228 z" id="path3712" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 169.09122,261.20407 c 0.1445,2.35918 2.4621,2.86095 2.39226,0.14266 -0.0684,-2.66044 -2.53676,-2.50184 -2.39226,-0.14266 z" id="path3714" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 182.08504,258.9317 c -0.0253,2.44221 2.30284,2.43572 2.21036,-0.25843 -0.0925,-2.69415 -2.18507,-2.18378 -2.21036,0.25843 z" id="path3716" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 197.05786,254.61519 c 0.19735,2.54108 2.77535,2.24524 2.55187,-0.58589 -0.22347,-2.83114 -2.74922,-1.95518 -2.55187,0.58589 z" id="path3718" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:#65474e;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" d="m 217.14098,240.90844 c 0,0 9.59819,-1.60703 13.54569,-1.21563 3.9475,0.39139 8.50172,1.44778 10.18821,3.41536 1.6865,1.96757 3.29272,6.15089 2.08395,8.62524 -1.77651,3.63653 -7.70783,4.45513 -11.28807,4.34158 -4.11772,-0.1306 -12.96681,-4.16791 -12.96681,-4.16791 l -1.56297,-10.99864 z" id="path3902" sodipodi:nodetypes="czzsscc" inkscape:connector-curvature="0"/>
        <path style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 225.16835,246.55432 c 0.0525,2.92482 1.90142,1.54861 2.3741,0.20466 0.93926,-2.6706 -2.4266,-3.12948 -2.3741,-0.20466 z" id="path3720" sodipodi:nodetypes="csz" inkscape:connector-curvature="0"/>
        <path style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 204.77786,250.7953 c 0.19735,2.54108 2.77535,2.24524 2.55187,-0.58589 -0.22347,-2.83114 -2.74922,-1.95518 -2.55187,0.58589 z" id="path3718-1" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:#d4aac1;fill-opacity:0.4825175;stroke:none;display:inline" d="m 239.107,242.31716 c -1.97857,-1.13577 -5.87777,-2.08503 -9.30265,-2.12747 -3.42487,-0.0425 -5.81616,0.2652 -11.83937,1.09816 4.68563,1.50481 11.55082,-1.07563 16.90465,0.69705 2.90717,0.96258 4.87944,1.78649 7.59141,5.17438 -0.53766,-1.59411 -1.37547,-3.70635 -3.35404,-4.84212 z" id="path4429-9" sodipodi:nodetypes="czcacz" inkscape:connector-curvature="0"/>
      </g>
        <g transform="translate(-0.04074493,-0.43537741)">
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" d="m 74.306403,306.79052 c 6.411,-4.86599 21.8416,2.18633 25.319072,5.79043 3.477465,3.6041 25.952075,10.54594 29.779015,12.21886 3.82694,1.67292 9.76253,3.04253 13.41923,7.89753 3.6567,4.855 -10.40993,10.29 -23.48604,0.75762 -9.54394,-6.95746 -18.37158,-7.13207 -24.117427,-8.33376 -2.014,3.30914 2.908382,9.16063 14.490927,15.7741 9.57276,5.46593 27.61344,17.37638 22.2534,25.26335 -5.36004,7.88696 -29.27541,-17.14336 -32.356464,-20.1273 -7.294402,-6.59213 -12.311613,-13.67535 -18.656253,-13.71281 -4.3806,2.4569 -6.81404,7.06221 -8.71257,12.50063 -2.41111,6.90674 -7.18968,22.19396 -12.87945,19.1929 -5.68977,-3.00105 4.02233,-20.45921 5.93464,-25.88516 2.19879,-3.57341 1.86774,-8.19679 -0.67727,-11.18666 -0.58756,-3.05486 -3.45872,-6.43646 -1.42442,-10.08039" id="path3717-3-3" sodipodi:nodetypes="czzzscszccszccc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" d="m 217.99748,214.6979 c -4.77007,-1.51944 -11.4856,-3.53025 -12.00666,-12.10436 -0.52107,-8.57412 9.14782,-8.37124 8.50877,-16.06989 -0.63906,-7.69866 -4.45989,-10.86497 -28.58984,-19.52357 -24.12995,-8.65859 -54.50131,-12.92533 -76.88029,-10.7864 -22.378983,2.13893 -83.268817,6.11191 -92.551597,3.6047 -9.2827801,-2.50721 -15.55092042,-3.56126 -15.68537042,-9.2113 -0.13445,-5.65004 7.51453032,-4.31782 14.02484042,-9.89756 20.25874,-20.56033 20.39186,-29.8495 37.96738,-53.147688 17.57552,-23.29819 41.98122,-26.32157 46.972092,-33.58756 3.483725,-12.03356 0.328035,-14.37566 -2.52538,-28.03174 4.915805,-3.00981 16.310955,6.42389 20.203055,11.11168 3.8921,4.68779 2.61904,13.1927 5.279,14.86015" id="path3717-3-39" sodipodi:nodetypes="czzzzzzczcczc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" d="m 273.52452,139.24946 c 2.7193,-0.47889 18.15951,5.48955 19.55586,4.75451 1.39634,-0.73504 1.52841,-2.95408 6.26523,-3.45507 4.73682,-0.50099 6.51309,4.63399 7.23432,8.07225 0.72124,3.43827 7.66919,-1.50998 11.58205,2.75366 4.52376,4.92931 10.75007,-2.24237 18.71618,-1.8085 7.97145,0.43417 12.62805,10.73606 15.89459,20.97599 3.26653,10.23992 13.90417,21.96544 19.41742,31.04315 5.51326,9.07771 7.58472,10.22937 7.73633,29.19826" id="path3717-3-6" sodipodi:nodetypes="cszzszzzz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" d="m 300.94683,268.57219 c 0,0 19.38017,20.05735 23.44266,32.89413 4.44783,19.22688 6.36109,25.05131 -9.72272,34.97653 -8.23629,4.61958 -32.46385,10.18564 -41.03744,10.98541 -8.57359,0.79977 -4.82392,-2.18219 -5.68211,-0.50507 -0.81227,1.58737 -1.11747,5.04648 -5.55584,8.9651 -4.43837,3.91862 -16.15302,4.46866 -23.48605,8.46003 -7.33303,3.99137 -11.74798,10.59161 -18.43528,17.1726 -6.6873,6.581 -12.37927,0.8446 -7.82869,-7.57615 4.55059,-8.42078 16.6559,-12.03583 21.08694,-21.97082 -5.40086,-2.6545 -11.44248,1.95434 -22.60216,4.79823 -11.15968,2.84389 -29.29702,11.4293 -31.94607,12.87944 -2.64905,1.45014 -16.68046,8.08469 -15.02603,0.75761 1.65443,-7.32708 21.34393,-13.77623 31.31473,-18.94035 9.9708,-5.16412 27.75644,-6.61024 29.04188,-13.51079 -3.11203,-5.05486 -26.04327,0.93447 -31.17421,-2.15548 -3.72155,-2.24119 0.71605,-7.87552 7.71423,-8.90957 8.12887,-1.20113 40.5615,3.28506 45.78061,0.0966 8.80039,-5.37631 13.57227,-8.82778 15.89461,-15.02091 3.41086,-9.09594 12.18149,-10.24771 12.86561,-11.00362" id="path3717-3-3-4-2" sodipodi:nodetypes="ccczzzzzzczzzzcssssz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 65.560673,222.11424 c -4.28571,1.96429 -14.39178,8.93515 -16.39966,19.61395 -2.00788,10.6788 11.02233,31.75658 18.34186,38.85227" id="path3899" sodipodi:nodetypes="czs" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 80.210513,273.66003 c -11.63117,5.25938 -19.52986,11.29109 -28.0698,22.15421 -3.88194,6.02807 -11.92864,15.71131 -6.39794,22.1879 4.52047,4.31591 11.63281,6.8048 16.71611,2.56871" id="path3901" sodipodi:nodetypes="cccc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 111.00222,311.39282 c -0.485,1.03255 -4.66457,4.89334 -8.61694,3.01514" id="path3903" sodipodi:nodetypes="cc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 73.561673,245.81491 c 5.20132,37.11222 24.017972,58.9502 43.077787,68.59042 19.26064,9.7418 36.0494,16.46866 77.22327,15.70596" id="path3905" sodipodi:nodetypes="czc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 257.50498,282.9453 c 0,0 -3.52614,11.82301 -1.76777,16.08847 1.75837,4.26546 9.92083,6.77497 8.44897,9.93968" id="path3907" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 41.347653,160.80481 c 0,0 -2.44198,3.37611 -1.32528,7.65491 1.11669,4.2788 13.78951,16.37318 17.46234,22.58227 3.67283,6.20909 9.758615,28.02787 9.758615,28.02787" id="path3909" sodipodi:nodetypes="czzz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 61.759913,285.38139 c -6.5533,-2.17086 -16.21725,-1.8534 -19.92513,1.08675 1.85905,3.51301 8.2506,2.99715 12.60152,3.96401 0,0 -22.26189,-1.28857 -26.51079,-0.30374 -4.16421,0.9652 -17.08376,2.97014 -16.22943,8.27773 0.82631,5.13346 24.12694,0.67151 31.84782,1.81635 -5.34752,-0.007 -8.79324,0.99934 -11.26704,1.82642 -2.50195,0.8365 -8.39238,2.86479 -6.37737,6.81853 2.01502,3.95375 15.33319,0.41858 17.89765,4.14784" id="path3911" sodipodi:nodetypes="ccczzczzz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 366.11432,312.46163 c 0.0223,-0.078 1.13657,7.7633 -1.00273,17.405 -13.54352,19.07664 -9.99383,49.1544 6.64522,14.69797 2.35301,-6.31732 0.1001,-13.90962 10.66262,-16.75417 10.56252,-2.84455 27.08223,9.13085 38.68166,16.29242 11.59943,7.16157 28.60349,27.85322 36.65918,24.09574 13.29929,-6.20329 -15.43372,-27.41773 -20.95323,-32.26361 -5.86828,-5.84748 -13.73297,-10.95371 -13.47118,-17.12927 7.40626,-5.66975 16.86147,-1.33147 26.09809,0.75762 6.228,2.44265 39.55848,22.00891 28.99856,3.07904 -2.5823,-5.15895 -16.93331,-10.93042 -24.74131,-13.3285 -12.44835,-3.39053 -25.06356,-3.09417 -33.74293,-9.68836" id="path3939" sodipodi:nodetypes="ccczzscccccc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 325.31147,327.01321 c 20.31526,-2.65412 34.29465,-7.57257 51.39151,-22.60217 15.22122,-13.38075 16.28871,-25.00128 16.03617,-31.69354" id="path3941" sodipodi:nodetypes="csz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 439.71124,232.81648 c 2.80221,5.22562 14.29049,9.64061 17.93021,7.82868" id="path3943" sodipodi:nodetypes="cz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 392.48661,281.05126 c 4.16688,2.0203 31.74575,-14.71227 40.65864,-22.60216 8.9129,-7.88989 14.39467,-19.06663 14.39467,-19.06663" id="path3945" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 376.65702,209.05623 c 1.26269,-0.25254 28.55317,-16.79416 37.31347,-19.08305 8.7603,-2.28889 21.28058,-5.67648 27.65084,-8.3832 0.60125,-1.63803 2.01556,-3.77287 4.4583,-4.05769 2.44275,-0.28482 3.48433,1.78716 4.35923,4.41307 4.06586,0.94994 21.55298,4.91278 28.29216,12.13715 6.73918,7.22437 12.66481,14.92608 13.20068,26.76116 0.64251,14.19036 -0.80097,23.15232 -12.90219,29.50363 -4.57783,2.14506 -9.52532,2.80146 -15.9458,6.29071 -6.42048,3.48925 -14.03609,14.48882 -21.46574,21.47843 -7.42965,6.98961 -15.05694,15.7937 -20.83811,20.53218 -5.78117,4.73848 -8.92058,5.80046 -12.86676,7.02248 -3.94618,1.22202 -10.29541,1.0281 -10.56327,-0.0433" id="path3947" sodipodi:nodetypes="czczczsczzzzz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 393.13328,314.12741 c 1.22399,0.0289 5.42305,-1.38684 7.14766,-2.85823 1.7246,-1.47139 1.83256,-2.48547 3.1298,-4.73323" id="path3949" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 203.32292,168.25511 c 0.12627,2.84105 4.04008,8.21522 8.23906,11.08011" id="path3951" sodipodi:nodetypes="cs" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 221.92235,174.05086 c 0,0 6.20365,7.43211 5.53059,11.9198 -0.67306,4.48768 -6.81853,12.6269 -6.81853,12.6269" id="path3953" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 114.31585,177.00555 c 3.4724,-0.75762 17.86708,-0.44195 23.67546,0 5.80837,0.44194 22.53902,3.03046 22.53902,3.03046" id="path3955" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 380.35613,226.74236 c 1.69643,-1.25 11.09042,2.71045 11.25,8.30358 0.1571,5.5057 -2.6688,4.82079 -2.5,8.39285 0.92961,3.60442 2.9801,4.76582 1.96429,11.69643" id="path3957" sodipodi:nodetypes="czcc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 336.54941,155.66608 c 0,0 -2.19242,4.27621 -0.38485,9.06723 1.80758,4.79102 5.43561,9.36805 5.43561,9.36805" id="path3676" sodipodi:nodetypes="czc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 277.23072,148.1371 c 1.30984,-2.45597 5.31814,0.2433 5.20061,3.4065 -0.11753,3.16321 -3.50226,5.36435 -5.5489,2.41719" id="path3678" sodipodi:nodetypes="czc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 277.92874,177.15281 c 0,0 4.23928,-3.23279 5.33444,1.74678 1.09516,4.97957 -3.24034,6.73458 -3.24034,6.73458" id="path3680" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 302.20422,202.31252 c 1.04198,-2.66283 5.20735,-7.16075 8.59714,-1.80974 3.38978,5.35101 -1.70549,9.89096 -6.56804,6.18615" id="path3682" sodipodi:nodetypes="czc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 330.64624,209.42557 c 1.85241,-3.82058 7.74608,-1.7077 8.16517,2.65131 0.4191,4.359 -4.66077,6.53484 -6.3974,2.83004" id="path3684" sodipodi:nodetypes="czc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 289.57732,226.93465 c 0,0 6.93066,-0.0787 6.54432,5.59782 -0.3785,5.5613 -7.48067,4.40891 -7.48067,4.40891" id="path3686" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 350.07069,241.26636 c -0.11577,-3.24171 4.92769,-7.72784 8.95461,-1.50508 4.02692,6.22276 -3.21935,10.31209 -5.65063,9.61744" id="path3688" sodipodi:nodetypes="czc" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 325.5007,263.63662 c 0,0 3.58389,-3.93653 8.23896,-2.58833 4.65507,1.34819 5.71571,4.37864 5.59782,7.35542 -0.11788,2.97679 -5.42923,5.13472 -5.42923,5.13472" id="path3690" sodipodi:nodetypes="czzz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 403.493,206.61582 c 0,0 2.3522,-6.09217 6.51318,-1.9262 4.1027,4.10762 -2.78875,9.91264 -2.78875,9.91264" id="path3692" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 457.12588,204.09044 c 0,0 4.59229,-3.3472 5.11372,1.50371 0.52144,4.85091 -4.72442,6.56667 -4.72442,6.56667" id="path3694" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 83.274653,93.483812 c 0,0 3.16538,-6.48222 5.90317,-6.96036 2.73778,-0.47815 4.55537,-0.27403 4.41907,2.30398 -0.13629,2.57801 -4.37711,3.41468 -4.37711,3.41468" id="path3696" sodipodi:nodetypes="czzz" inkscape:connector-curvature="0"/>
        <path style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="m 73.940893,94.004802 c 0,0 -2.14793,-7.76431 -4.79823,-7.82868 -2.65029,-0.0644 -1.41468,4.16654 -1.41468,4.16654" id="path3698" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:#87b9a3;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 190.08774,247.84529 c 5.8279,-10.74135 24.99321,-16.64676 29.04815,-2.7786 3.38885,13.03792 -13.63923,20.89713 -24.31161,19.91385 5.91591,-4.44099 24.12745,-7.45002 19.18441,-18.88211 -4.94304,-11.43208 -20.96869,4.64124 -23.92095,1.74686 z" id="path3710" sodipodi:nodetypes="ccczc" inkscape:connector-curvature="0"/>
        <path style="fill:#87b9a3;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 211.86961,249.24464 c 9.23853,-4.91219 7.54198,-7.55812 -1.1101,-3.06751 -8.65208,4.49061 -8.12843,7.9797 1.1101,3.06751 z" id="path3710-8" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:#fffff5;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 184.75984,263.85044 c -2.60494,0.75254 -13.39939,16.35901 -14.03148,22.39849 2.89905,4.41863 9.70295,6.66595 13.48551,8.2643 3.55101,-3.72732 11.96909,-21.65618 12.31641,-24.14534 -0.98408,-2.14184 -8.99184,-6.80689 -11.77044,-6.51745 z" id="path3724-5" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0"/>
        <path style="fill:#9c3231;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 195.02974,269.84139 c -11.34544,-8.31766 -22.72951,4.46974 -13.22105,14.75734 9.50846,10.2876 24.56649,-6.43967 13.22105,-14.75734 z" id="path3724" sodipodi:nodetypes="czz" inkscape:connector-curvature="0"/>
        <path style="fill:#87b9a3;fill-opacity:1;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 192.44418,259.20741 c 0.67001,7.85684 -1.81603,10.13094 -2.65382,12.13042 -0.83775,1.99948 -2.70131,2.83153 -1.93868,4.2208 6.70008,4.62138 10.95721,-12.42289 9.61216,-17.6154 -1.34506,-5.19251 -4.12784,-13.36195 -12.54115,-10.91177 -4.67955,3.63094 6.34511,1.327 7.52149,12.17595 z" id="path3708" sodipodi:nodetypes="czczcc" inkscape:connector-curvature="0"/>
        <path id="path3935-5" style="fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" d="m 253.01081,124.23252 c -6.14217,-7.93259 -4.42729,-7.97268 -5.75612,-12.9273 -3.4698,-12.937402 -2.55418,-27.892048 -5.9338,-33.597218 -8.72817,-7.6848 -17.89578,-17.34849 -23.06471,-27.97126 0,0 -12.73825,21.39493 -29.7843,21.66718 -17.04605,0.27225 -36.7026,-17.9869 -35.82572,-33.25736 1.23546,-10.01067 3.41161,-17.68042 5.79648,-20.56343 -10.76102,2.43391 -15.88123,10.36461 -20.37755,16.75465 -4.49632,6.39004 -6.91341,13.00707 -8.41047,16.81457 -5.03167,1.26111 -10.46732,0.16433 -15.53995,1.68942" sodipodi:nodetypes="csccsccscc" inkscape:connector-curvature="0"/>
      </g>
    </g>
</svg>
<audio controls="" loop><source src="https://www.scottsmitelli.com/static-articles/2008/hypno-angrymachine.mp3" type="audio/mpeg"> <source src="https://www.scottsmitelli.com/static-articles/2008/hypno-angrymachine.ogg" type="audio/ogg"></audio>
              
            
!

CSS

              
                body {
    background-color: black;
    margin:0;
    overflow:hidden;
}

svg, canvas, audio {
    position:absolute;
}

audio {
    bottom:0;
}

              
            
!

JS

              
                let gl = c.getContext("webgl"), 
    pid = gl.createProgram(),
    draw = t => {
        uniforms.time([t]);
        uniforms.center([0, 0]);
        uniforms.zoom([2.7]);
        gl.drawArrays(gl.TRIANGLES, 0, 3);
        requestAnimationFrame(draw);
    },
    resize = () => {
        
        if (innerHeight > innerWidth) {
            c.style.left = 0;
            c.style.top = (innerHeight-innerWidth)/2 + 'px';
        } else {
            c.style.left = (innerWidth-innerHeight)/2 + 'px';
            c.style.top = 0;
        }
        
        let min = Math.min(innerWidth, innerHeight)
        let w = min/5*3.1; let h=min/5;


        let wh = [c.width=w,c.height=h];
        uniforms.resolution(wh)
        gl.viewport(0, 0, ...wh)
    },
    uniforms = {center: '2f', resolution: '2f', time: '1f', zoom: '1f'};

gl.bindBuffer(gl.ARRAY_BUFFER, gl.createBuffer());
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1,3,-1,-1,3,-1]), gl.STATIC_DRAW);

[`  attribute vec2 vertices;
    void main(void) {
        gl_Position = vec4(vertices, 0., 1.);
    }
 `,
 `precision highp float;

  uniform vec2 resolution;
  uniform vec2 center;
  uniform float time; 
  uniform float zoom;

  vec2 mul(vec2 A, vec2 B) {
      return vec2(A.x * B.x - A.y * B.y, 2.0 * A.x * B.y);
  }

  vec3 fractal(vec2 c) {
      vec2 z = c;
      for (int i = 0; i < 64; i++) {
        if (dot(z, z) > 4.){
            float j = float(i);
            return vec3(
                sin(j/3.),
                sin(j/4.),
                sin(j/5.));
        }

        z = mul(z, z) - sin(time/875.)*0.4; 

        float f = 0.5;
        float tt = time/777.;
        if (gl_FragCoord.x > resolution.x/2.){
            f = -0.4;
            tt = time/35.;
        }

        z = mul(z, z) + cos(time/tt)*f; 
      }
      return vec3(0.);
  }

  mat2 rot(float x, float y) {
    float cs = cos(time/x);
    float si = sin(time/y);
    return mat2(cs, -si, si, cs); 
  }

  void main(void) {
      vec2 c = gl_FragCoord.xy;

      bool right = c.x > resolution.x/2.;

      if (right)
        c.x = c.x*2. - resolution.x;
      else {
        c.x = c.x*2.;
        c.y += resolution.y/15.;
        c.x -= resolution.x/25.;
      }

      c = -resolution + 2.0 * c;
      c *= zoom/resolution.xy;
      c += center;

    //  if (right)
    //    c *= rot(4233., -4233.); 
    //  else {
    //    c *= rot(3233., 3233.); 
    //  }
      gl_FragColor = vec4(fractal(c), 1.0);
  }`
].forEach((src, i) => {
    let id = gl.createShader(i?gl.FRAGMENT_SHADER:gl.VERTEX_SHADER);
    gl.shaderSource(id, src);
    gl.compileShader(id);
    var message = gl.getShaderInfoLog(id);
    gl.attachShader(pid, id);
    if (message.length > 0) {
      console.log(src.split("\n").map((str, i) => 
            (""+(1+i)).padStart(4, "0")+": "+str).join("\n"));
      throw message;
    }
});
gl.linkProgram(pid);
gl.useProgram(pid);

Object.keys(uniforms).forEach(uf => {
     let loc = gl.getUniformLocation(pid, uf), f = gl[`uniform${uniforms[uf]}`]
     uniforms[uf] = v => f.call(gl, loc, ...v) || v
});

let vertices = gl.getAttribLocation(pid, "vertices")
gl.vertexAttribPointer(vertices, 2, gl.FLOAT, 0, 0, 0);
gl.enableVertexAttribArray(vertices);


addEventListener("resize", () => resize());

resize();
requestAnimationFrame(draw);

setTimeout(() => {
    let audio = document.querySelector('audio')
    audio.play().catch(e => audio.play())
}, 3000)
              
            
!
999px

Console