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

              
                <head>
<style>
svg {
    position: absolute;
        top: 5;
            left: 5;
}

#moore-back {
    width: 300px;
        height: 300px;
    animation: turn-counter 15s infinite linear;
        animation-duration: 30s;
            transform: scale(-1, 1);
}

#moore-front {
    width: 300px;
    height: 300px;
    animation: turn 30s infinite linear;
}

@keyframes turn {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes turn-counter {
    0% {
        transform: rotate(0deg) scale(-1, 1);
    }
    100% {
        transform: rotate(-360deg) scale(-1, 1);
    }
}

</style>
</head>
<body>
    <svg id="moore-back"
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="292.45001mm"
   height="292.45001mm"
   viewBox="0 0 292.45001 292.45001"
   version="1.1"
   id="svg3457"
   inkscape:version="0.91 r13725"
   sodipodi:docname="spinner.svg">
  <metadata
     id="metadata3538">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <defs
     id="defs3536" />
  <sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="1277"
     inkscape:window-height="696"
     id="namedview3534"
     showgrid="false"
     inkscape:zoom="0.46404904"
     inkscape:cx="282.38514"
     inkscape:cy="562.18773"
     inkscape:window-x="0"
     inkscape:window-y="0"
     inkscape:window-maximized="0"
     inkscape:current-layer="svg3457"
     fit-margin-top="0"
     fit-margin-left="0"
     fit-margin-right="0"
     fit-margin-bottom="0" />
  <path
     id="Shape2DView_nwe0071"
     style="fill-opacity:1;fill-rule:evenodd;stroke:#191919;stroke-width:0.34999999;stroke-miterlimit:4;stroke-dasharray:none"
     d="m 86.008443,123.63867 c -9.366732,4.09726 -15.849393,13.10242 -22.332055,22.10758 -4.33349,-5.97879 -8.66698,-11.95758 -11.73496,-18.375 C 40.93106,104.3404 46.21983,75.660279 57.826794,54.234478 68.430537,34.66056 84.307472,21.14115 100.18441,7.6217302 87.997424,11.669947 76.397576,17.307803 65.684928,24.38946 58.772521,34.60768 51.860115,44.82591 46.896393,56.405286 37.62959,78.022883 35.15461,104.38454 43.69513,125.63406 c 4.699599,11.69298 12.73466,21.83802 20.76972,31.98306 6.224538,-10.34909 12.449076,-20.69819 21.79181,-25.61941 7.611251,-4.00918 17.29201,-4.41595 26.97277,-4.82271 -2.0166,3.49286 -3.46581,7.28376 -4.2935,11.23112 -10.20186,5.28054 -20.403724,10.56108 -26.153165,18.36682 -6.063193,8.2317 -7.174764,19.27173 -8.286334,30.31176 C 67.754122,184.07366 61.011813,181.06261 55.146155,177.03896 34.09547,162.59885 24.33562,135.11674 23.67465,110.75797 c -0.60385,-22.253374 6.38627,-41.9 13.37639,-61.546626 -8.53013,9.599351 -15.756964,20.2818 -21.49356,31.771017 -0.87721,12.305448 -1.75441,24.610899 -0.26343,37.120789 2.78351,23.35479 13.82094,47.42214 31.84201,61.5545 9.91646,7.77663 21.947547,12.54496 33.978633,17.31329 0.216061,-12.07485 0.432122,-24.14969 6.062555,-33.08297 C 91.764195,156.6103 99.9446,151.41765 108.125,146.225 c 0,4.0332 0.64039,8.04083 1.89727,11.87319 -6.19479,9.67401 -12.38959,19.34802 -13.465887,28.98271 -1.135028,10.16046 3.422337,20.27719 7.979707,30.39392 -7.344535,0.76352 -14.689067,1.52703 -21.780704,0.97527 C 57.304903,216.46993 35.11157,197.54966 22.35977,176.78483 10.71013,157.81476 6.9404402,137.30523 3.1707502,116.79569 0.58311627,129.37404 -0.33428073,142.23873 0.44229017,155.05698 5.8353302,166.15241 11.22837,177.24784 18.77454,187.33624 c 14.08799,18.83408 35.680364,34.1583 58.353248,37.38676 12.476217,1.77652 25.279612,-0.10953 38.083002,-1.99557 -5.85031,-10.56516 -11.70062,-21.13031 -11.29116,-31.68197 0.33358,-8.59613 4.82169,-17.18329 9.3098,-25.77046 2.0166,3.49286 4.57502,6.64337 7.57969,9.33385 -0.52785,11.47534 -1.0557,22.95068 2.82955,31.83271 4.09726,9.36673 13.10242,15.84939 22.10758,22.33205 -5.97879,4.33349 -11.95758,8.66698 -18.375,11.73496 -23.03085,11.01037 -51.710971,5.7216 -73.136772,-5.88536 C 34.66056,224.01946 21.14115,208.14253 7.6217302,192.26559 c 4.0482168,12.18699 9.6860728,23.78683 16.7677298,34.49948 10.21822,6.91241 20.43645,13.82481 32.015826,18.78854 21.617597,9.2668 47.979254,11.74178 69.228774,3.20126 11.69298,-4.6996 21.83802,-12.73466 31.98306,-20.76972 -10.34909,-6.22454 -20.69819,-12.44908 -25.61941,-21.79181 -4.00918,-7.61125 -4.41595,-17.29201 -4.82271,-26.97277 3.49286,2.0166 7.28376,3.46581 11.23112,4.2935 5.28054,10.20187 10.56108,20.40372 18.36682,26.15317 8.2317,6.06319 19.27173,7.17476 30.31176,8.28633 -3.01104,6.74231 -6.02209,13.48462 -10.04574,19.35027 -14.44011,21.05069 -41.92222,30.81054 -66.28099,31.47151 -22.253374,0.60385 -41.9,-6.38627 -61.546626,-13.37639 9.599351,8.53013 20.2818,15.75696 31.771017,21.49356 12.305448,0.87721 24.610899,1.75441 37.120789,0.26343 23.35479,-2.78351 47.42214,-13.82094 61.5545,-31.84201 7.77663,-9.91646 12.54496,-21.94755 17.31329,-33.97863 -12.07485,-0.21606 -24.14969,-0.43212 -33.08297,-6.06256 C 156.6103,200.6858 151.41765,192.5054 146.225,184.325 c 4.0332,0 8.04083,-0.64039 11.87319,-1.89727 9.67401,6.19479 19.34802,12.38959 28.98271,13.46589 10.16046,1.13502 20.27719,-3.42234 30.39392,-7.97971 0.76352,7.34453 1.52703,14.68907 0.97527,21.7807 -1.98016,25.45049 -20.90043,47.64382 -41.66526,60.39562 -18.97007,11.64964 -39.4796,15.41933 -59.98914,19.18902 12.57835,2.58763 25.44304,3.50503 38.26129,2.72846 11.09543,-5.39304 22.19086,-10.78608 32.27926,-18.33225 18.83408,-14.08799 34.1583,-35.68036 37.38676,-58.35325 1.77652,-12.47621 -0.10953,-25.27961 -1.99557,-38.083 -10.56516,5.85031 -21.13031,11.70062 -31.68197,11.29116 -8.59613,-0.33358 -17.18329,-4.82169 -25.77046,-9.3098 3.49286,-2.0166 6.64337,-4.57502 9.33385,-7.57969 11.47534,0.52785 22.95068,1.0557 31.83271,-2.82955 9.36673,-4.09726 15.84939,-13.10242 22.33205,-22.10758 4.33349,5.97879 8.66698,11.95758 11.73496,18.375 11.01037,23.03085 5.7216,51.71097 -5.88536,73.13677 -10.60375,19.57392 -26.48068,33.09333 -42.35762,46.61275 12.18699,-4.04822 23.78683,-9.68607 34.49948,-16.76773 6.91241,-10.21822 13.82481,-20.43645 18.78854,-32.01583 9.2668,-21.61759 11.74178,-47.97925 3.20126,-69.22877 -4.6996,-11.69298 -12.73466,-21.83802 -20.76972,-31.98306 -6.22454,10.34909 -12.44908,20.69819 -21.79181,25.61941 -7.61125,4.00918 -17.29201,4.41594 -26.97277,4.82271 2.0166,-3.49286 3.46581,-7.28376 4.2935,-11.23112 10.20187,-5.28054 20.40372,-10.56108 26.15317,-18.36682 6.06319,-8.2317 7.17476,-19.27173 8.28633,-30.31176 6.74231,3.01104 13.48462,6.02209 19.35027,10.04574 21.05069,14.44011 30.81054,41.92222 31.47151,66.28099 0.60385,22.25337 -6.38627,41.9 -13.37639,61.54663 8.53013,-9.59935 15.75696,-20.2818 21.49356,-31.77102 0.87721,-12.30545 1.75441,-24.6109 0.26343,-37.12079 -2.78351,-23.35479 -13.82094,-47.42214 -31.84201,-61.5545 -9.91646,-7.77663 -21.94755,-12.54496 -33.97863,-17.313291 -0.21606,12.074851 -0.43212,24.149701 -6.06256,33.082971 -4.58695,7.27767 -12.76735,12.47032 -20.94775,17.66297 0,-4.0332 -0.64039,-8.04083 -1.89727,-11.87319 6.19479,-9.67401 12.38959,-19.34802 13.46589,-28.98271 1.13502,-10.160463 -3.42234,-20.277192 -7.97971,-30.393921 7.34453,-0.763516 14.68907,-1.527032 21.7807,-0.975271 25.45049,1.980161 47.64382,20.900437 60.39562,41.665262 11.64964,18.97007 15.41933,39.4796 19.18902,59.98914 2.58763,-12.57835 3.50503,-25.44304 2.72846,-38.26129 -5.39304,-11.09543 -10.78608,-22.19086 -18.33225,-32.27926 -14.08799,-18.834083 -35.68036,-34.158304 -58.35325,-37.386757 -12.47622,-1.776523 -25.27961,0.109524 -38.083,1.99557 5.85031,10.565155 11.70062,21.130311 11.29116,31.681967 -0.33358,8.59613 -4.82169,17.18329 -9.3098,25.77046 -2.0166,-3.49286 -4.57502,-6.64337 -7.57969,-9.33385 0.52785,-11.47534 1.0557,-22.950676 -2.82955,-31.832707 -4.09726,-9.366732 -13.10242,-15.849393 -22.10758,-22.332055 5.97879,-4.33349 11.95758,-8.66698 18.375,-11.73496 23.03085,-11.010368 51.71097,-5.721598 73.13677,5.885366 19.57392,10.603743 33.09333,26.480678 46.61275,42.357616 C 280.78005,87.997424 275.1422,76.397576 268.06054,65.684928 257.84232,58.772521 247.62409,51.860115 236.04471,46.896393 214.42712,37.62959 188.06546,35.15461 166.81594,43.69513 c -11.69298,4.699599 -21.83802,12.73466 -31.98306,20.76972 10.34909,6.224538 20.69819,12.449076 25.61941,21.79181 4.00918,7.611251 4.41594,17.29201 4.82271,26.97277 -3.49286,-2.0166 -7.28376,-3.46581 -11.23112,-4.2935 -5.28054,-10.20186 -10.56108,-20.403724 -18.36682,-26.153165 -8.2317,-6.063193 -19.27173,-7.174764 -30.31176,-8.286334 3.01104,-6.742309 6.02209,-13.484618 10.04574,-19.350276 14.44011,-21.050685 41.92222,-30.810535 66.28099,-31.471505 22.25337,-0.60385 41.9,6.38627 61.54663,13.37639 -9.59935,-8.53013 -20.2818,-15.756964 -31.77102,-21.49356 -12.30545,-0.87721 -24.6109,-1.75441 -37.12079,-0.26343 -23.35479,2.78351 -47.42214,13.82094 -61.5545,31.84201 -7.77663,9.91646 -12.54496,21.947547 -17.313291,33.978633 12.074851,0.216061 24.149691,0.432122 33.082971,6.062555 7.27767,4.586947 12.47032,12.767352 17.66297,20.947752 -4.0332,0 -8.04083,0.64039 -11.87319,1.89727 C 124.6778,103.82748 115.00379,97.63268 105.3691,96.556383 95.208637,95.421355 85.091908,99.97872 74.975179,104.53609 74.211663,97.191555 73.448147,89.847023 73.999908,82.755386 75.980069,57.304903 94.900345,35.11157 115.66517,22.35977 134.63524,10.71013 155.14477,6.9404402 175.65431,3.1707502 163.07596,0.58311627 150.21127,-0.33428073 137.39302,0.44229017 126.29759,5.8353302 115.20216,11.22837 105.11376,18.77454 86.279677,32.86253 70.955456,54.454904 67.727003,77.127788 c -1.776523,12.476217 0.109524,25.279612 1.99557,38.083002 10.565155,-5.85031 21.130311,-11.70062 31.681967,-11.29116 8.59613,0.33358 17.18329,4.82169 25.77046,9.3098 -3.49286,2.0166 -6.64337,4.57502 -9.33385,7.57969 -11.47534,-0.52785 -22.950676,-1.0557 -31.832707,2.82955 z"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="scssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccs" />
</svg>
  <svg id="moore-front"
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="292.45001mm"
   height="292.45001mm"
   viewBox="0 0 292.45001 292.45001"
   version="1.1"
   id="svg3457"
   inkscape:version="0.91 r13725"
   sodipodi:docname="spinner.svg">
  <metadata
     id="metadata3538">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <defs
     id="defs3536" />
  <sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="1277"
     inkscape:window-height="696"
     id="namedview3534"
     showgrid="false"
     inkscape:zoom="0.46404904"
     inkscape:cx="282.38514"
     inkscape:cy="562.18773"
     inkscape:window-x="0"
     inkscape:window-y="0"
     inkscape:window-maximized="0"
     inkscape:current-layer="svg3457"
     fit-margin-top="0"
     fit-margin-left="0"
     fit-margin-right="0"
     fit-margin-bottom="0" />
  <path
     id="Shape2DView_nwe0071"
     style="fill-opacity:1;fill-rule:evenodd;stroke:#191919;stroke-width:0.34999999;stroke-miterlimit:4;stroke-dasharray:none"
     d="m 86.008443,123.63867 c -9.366732,4.09726 -15.849393,13.10242 -22.332055,22.10758 -4.33349,-5.97879 -8.66698,-11.95758 -11.73496,-18.375 C 40.93106,104.3404 46.21983,75.660279 57.826794,54.234478 68.430537,34.66056 84.307472,21.14115 100.18441,7.6217302 87.997424,11.669947 76.397576,17.307803 65.684928,24.38946 58.772521,34.60768 51.860115,44.82591 46.896393,56.405286 37.62959,78.022883 35.15461,104.38454 43.69513,125.63406 c 4.699599,11.69298 12.73466,21.83802 20.76972,31.98306 6.224538,-10.34909 12.449076,-20.69819 21.79181,-25.61941 7.611251,-4.00918 17.29201,-4.41595 26.97277,-4.82271 -2.0166,3.49286 -3.46581,7.28376 -4.2935,11.23112 -10.20186,5.28054 -20.403724,10.56108 -26.153165,18.36682 -6.063193,8.2317 -7.174764,19.27173 -8.286334,30.31176 C 67.754122,184.07366 61.011813,181.06261 55.146155,177.03896 34.09547,162.59885 24.33562,135.11674 23.67465,110.75797 c -0.60385,-22.253374 6.38627,-41.9 13.37639,-61.546626 -8.53013,9.599351 -15.756964,20.2818 -21.49356,31.771017 -0.87721,12.305448 -1.75441,24.610899 -0.26343,37.120789 2.78351,23.35479 13.82094,47.42214 31.84201,61.5545 9.91646,7.77663 21.947547,12.54496 33.978633,17.31329 0.216061,-12.07485 0.432122,-24.14969 6.062555,-33.08297 C 91.764195,156.6103 99.9446,151.41765 108.125,146.225 c 0,4.0332 0.64039,8.04083 1.89727,11.87319 -6.19479,9.67401 -12.38959,19.34802 -13.465887,28.98271 -1.135028,10.16046 3.422337,20.27719 7.979707,30.39392 -7.344535,0.76352 -14.689067,1.52703 -21.780704,0.97527 C 57.304903,216.46993 35.11157,197.54966 22.35977,176.78483 10.71013,157.81476 6.9404402,137.30523 3.1707502,116.79569 0.58311627,129.37404 -0.33428073,142.23873 0.44229017,155.05698 5.8353302,166.15241 11.22837,177.24784 18.77454,187.33624 c 14.08799,18.83408 35.680364,34.1583 58.353248,37.38676 12.476217,1.77652 25.279612,-0.10953 38.083002,-1.99557 -5.85031,-10.56516 -11.70062,-21.13031 -11.29116,-31.68197 0.33358,-8.59613 4.82169,-17.18329 9.3098,-25.77046 2.0166,3.49286 4.57502,6.64337 7.57969,9.33385 -0.52785,11.47534 -1.0557,22.95068 2.82955,31.83271 4.09726,9.36673 13.10242,15.84939 22.10758,22.33205 -5.97879,4.33349 -11.95758,8.66698 -18.375,11.73496 -23.03085,11.01037 -51.710971,5.7216 -73.136772,-5.88536 C 34.66056,224.01946 21.14115,208.14253 7.6217302,192.26559 c 4.0482168,12.18699 9.6860728,23.78683 16.7677298,34.49948 10.21822,6.91241 20.43645,13.82481 32.015826,18.78854 21.617597,9.2668 47.979254,11.74178 69.228774,3.20126 11.69298,-4.6996 21.83802,-12.73466 31.98306,-20.76972 -10.34909,-6.22454 -20.69819,-12.44908 -25.61941,-21.79181 -4.00918,-7.61125 -4.41595,-17.29201 -4.82271,-26.97277 3.49286,2.0166 7.28376,3.46581 11.23112,4.2935 5.28054,10.20187 10.56108,20.40372 18.36682,26.15317 8.2317,6.06319 19.27173,7.17476 30.31176,8.28633 -3.01104,6.74231 -6.02209,13.48462 -10.04574,19.35027 -14.44011,21.05069 -41.92222,30.81054 -66.28099,31.47151 -22.253374,0.60385 -41.9,-6.38627 -61.546626,-13.37639 9.599351,8.53013 20.2818,15.75696 31.771017,21.49356 12.305448,0.87721 24.610899,1.75441 37.120789,0.26343 23.35479,-2.78351 47.42214,-13.82094 61.5545,-31.84201 7.77663,-9.91646 12.54496,-21.94755 17.31329,-33.97863 -12.07485,-0.21606 -24.14969,-0.43212 -33.08297,-6.06256 C 156.6103,200.6858 151.41765,192.5054 146.225,184.325 c 4.0332,0 8.04083,-0.64039 11.87319,-1.89727 9.67401,6.19479 19.34802,12.38959 28.98271,13.46589 10.16046,1.13502 20.27719,-3.42234 30.39392,-7.97971 0.76352,7.34453 1.52703,14.68907 0.97527,21.7807 -1.98016,25.45049 -20.90043,47.64382 -41.66526,60.39562 -18.97007,11.64964 -39.4796,15.41933 -59.98914,19.18902 12.57835,2.58763 25.44304,3.50503 38.26129,2.72846 11.09543,-5.39304 22.19086,-10.78608 32.27926,-18.33225 18.83408,-14.08799 34.1583,-35.68036 37.38676,-58.35325 1.77652,-12.47621 -0.10953,-25.27961 -1.99557,-38.083 -10.56516,5.85031 -21.13031,11.70062 -31.68197,11.29116 -8.59613,-0.33358 -17.18329,-4.82169 -25.77046,-9.3098 3.49286,-2.0166 6.64337,-4.57502 9.33385,-7.57969 11.47534,0.52785 22.95068,1.0557 31.83271,-2.82955 9.36673,-4.09726 15.84939,-13.10242 22.33205,-22.10758 4.33349,5.97879 8.66698,11.95758 11.73496,18.375 11.01037,23.03085 5.7216,51.71097 -5.88536,73.13677 -10.60375,19.57392 -26.48068,33.09333 -42.35762,46.61275 12.18699,-4.04822 23.78683,-9.68607 34.49948,-16.76773 6.91241,-10.21822 13.82481,-20.43645 18.78854,-32.01583 9.2668,-21.61759 11.74178,-47.97925 3.20126,-69.22877 -4.6996,-11.69298 -12.73466,-21.83802 -20.76972,-31.98306 -6.22454,10.34909 -12.44908,20.69819 -21.79181,25.61941 -7.61125,4.00918 -17.29201,4.41594 -26.97277,4.82271 2.0166,-3.49286 3.46581,-7.28376 4.2935,-11.23112 10.20187,-5.28054 20.40372,-10.56108 26.15317,-18.36682 6.06319,-8.2317 7.17476,-19.27173 8.28633,-30.31176 6.74231,3.01104 13.48462,6.02209 19.35027,10.04574 21.05069,14.44011 30.81054,41.92222 31.47151,66.28099 0.60385,22.25337 -6.38627,41.9 -13.37639,61.54663 8.53013,-9.59935 15.75696,-20.2818 21.49356,-31.77102 0.87721,-12.30545 1.75441,-24.6109 0.26343,-37.12079 -2.78351,-23.35479 -13.82094,-47.42214 -31.84201,-61.5545 -9.91646,-7.77663 -21.94755,-12.54496 -33.97863,-17.313291 -0.21606,12.074851 -0.43212,24.149701 -6.06256,33.082971 -4.58695,7.27767 -12.76735,12.47032 -20.94775,17.66297 0,-4.0332 -0.64039,-8.04083 -1.89727,-11.87319 6.19479,-9.67401 12.38959,-19.34802 13.46589,-28.98271 1.13502,-10.160463 -3.42234,-20.277192 -7.97971,-30.393921 7.34453,-0.763516 14.68907,-1.527032 21.7807,-0.975271 25.45049,1.980161 47.64382,20.900437 60.39562,41.665262 11.64964,18.97007 15.41933,39.4796 19.18902,59.98914 2.58763,-12.57835 3.50503,-25.44304 2.72846,-38.26129 -5.39304,-11.09543 -10.78608,-22.19086 -18.33225,-32.27926 -14.08799,-18.834083 -35.68036,-34.158304 -58.35325,-37.386757 -12.47622,-1.776523 -25.27961,0.109524 -38.083,1.99557 5.85031,10.565155 11.70062,21.130311 11.29116,31.681967 -0.33358,8.59613 -4.82169,17.18329 -9.3098,25.77046 -2.0166,-3.49286 -4.57502,-6.64337 -7.57969,-9.33385 0.52785,-11.47534 1.0557,-22.950676 -2.82955,-31.832707 -4.09726,-9.366732 -13.10242,-15.849393 -22.10758,-22.332055 5.97879,-4.33349 11.95758,-8.66698 18.375,-11.73496 23.03085,-11.010368 51.71097,-5.721598 73.13677,5.885366 19.57392,10.603743 33.09333,26.480678 46.61275,42.357616 C 280.78005,87.997424 275.1422,76.397576 268.06054,65.684928 257.84232,58.772521 247.62409,51.860115 236.04471,46.896393 214.42712,37.62959 188.06546,35.15461 166.81594,43.69513 c -11.69298,4.699599 -21.83802,12.73466 -31.98306,20.76972 10.34909,6.224538 20.69819,12.449076 25.61941,21.79181 4.00918,7.611251 4.41594,17.29201 4.82271,26.97277 -3.49286,-2.0166 -7.28376,-3.46581 -11.23112,-4.2935 -5.28054,-10.20186 -10.56108,-20.403724 -18.36682,-26.153165 -8.2317,-6.063193 -19.27173,-7.174764 -30.31176,-8.286334 3.01104,-6.742309 6.02209,-13.484618 10.04574,-19.350276 14.44011,-21.050685 41.92222,-30.810535 66.28099,-31.471505 22.25337,-0.60385 41.9,6.38627 61.54663,13.37639 -9.59935,-8.53013 -20.2818,-15.756964 -31.77102,-21.49356 -12.30545,-0.87721 -24.6109,-1.75441 -37.12079,-0.26343 -23.35479,2.78351 -47.42214,13.82094 -61.5545,31.84201 -7.77663,9.91646 -12.54496,21.947547 -17.313291,33.978633 12.074851,0.216061 24.149691,0.432122 33.082971,6.062555 7.27767,4.586947 12.47032,12.767352 17.66297,20.947752 -4.0332,0 -8.04083,0.64039 -11.87319,1.89727 C 124.6778,103.82748 115.00379,97.63268 105.3691,96.556383 95.208637,95.421355 85.091908,99.97872 74.975179,104.53609 74.211663,97.191555 73.448147,89.847023 73.999908,82.755386 75.980069,57.304903 94.900345,35.11157 115.66517,22.35977 134.63524,10.71013 155.14477,6.9404402 175.65431,3.1707502 163.07596,0.58311627 150.21127,-0.33428073 137.39302,0.44229017 126.29759,5.8353302 115.20216,11.22837 105.11376,18.77454 86.279677,32.86253 70.955456,54.454904 67.727003,77.127788 c -1.776523,12.476217 0.109524,25.279612 1.99557,38.083002 10.565155,-5.85031 21.130311,-11.70062 31.681967,-11.29116 8.59613,0.33358 17.18329,4.82169 25.77046,9.3098 -3.49286,2.0166 -6.64337,4.57502 -9.33385,7.57969 -11.47534,-0.52785 -22.950676,-1.0557 -31.832707,2.82955 z"
     inkscape:connector-curvature="0"
     sodipodi:nodetypes="scssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccscssccsscsccs" />
</svg>

<body>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console