Pen Settings

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. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 603.1 438.2">
  <style>
    .st0{fill:#FFFFFF;} .st1{fill:#515251;} .st2{fill:#E27496;} .st3{fill:#F89C52;} .st4{clip-path:url(#SVGID_2_);} .st5{fill:#CC7236;} .st6{clip-path:url(#SVGID_4_);} .st7{clip-path:url(#SVGID_6_);} .st8{clip-path:url(#SVGID_8_);} .st9{clip-path:url(#SVGID_10_);} .st10{fill:#006E56;} .shadow{fill:#707071;} .bubble{fill:#F5EBF4;} .st13{fill:#8051A1;}
  </style>
  <g id="ghost">
    <path class="st0" d="M6.9 223.2c1.5-16.5.8-33-2.1-49.3C-.5 143.7.4 92 67.1 86.2c0 0 61.5-5 62.9 62.8 0 0 6 65.9 7.4 78.5 1.2 11.6 7.6 91.8 4.1 109.5-.3 1.5-2.1 2.2-3.3 1.3-8.1-5.8-34.6-25.2-39.2-32.7-5.4-8.8-1 38.7-7 45-2.6 2.8-24.8-37.9-24.8-37.9S49.9 354.2 44 355.4c-5.3 1-9.4-42.6-11.2-41.1-2.2 1.9-20.9 40.7-30.7 39.4-5.3-.6.6-84.2 4.8-130.5z"/>
    <circle class="st1" cx="66.5" cy="138.5" r="5.4"/>
    <circle class="st1" cx="97.4" cy="129.6" r="5.4"/>
    <ellipse transform="rotate(-11.536 92.006 158.492)" class="st1" cx="92" cy="158.5" rx="9.1" ry="11.4"/>
    <path class="st2" d="M57.9 157.6h2.6c-.2-1.6-.4-3.3-.7-4.9-1.6.6-3.2 1.2-4.8 1.7-3 1.1-1.7 5.9 1.3 4.8 2-.7 3.9-1.5 5.8-2.3-.8-1.4-1.7-2.9-2.5-4.3-1.6.8-3.3 1.6-4.9 2.5-2.5 1.3-.7 5.6 1.9 4.6 1.2-.5 2.4-.9 3.6-1.4l-2.4-4.2c-1.1 1-2.2 1.9-3.2 2.9-1.8 1.6.1 5 2.4 4.2 1.4-.5 2.7-1 4.1-1.4-.6-1.5-1.3-3-1.9-4.6-1.5 1-3 2.1-4.5 3.1-2.6 1.8-.3 5.9 2.5 4.3 1.3-.7 2.6-1.3 4-1.7-.9-1.2-1.9-2.4-2.8-3.7-.6 1.1-1.2 1.5-2.4 1.7l2.4 4.2c.5-.7 1.3-1.1 2.1-1.3l-2.4-4.2c-.6.7-1.2 1.2-2.1 1.6-2.5 1.3-.8 5.5 1.9 4.6l2.4-.9c-.9-1.2-1.9-2.4-2.8-3.7-.6.8-1.1 1.5-1.7 2.3-1.6 2.1 1.4 4.6 3.4 3.4 1.2-.7 2.5-1.4 3.7-2.2-1.2-.9-2.4-1.9-3.7-2.8v.4c-1.6 2 .4 5.6 3 3.9 1.4-.9 2.7-1.9 4-3 2-1.7-.2-4.7-2.4-4.2-.5 0-.9.1-1.4.1.6 1.4 1.2 2.8 1.8 4.3 1-1.2 2-2.4 3.1-3.5 1.6-1.8.1-4.9-2.4-4.2-3.6 1.1-7.2 2.1-10.8 3.2l3.1 3.1c.4-.6.7-1.1 1.1-1.7-.6-1.5-1.3-3-1.9-4.6-1.5 1.1-2.9 1.9-4.7 2.4.9 1.2 1.9 2.4 2.8 3.7.2-.2.4-.5.6-.7-.6-1.4-1.2-2.8-1.8-4.3-1.3 1.1-2.7 2.2-4 3.4l3.9 3c.2-.7.6-1.2 1.3-1.4l-3.4-3.4c-1 1.6-2.1 2.8-3.5 4l3.5 3.5c.7-.6 1.4-1.3 2.1-1.9l-3.5-3.5c-.5.8-1.2 1.4-2 1.9l3 3.9c.7-.6 1.4-1 2.2-1.2-.9-1.2-1.9-2.4-2.8-3.7-.4 1-.9 1.5-1.7 2.2-2.2 1.8.7 5.4 3 3.9.6-.5 1.4-.8 2.2-.9l-3.1-3.1c-.4.5-.8 1-1.2 1.4.8 1.4 1.7 2.9 2.5 4.3l1.2-.6-3.1-3.1c0-.1.1-.1.1-.2.6-.2 1.2-.5 1.8-.7h-.3c.6.2 1.2.5 1.8.7-.1-.1-.2-.2-.2-.3l.6 2.4c0-.1.1-.2.1-.3.9-3.1-4-4.4-4.8-1.3-1.1 4.1 4.7 4.9 5.8 1 .6-1.9-1.3-3.6-3.1-3.1-1.1.3-1.5.5-2.4 1.1-2.7 1.8-.3 6 2.5 4.3 1.9-1.1 2.8-2.4 3.5-4.4.6-1.9-1.3-3.5-3.1-3.1-1.2.3-2.3.7-3.4 1.4l3 3.9c1.1-.9 1.9-1.9 2.5-3.2.8-1.8-.6-4.4-2.8-3.7-1.7.6-3.1 1.4-4.4 2.5-2.2 1.8.7 5.6 3 3.9 1.1-.8 2.1-1.6 3-2.7 2.1-2.4-1.1-5.7-3.5-3.5-.7.6-1.4 1.3-2.1 1.9-2.4 2.2 1.1 5.6 3.5 3.5 1.7-1.5 3.1-3.1 4.2-5 1.3-2.2-1.3-4.6-3.4-3.4-1.4.8-2.4 1.8-3.1 3.2-1.2 2.6 1.7 4.9 3.9 3 1.3-1.1 2.7-2.2 4-3.4 1.6-1.3.3-4.5-1.8-4.3-2.3.2-3.9 1.1-4.9 3.2-.9 1.9.6 4.3 2.8 3.7s4.1-1.5 5.9-2.9c2-1.5.9-5.7-1.9-4.6-2.4 1-4.1 2.5-4.6 5.2-.4 1.8 1.1 3.6 3.1 3.1 3.6-1.1 7.2-2.1 10.8-3.2l-2.4-4.2c-1 1.2-2 2.4-3.1 3.5-1.4 1.7-.5 4.1 1.8 4.3 1.1.1 1.6 0 2.7-.3l-2.4-4.2c-1 .8-2 1.5-3 2.2l3 3.9c.7-.9 1.1-1.4 1.3-2.6.3-2.1-1.6-4-3.7-2.8-1.2.7-2.5 1.4-3.7 2.2l3.4 3.4c.6-.8 1.1-1.5 1.7-2.3 1.3-1.7-.9-4.4-2.8-3.7l-2.4.9c.6 1.5 1.3 3 1.9 4.6 1.2-.6 2.2-1.4 3.1-2.4 1.6-1.8.1-4.9-2.4-4.2-1.7.5-3.1 1.3-4.3 2.6-1.8 1.9 0 4.7 2.4 4.2s4.2-1.9 5.4-4c1-1.8-.7-4.4-2.8-3.7-1.8.6-3.5 1.3-5.2 2.2.8 1.4 1.7 2.9 2.5 4.3 1.5-1 3-2.1 4.5-3.1 2.2-1.5.9-5.6-1.9-4.6-1.4.5-2.7 1-4.1 1.4l2.4 4.2c1.1-1 2.2-1.9 3.2-2.9 1.8-1.6-.1-5.1-2.4-4.2-1.2.5-2.4.9-3.6 1.4.6 1.5 1.3 3 1.9 4.6 1.6-.8 3.3-1.6 4.9-2.5 2.9-1.5.4-5.7-2.5-4.3-1.5.7-3 1.3-4.6 1.8.4 1.6.9 3.2 1.3 4.8 1.6-.6 3.2-1.2 4.8-1.7 2.5-.9 2.3-4.9-.7-4.9h-2.6c-2.9.5-2.9 5.5.3 5.5zM109.8 140.9c1.2-.6 2.4-1.1 3.6-1.7l-3-3.9c-.5.6-1.1 1.1-1.6 1.7-1.9 2 .6 5.5 3 3.9.9-.6 1.9-1.1 2.9-1.5l-3.4-3.4c-.6 1-1.2 1.9-1.7 2.9-1.3 2.2 1.3 4.5 3.4 3.4l2.4-1.2c-1.2-.9-2.4-1.9-3.7-2.8-.2.8-.4 1.4-.8 2.2-.9 1.5.2 4 2.2 3.8 1.9-.2 3.6-.7 5.2-1.7-1.2-.5-2.4-1-3.7-1.5-.1.2-.1.5-.2.7-1 1.6.3 3.8 2.2 3.8 2-.1 3.8-.8 5.1-2.4l-3.9-3c-.1.4-.4.7-.7.9l3.9 3c.7-1.4 1.8-2.7 1.5-4.4-.1-.7-.3-1.3-.3-2 .1-.6.3-1 .3-1.6 0-2.6-2.7-3.6-4.9-2.8l3.1 3.1c.3-.8.7-1.2 1.3-1.7l-3.5-3.5c-.5.7-1 1.1-1.8 1.6 1.3.7 2.5 1.4 3.8 2.2.2-1.4-.8-2.6-2-3-1.4-.5-2.7.2-3.8 1.2-2.3 2.3 1.1 5.6 3.5 3.5.6-.5 1-1.1 1.4-1.8 1.5-2.8-2.8-5.4-4.3-2.5-.1.3-.3.6-.6.8l3.5 3.5c.1-.1.3-.2.4-.3-.6.1-1.3.2-1.9.3-.2-.1-.3-.2-.5-.2-.2-.6-.5-1.2-.7-1.8v.3c-.2 2 2.3 3 3.8 2.2 1.1-.6 2-1.3 2.8-2.3 2-2.5-1-5.6-3.5-3.5-1.3 1.1-2.1 2.3-2.6 3.9-.6 1.8 1.3 3.7 3.1 3.1l.1-.1c-.5-.4-1-.8-1.5-1.1-.1-1.1-.2-1.2-.3-.1-.1.5-.1 1-.2 1.4 0 1 .2 2 .5 2.9.1-.6.2-1.3.3-1.9-.4.8-.9 1.6-1.3 2.4-1.4 2.6 1.8 4.8 3.9 3 .7-.5 1.1-1.1 1.5-1.9 1.3-2.4-2.1-5.4-3.9-3-.5.6-.8.9-1.5.9.7 1.3 1.4 2.5 2.2 3.8.9-1.5 1.1-2.9.7-4.6-.3-1.5-2.4-2.3-3.7-1.5-.9.6-1.7.9-2.7 1 .7 1.3 1.4 2.5 2.2 3.8.6-1.1 1.1-2.1 1.3-3.4.4-2.2-1.7-3.8-3.7-2.8l-2.4 1.2 3.4 3.4c.6-1 1.2-1.9 1.7-2.9 1.4-2.3-1.3-4.4-3.4-3.4-1 .4-1.9.9-2.9 1.5l3 3.9c.5-.6 1.1-1.1 1.6-1.7 2.1-2.1-.5-5.1-3-3.9-1.2.6-2.4 1.1-3.6 1.7-3 .9-.5 5.3 2.4 3.9z"/>
    <path class="st2" d="M117.8 137.7c-.1-.4 0 .4 0 .1 0-.4-.2-.1-.5.7-.3 1.1-1.2 1.4-2.5.8l-.9-.9c.1-.8.2-1.7.3-2.5.4-.2.7-.4 1.1-.6.2 0 .3 0 .5-.1.4.1.8.2 1.3.3h-.1c.2 1.3.3 2.6.5 3.9.6-.5 1.1-1 1.7-1.5 1-.9 1-2.7 0-3.5-1-1-2.5-.9-3.5 0-.6.5-1.1 1-1.7 1.5-1.2 1.1-.8 3.1.5 3.9 1.3.8 3 .3 3.8-1s.3-3.1-1-3.8c-1.2-.6-2.7-.4-3.6.6s-1 2.2-.7 3.4c.3 1.3 1.8 2.2 3.1 1.7 1.3-.4 2-1.7 1.7-3zM55.2 157.9c-1.1 1.1-2.3 2.2-3.4 3.3-2 2 .6 5.5 3 3.9.9-.6 1.8-.9 2.9-1-.4-1.6-.8-3.1-1.3-4.7-1.2.7-2.4 1.3-3.7 2-1.2.7-1.6 2.3-.9 3.4.8 1.3 2.2 1.4 3.4.9l2.1-.9-3-3.9c-.6.7-1.2 1.4-1.9 1.9-2.6 1.8-.4 5.9 2.5 4.3 1.6-.9 3.3-1.5 5.1-2-.9-1.2-1.9-2.4-2.8-3.7-.4.7-1 1-1.8 1.2.6 1.5 1.3 3 1.9 4.6 1.3-.8 2.5-1.5 3.8-2.3-1.3-.7-2.5-1.4-3.8-2.2.2-.3.3-.5.5-.8l2.4 4.2c.6-.5 1.2-1.1 1.8-1.6.6-.6.9-1.6.6-2.4-.1-.4-.3-.8-.4-1.2-.5-1.3-1.7-2.1-3.1-1.7-1.2.3-2.2 1.8-1.7 3.1.1.4.3.8.4 1.2l.6-2.4c-.6.5-1.2 1.1-1.8 1.6-1.9 1.7.1 4.8 2.4 4.2 1.9-.5 3-2.1 3.2-4 .1-1.9-2.2-3.1-3.8-2.2-1.3.8-2.5 1.5-3.8 2.3-2.5 1.5-.8 5.1 1.9 4.6 2.1-.4 3.7-1.7 4.8-3.4 1.2-1.9-.8-4.3-2.8-3.7-2.2.6-4.3 1.5-6.3 2.6.8 1.4 1.7 2.9 2.5 4.3 1.1-.8 2.1-1.6 2.9-2.7 1.8-2.3-.4-5.1-3-3.9l-2.1.9c.8 1.4 1.7 2.9 2.5 4.3 1.2-.7 2.4-1.3 3.7-2 2.1-1.2 1.2-4.8-1.3-4.7-1.9.1-3.8.6-5.4 1.6l3 3.9c1.1-1.1 2.3-2.2 3.4-3.3 2.6-2.4-.9-5.9-3.2-3.6z"/>
    <path class="st2" d="M117.6 138.2c.3-.8.5-1.7.8-2.5-1.6-.4-3.2-.9-4.8-1.3.2 0 .4 0 .6-.1.5 1.2 1 2.4 1.5 3.7.1 0 .2-.1.3-.1l-3.1-3.1c-.6 1.6-1.1 3.1-1.7 4.7-.5 1.3-1 2.5-.5 3.9.4 1.1 1.2 1.7 2.4 1.8.9.1 1.7-.3 2.3-.9.9-.9.8-2 .4-3 0-.1-.1-.1-.1-.2-.5-1.2-2.4-1.5-3.4-.9-.3.2-.7.4-1 .6 1.1.3 2.3.6 3.4.9-1.2-1.7-2.9-2.8-5.1-2.6-2.6.2-3.2 3.1-1.3 4.7 3 2.3 7.9 3.5 10.2-.5 2.2-3.9-.5-7.7-3.3-10.3l-2.4 4.2c.4.1.8.1 1.2.2-.4-1.4-.7-2.8-1.1-4.2h1.2c-.2 1.3-.3 2.6-.5 3.9l4.8-2.7c2.8-1.6.3-5.9-2.5-4.3l-4.8 2.7c-1.5.9-1.5 2.7-.5 3.9 1.5 1.8 4.4 1.8 5.9 0 1.1-1.3.9-3.8-1.1-4.2-.4-.1-.8-.1-1.2-.2-2.3-.4-4.4 2.3-2.4 4.2.8.8 3.1 2.5 2.6 3.9-.5 1.5-2.7-.4-3.4-1-.4 1.6-.8 3.1-1.3 4.7.3-.2.6-.1.8.1.8 1.1 2.2 1.6 3.4.9.3-.2.7-.4 1-.6-1.1-.3-2.3-.6-3.4-.9 0 .1.1.1.1.2.1-1 .3-2 .4-3l-.2.2c.6-.2 1.2-.5 1.8-.7h-.3l2.4 1.8c.2.5.1 0 .2-.5.3-.6.5-1.3.7-1.9.4-1.2.9-2.3 1.3-3.5.7-2-1.4-3.3-3.1-3.1-1.5.2-2.6 1.1-3.3 2.4-.8 1.3-.1 3.4 1.5 3.7 2.5.5 5-.8 5.5-3.4.6-3.1-3.9-4.4-4.8-1.3-.3.8-.5 1.7-.8 2.5-1.1 2.9 3.8 4.3 4.7 1.2z"/>
  </g>
  <g id="pumpkin">
    <ellipse id="XMLID_1_" class="st3" cx="345.4" cy="355.1" rx="69.3" ry="59.6"/>
    <defs>
      <ellipse id="SVGID_1_" cx="345.4" cy="355.1" rx="69.3" ry="59.6"/>
    </defs>
    <clipPath id="SVGID_2_">
      <use xlink:href="#SVGID_1_" overflow="visible"/>
    </clipPath>
    <path class="st4 st5" d="M332.2 279.7c-11.6 10.1-21.4 22.1-28.7 35.6-7.4 13.6-13.3 29.4-13.3 45 0 15.9 7 32 15.4 45.2 7.9 12.4 18.9 23 32.7 28.5 6.2 2.5 16.2 5.5 22.9 3.4 4.7-1.5 3.6-8.1-1.4-6.6-1 .3-1.9 1.3-1.8 2.4v.5c0 3.2 5 3.2 5 0v-.5l-1.8 2.4c-.5-.2-.9-.4-1.4-.6v-2.5c-1.1 1.8-10.8-.5-12.5-.9-4-.9-7.9-2.3-11.6-4.2-7.1-3.6-13.3-8.6-18.5-14.6-10.6-12-18.9-28.4-21.4-44.2-2.8-16.9 3.4-34.6 11.2-49.4 7.2-13.7 17-25.9 28.7-36 2.5-2-1.1-5.6-3.5-3.5z"/>
    <defs>
      <ellipse id="SVGID_3_" cx="345.4" cy="355.1" rx="69.3" ry="59.6"/>
    </defs>
    <clipPath id="SVGID_4_">
      <use xlink:href="#SVGID_3_" overflow="visible"/>
    </clipPath>
    <path class="st6 st5" d="M358.1 284.6c18.7 9.5 30.7 27.7 35.8 47.7 5.8 23 1.5 47.1-6.9 68.8-2.3 5.9-4.9 11.7-7.8 17.4-1.3 2.7-2.7 5.3-4.2 7.9-.5.9-1.5 2.2-1.7 3.1-.6 2.1-1.3 1.5.7 2.1-2-.6-5.3-4.6-7.1-6.4-9.1-9-17.7-18.6-26.3-28.1-6.6-7.3-12.9-14.9-19.7-22-2.2-2.3-5.8 1.2-3.5 3.5 16.5 17.1 31.2 36 48.4 52.4 1.8 1.7 4.8 5.5 7.6 5.4 3.2-.1 4.7-5.3 5.9-7.6 3.4-6.3 6.6-12.7 9.5-19.3 9.7-22.4 15.6-47.1 11.4-71.5-4-23.9-17.6-46.7-39.6-57.9-2.8-1.3-5.4 3-2.5 4.5z"/>
    <g>
      <defs>
        <ellipse id="SVGID_5_" cx="345.4" cy="355.1" rx="69.3" ry="59.6"/>
      </defs>
      <clipPath id="SVGID_6_">
        <use xlink:href="#SVGID_5_" overflow="visible"/>
      </clipPath>
      <path class="st7 st5" d="M337.9 288.9c32.8 37.2 38.2 91.7 13.6 134.7-1.6 2.8 2.7 5.3 4.3 2.5 25.7-45.1 19.9-101.8-14.4-140.8-2.1-2.3-5.6 1.2-3.5 3.6z"/>
    </g>
    <g>
      <defs>
        <ellipse id="SVGID_7_" cx="345.4" cy="355.1" rx="69.3" ry="59.6"/>
      </defs>
      <clipPath id="SVGID_8_">
        <use xlink:href="#SVGID_7_" overflow="visible"/>
      </clipPath>
      <path class="st8 st5" d="M321.3 378.4c.1.4.3.9.4 1.3 0 .1.2 1.1.2.7v1c-.2-.2.8-.3.1-.3-.2 0-.9-.1-.3 0-.3 0-.5-.1-.8-.2-.5-.2-1-.3-1.5-.5-.2-.1-.9-.4-1.5-.7-.6-.3-1.2-.6-1.7-1-2.2-1.3-3.4-2.3-5.1-3.7-.1-.1-.2-.3-.3-.3-.1-.1 0 .2.1.1-.1-.2-.1-.1.2.4-.1 1.9-.8 2.9-2.2 2.9-1.1 1.4-.3-.7-.2 0 0 .1.8.3.8.3.7.4 1.5.7 2.2 1.1 2.8 1.5 5.4-2.8 2.5-4.3-1.9-1.1-6-3.7-7.7-.8-1.3 2.2 1 4.2 2.6 5.4 2.2 1.7 4.5 3.3 7 4.5 2.3 1.1 5.1 2.3 7.6 1.5 3.9-1.2 3.4-5.7 2.5-8.7-1.1-3.1-5.9-1.8-4.9 1.3z"/>
    </g>
    <g>
      <defs>
        <ellipse id="SVGID_9_" cx="345.4" cy="355.1" rx="69.3" ry="59.6"/>
      </defs>
      <clipPath id="SVGID_10_">
        <use xlink:href="#SVGID_9_" overflow="visible"/>
      </clipPath>
      <path class="st9 st5" d="M357.4 282.3c-14.3 10-23.5 24.7-29.1 41-6.3 18.2-9.1 38.9-7.8 58.1.2 3.2 5.2 3.2 5 0-1.2-17.9 1.3-36.8 6.7-53.9 5.1-16 13.7-31 27.7-40.8 2.7-1.9.2-6.3-2.5-4.4z"/>
    </g>
    <g id="stem">
      <path class="st10" d="M328.3 288.5c4.3.8 5.8 7.3 8.7 10.1 4.1 4 10 .8 14.4-1.3 2.3-1.1 1.1-4.7-1.3-4.7h-1.9c-3.2 0-3.2 5 0 5h1.9c-.4-1.6-.8-3.1-1.3-4.7-1.6.8-6.2 3.1-8.1 2.4-1.5-.6-2.9-4-3.7-5.3-1.8-3-3.9-5.7-7.5-6.4-3-.5-4.3 4.3-1.2 4.9z"/>
      <path class="st10" d="M326.7 289.2c1.9 2.7 3.7 5.5 5.6 8.2 1 1.4 2 3.6 3.8 4.2 1.5.5 3.1-.2 4.5-.7 3.3-1.1 6.5-2.3 9.7-3.5 1.5-.5 2.4-2.2 1.5-3.7-4.8-7.5-10.3-14.5-16.5-20.9-.9-.9-2-.8-3-.4-4 1.7-13.5 7.2-12.1 12.7.6 2.2 2.7 3 4.7 2.9 2.2-.1 3.7-1.4 6-.8 2.5.6 4.2 2.5 4.9 4.9 1.2-.9 2.4-1.9 3.7-2.8-3.3-1.5-5.6-3.8-6.9-7.3-1.5.6-3 1.3-4.6 1.9 2.4 3.6 4.8 7.3 7.2 10.9l3.9-3c-2.8-3.4-5-7.2-6.6-11.3l-4.2 2.4c3.5 4 6.9 7.9 10.4 11.9 2 2.3 5.1-.6 3.9-3-2.3-4.9-4.7-9.7-7-14.6l-3.9 3c2 1.6 3.8 3.3 5.4 5.4.5.6 3.8 4.9 3.5 5.6.7-.4 1.4-.8 2.2-1.2h-.5c-3.2 0-3.2 5 0 5h.5c.8 0 1.8-.5 2.2-1.2 2.6-5.9-5.5-13.7-9.7-17-2.2-1.8-5.2.4-3.9 3 2.3 4.9 4.7 9.7 7 14.6l3.9-3c-3.5-4-6.9-7.9-10.4-11.9-1.6-1.8-5.1.1-4.2 2.4 2 4.9 4.5 9.3 7.9 13.5 1.8 2.2 5.5-.7 3.9-3-2.4-3.6-4.8-7.3-7.2-10.9-1.5-2.2-5.6-.9-4.6 1.9 1.7 4.7 4.7 8.2 9.2 10.3 1.9.9 4.3-.6 3.7-2.8-1-3.5-3.2-6.2-6.6-7.7-1.3-.6-2.8-1-4.2-1-.4 0-5.3.6-5.1.9v2.5c1.8-4.2 6.1-6.9 10.1-8.6-1-.1-2-.3-3-.4 5.9 6.1 11.1 12.7 15.7 19.8.5-1.2 1-2.4 1.5-3.7-2.2.8-4.3 1.5-6.5 2.3-.9.3-4.2 2.1-4.9 1.7-.5-.3-2.2-3.5-2.5-4-1.4-2-2.7-4-4.1-5.9-1.8-2.7-6.1-.2-4.3 2.4z"/>
      <path class="st10" d="M344.8 289.9c-1.8-6.9-8.3-13.2-15-15.5-8.8-3-11.6 6.7-11.4 13.4.1 1.8 2.1 3.2 3.8 2.2 2-1.3 3.9-2 6.3-2.2 1.9-.1 3.6-2.8 1.8-4.3-2.1-1.7-4.3-3.4-6.4-5.1l.6 2.4c1.2-3.2 3.5-5.1 6.8-5.8l-2.4-4.2-2.1 2.7c-1.2 1.5-.6 4.5 1.8 4.3 2.6-.2 4.5.9 5.5 3.3 1.3 2.9 5.6.4 4.3-2.5-1.7-3.9-5.6-6.2-9.8-5.8.6 1.4 1.2 2.8 1.8 4.3l2.1-2.7c1.5-1.9.2-4.8-2.4-4.2-5 1.2-8.6 4.5-10.3 9.3-.3.8 0 1.9.6 2.4 2.1 1.7 4.3 3.4 6.4 5.1.6-1.4 1.2-2.8 1.8-4.3-3.3.2-6.1 1.1-8.8 2.9 1.3.7 2.5 1.4 3.8 2.2-.1-1.9-.5-5.6.9-7.1 2.7-2.8 5.4-.9 7.9.7 3.6 2.5 6.7 5.5 7.8 9.8.6 3.1 5.4 1.8 4.6-1.3z"/>
      <path class="st10" d="M328.5 278.5c5.4 3 9.3 7.4 11.8 13l3.9-3c-3.9-3.8-8.4-7.3-13.5-9.4-1.8-.7-3.6-1.3-5.5-.9-.6.1-4.6 2.6-3.7 2.8-2.3-.5-4.4 2.4-2.4 4.2 1.2 1.1 2.5 2.1 4.1 2.8 2 .9 5 .7 6.8 1.9 3.6 2.4 6.8 6.6 9.8 9.6 1.8 1.7 4.9 0 4.2-2.4-2.2-7.6-6.1-14.3-11.4-20.1-2.2-2.4-5.7 1.2-3.5 3.5 4.8 5.2 8.1 11.2 10.1 17.9l4.2-2.4c-3.3-3.2-6.4-6.6-9.8-9.6-3.3-2.8-7.7-1.8-10.9-4.7l-2.4 4.2c1.2.3 1.9.3 3-.2 2.3-1.1 2.3-2.8 5.6-1.8 4.4 1.3 8.6 5.1 11.8 8.3 2.1 2.1 5.1-.5 3.9-3-2.9-6.3-7.6-11.4-13.6-14.7-2.8-1.9-5.3 2.4-2.5 4z"/>
    </g>
    <g id="eyes-mouth">
      <path d="M322.5 345.8l-12.4.4c-.9 0-1.4-.9-.9-1.7l5.8-8.8 6.1-9.2c.4-.6 1.3-.7 1.8-.1l6.6 8.8 6.3 8.4c.5.7 0 1.7-.8 1.7l-12.5.5zM364.8 345.8l-12.4.4c-.9 0-1.4-.9-.9-1.7l5.8-8.8 6.1-9.2c.4-.6 1.3-.7 1.8-.1l6.6 8.8 6.3 8.4c.5.7 0 1.7-.8 1.7l-12.5.5zM318.6 394.3c-4 0-7.3-6.3-9-9.3-3.4-6.2-4.3-13.2-2.5-20.1-1.4.4-2.8.7-4.2 1.1 6.6 8 17.4 5.2 26.3 4.1 3.2-.4 3.2-5.4 0-5-7.3.9-17.3 4-22.8-2.7-1.2-1.5-3.7-.6-4.2 1.1-2.2 8.4-.9 17.1 3.5 24.7 2.7 4.6 6.9 11 12.9 11 3.2.2 3.2-4.8 0-4.9z"/>
      <path d="M319.8 370.1c9 1.2 18 1.7 27 1.6-.8-1.1-1.6-2.1-2.4-3.2-1.2 5.2-1.7 10.4-1.6 15.7 0 1.3 1.1 2.6 2.5 2.5 4.9-.2 10.9 1.1 15-2.4 5.3-4.5 1.9-11.7 2.5-17.4-1.1.8-2.1 1.6-3.2 2.4 8 1.8 17 .9 21.4-6.9-1.5-.6-3-1.3-4.6-1.9-1.5 8.4-1 17.5-3.2 25.7-1 3.6-2.7 7.3-6.2 9.1-3.7 1.9-8.2 1.6-12.2 2-4.1.4-8.1 1.3-12.2 1.5-1.2.1-3.6.4-4.8 0-2.9-1-2.3-3.8-2.5-6.5-.3-4-.3-9.3-5-10.5-3.1-.8-4.5 4-1.3 4.8 1.7.4 1.6 8.6 1.8 9.9.4 2.6.7 5.3 3.3 6.5 3.4 1.6 8.3.9 11.9.5 4.7-.6 9.3-1.2 14-1.6 7.5-.7 13.4-3.1 16.6-10.2 4.1-9.1 3-20.1 4.7-29.8.5-2.7-3.1-4.5-4.6-1.9-3.2 5.7-10 5.8-15.7 4.6-1.7-.4-3 .8-3.2 2.4-.4 4.2 2.7 11.9-1.8 14.2-2.9 1.5-7.4.5-10.6.6l2.5 2.5c-.1-4.9.3-9.6 1.4-14.3.3-1.6-.7-3.2-2.4-3.2-9.1.1-18.1-.5-27-1.6-3.2-.5-3.2 4.5-.1 4.9z"/>
      <path d="M303.9 365c5.4 3.6 12.2 4.7 18.5 5.7 7.1 1.1 14.3 1.4 21.4 1.1v-5c-.4 0-.8.1-1.2.1-3.2.3-3.2 5.3 0 5 .4 0 .8-.1 1.2-.1 3.2-.3 3.2-5.2 0-5-6.7.3-13.4.1-20.1-.9-5.8-.9-12.3-1.9-17.3-5.2-2.7-1.8-5.2 2.5-2.5 4.3z"/>
      <path d="M303.9 365c5.4 3.6 12.2 4.7 18.5 5.7 7.1 1.1 14.3 1.4 21.4 1.1v-5c-.4 0-.8.1-1.2.1-3.2.3-3.2 5.3 0 5 .4 0 .8-.1 1.2-.1 3.2-.3 3.2-5.2 0-5-6.7.3-13.4.1-20.1-.9-5.8-.9-12.3-1.9-17.3-5.2-2.7-1.8-5.2 2.5-2.5 4.3z"/>
      <path d="M305.1 363.2c13.3 6.3 27.8 7.2 42.3 7.9 3.2.1 3.2-4.9 0-5-13.5-.6-27.3-1.3-39.8-7.2-2.9-1.4-5.4 2.9-2.5 4.3z"/>
      <path d="M342.1 392.9c.2-.8.4-1.7.6-2.5h-3.5c.4 1.8.8 3.6 1.2 5.5h-4.3c.1-.1.1-.2.2-.2l2.4-.6c-1-.2 0-9.8.2-10.9.6-3.3 1.1-6.9 2.6-9.8-1.5-.2-3-.4-4.6-.6.5 2.2 1.2 4.3 2 6.4.8 2.2 4.1 2.5 4.8 0 .8-3 1.9-5.9-.6-8.3-2.3-2.2-5.9 1.3-3.5 3.5.4.4-.6 3.2-.7 3.5h4.8c-.8-2.1-1.5-4.2-2-6.4-.5-2-3.6-2.5-4.6-.6-3.2 6.6-5.9 18.7-2.7 25.7.8 1.8 2.5 3 4.5 2.2 2.8-1.1 2.4-4.1 1.4-6.3-.7-1.7-3.5-1.6-4.3 0-2.1 4.2 3.2 6.7 6 3.4 2.3-2.6 2.9-11.2-2.5-10.3-4 .6-4.8 7.1-.9 8.5 4.5 1.7 6.9-5.3 4.1-8.1-1-1-2.5-.9-3.5 0-1.7 1.4-2 4-2.1 6 0 3.1 5 3.1 5-.1z"/>
      <path d="M338.1 381.1c.4 2.9.4 5.8.2 8.7h5c-.3-2.1-.5-4.2-.1-6.3-1.6-.2-3.3-.4-4.9-.7.3 3.2-.5 9.1 2.7 10.9 3 1.7 7.2 1.3 9.3-1.6 1.6-2.2 1.6-5.8-1-7.3-2.9-1.6-5.2 1-6.1 3.6 1.4-.4 2.8-.7 4.2-1.1.1.2.2.5.3.7 1-3.1-3.7-4.3-4.8-1.3h-.2c.7 1.3 1.4 2.5 2.2 3.8.8-1.3 5.1-1.5 6.4-1.6 2.2-.3 4.4-.4 6.6-.4-.2-1.6-.4-3.3-.7-4.9-1.6.6-3.1 1.2-4.7 1.9-3 1.2-1.7 6 1.3 4.8 1.6-.6 3.1-1.2 4.7-1.9 2.5-1 2.4-5-.7-4.9-3.8.1-7.5.4-11.2 1.1-2.5.5-4.7 1.1-6.1 3.4-1 1.6.3 3.9 2.2 3.8 2.6-.1 4.1-1.3 5-3.7-1.6-.4-3.2-.9-4.8-1.3-.5 1.7-.1 2.8 1 4.2 1.3 1.6 3.6.5 4.2-1.1-1.8.3-3.5.1-5-.7.4.5.8 1 1.1 1.5-.7-2.4-.6-5.3-.8-7.7-.3-2.6-4.3-3.7-4.9-.7-.5 2.6-.4 5 0 7.6.4 3.1 4.8 3.3 5 0 .2-2.9.2-5.8-.2-8.7-.5-3.2-5.5-3.3-5.2-.1z"/>
      <path d="M349.5 391.5c3.1-.5 6.2-1.1 9.3-1.6-1-.6-2.1-1.2-3.1-1.7-.1-.4-7.1 3.1-7.8 3.4-3.1 1.4-6.2 2.6-9.4 3.8-3 1.1-1.9 5.4 1.3 4.8 7.7-1.5 15.7-3.9 23.5-3 2.8.3 3.3-4.2.7-4.9-.2-.1-.5-.1-.7-.2-3.1-.8-4.4 4-1.3 4.8.2.1.5.1.7.2.2-1.6.4-3.3.7-4.9-8.3-.9-16.8 1.6-24.9 3.2.4 1.6.9 3.2 1.3 4.8 5.2-2 10.4-4 15.3-6.6 2.9-1.6 5.9-3 5.3-6.6-.2-1.4-1.9-2-3.1-1.7-3.1.5-6.2 1.1-9.3 1.6-3 .3-1.6 5.1 1.5 4.6z"/>
      <path d="M355.5 396.5c4.9-.8 13.5-2.3 16.3-6.8 1.5-2.5 1.7-6 2-8.9.3-3 .5-5.7-.7-8.5-1.3-2.9-5.6-.4-4.3 2.5 1.4 3.2.1 11.4-2.7 13.2-3.3 2.1-8 3-11.9 3.6-3.2.5-1.9 5.4 1.3 4.9z"/>
      <path d="M370.4 371.9l-.1-.1c.1 1 .3 2 .4 3-.4.3-.3.3.3-.1.4-.2.8-.4 1.3-.5.6-.2 1.2-.5 1.8-.8 1.4-.7 2.5-1.7 3.3-3.1 1.2-2.1-1.2-4.8-3.4-3.4-1.1.6-2.1 1.2-3.2 1.8-.1.1-2.1.8-2 .9 0 0 1.3 1.3.8.2-.8-1.7-3.3-2.1-4.9-1.4-4.2 1.7-4.1 9-3.7 12.6.3 3.2 5.3 3.2 5 0-.2-2.2-.2-4.3.3-6.4.1-.5.2-1 .4-1.5-1.1-.5-1.4-.6-1 0-.1.6 1.1 1.2 1.5 1.3 2.9 1.3 7.1-1.6 9.5-3.1l-3.4-3.4c-1.3 2.4-5.6 1.7-6.8 4.5-.4 1-.5 2.2.4 3l.1.1c2.1 2.2 5.7-1.4 3.4-3.6z"/>
      <path d="M361.1 378.6c0 2-.7 3.7-1.7 5.5-.8 1.5-2.2 2.9-2.7 4.5-.7 2.5 1.3 4.3 3.5 5 .5.1 1.2.1 1.7.3.5.3.2.4.6.8.8 1 1.2 1.8 2.6 2.1 3 .5 5.2-2.7 6.6-4.9 1.7-2.8-2.6-5.3-4.3-2.5-.1.1-1.6 2.5-1.7 2.4.5.4 1 .8 1.5 1.1-.8-1.3-1.1-2.5-2.5-3.3-.3-.2-3.5-.9-3.4-.7-.1.6-.2 1.3-.3 1.9 1.9-4.3 4.9-7.2 4.9-12.2.2-3.2-4.8-3.2-4.8 0z"/>
      <path d="M370.8 390.9c-.7-2.5-1.3-5.1-2-7.6-.5-1.9-3.7-2.6-4.6-.6-.8 1.9-1.7 3.8-2.5 5.6-1.3 3 2.4 5.1 4.3 2.5 2.6-3.4 3.8-7.4 3.6-11.7-.1-1.4-1.1-2.4-2.5-2.5h-.4c.6.2 1.2.5 1.8.7-.1-.1-.2-.2-.3-.4.2.6.5 1.2.7 1.8 0-1.3.3-2.8.8-3.9l-1.7 1.7c2-.7 3.8 0 5.9-1-1.2-.5-2.4-1-3.7-1.5.8 2.1.9 3.9.2 6-1.1 3 3.8 4.4 4.8 1.3 1-2.9 1-5.8-.2-8.7-.6-1.5-2.1-2.3-3.7-1.5s-3.7-.4-5.3.8c-1.2.8-1.4 2.2-1.7 3.6-.6 2.8-.7 5.7 2.8 6.1l-2.5-2.5c.2 3.5-.8 6.4-2.9 9.2 1.4.8 2.9 1.7 4.3 2.5.8-1.9 1.7-3.8 2.5-5.6-1.5-.2-3-.4-4.6-.6.7 2.5 1.3 5.1 2 7.6.9 3.1 5.7 1.8 4.9-1.3zM338.7 380.7c-5.8-3.8-13.8-6-19.6-1.2-2.5 2 1.1 5.6 3.5 3.5 3.9-3.2 10-.4 13.6 2 2.6 1.8 5.1-2.6 2.5-4.3zM316 391c-.3.3-.6.6-1 .8 1.4.4 2.8.7 4.2 1.1-1.6-3.9-4.7-6.8-6.2-10.7-1.7-4.3-2.4-9.3-2.9-13.9-1.6.4-3.1.8-4.7 1.3.2.3.5.6.7 1 1.8 2.6 6.2.1 4.3-2.5-.2-.3-.5-.6-.7-1-1.3-1.8-5-1.5-4.7 1.3.6 4.7 1.3 9.4 2.7 13.9 1.4 4.6 4.8 7.7 6.6 12 .7 1.8 2.6 2.4 4.2 1.1.3-.3.6-.6 1-.8 2.5-2.1-1-5.7-3.5-3.6z"/>
      <path d="M307.7 372.6c5.2 3.8 5.5 11.6 8.3 17 1.3 2.6 5.2.8 4.6-1.9-.2-.9-3-11.6-2.4-11.9h-2.5c7.2 4.1 13.3 3.2 21.4 2.7 3.2-.2 3.2-5.2 0-5-4.6.3-10 1.4-14.5.2-2.4-.6-4.3-3.3-7-2.3-5.5 2.1-.8 13.9.1 17.5 1.5-.6 3-1.3 4.6-1.9-3.4-6.7-3.6-14.1-10-18.8-2.7-1.8-5.2 2.5-2.6 4.4z"/>
      <path d="M339.7 377.1c-1.1-9.8-10.9-7.1-17.8-6.4-3 .3-4.6-.5-7.2-1.3-1-.3-2.3-.3-3.3.2-2.7 1.4-3.2 4.8-2.9 7.5.4 2.8 1.6 7.6 4.6 8.8 2.7 1.1 5.1-.8 6.3-3.1.6-1.1.9-3.5 1.8-4s4.3-.2 5.6-.5c6-1.3 11.7-2.2 17.9-2.7 3.2-.2 3.2-5.1 0-5-7.5.3-15.1.6-22.6-.3-4.7-.5-10.5-3.6-13.8 1.1-1.8 2.7 2.5 5.2 4.3 2.5.4-.6 13.6 1.7 15.1 1.8 5.7.3 11.3 0 17-.2v-5c-5.6.4-11.2.9-16.7 2.2-4.2 1-9.3-.6-11.6 3.8-.8 1.5-1.1 5-2.5 1.6-.3-.7-.4-1.4-.2-2.2-.3-1.4-.1-1.7.5-.9.3 0 1.7 1 2.1 1.1 3.7.9 17.6-5.2 18.3.9.5 3.3 5.5 3.3 5.1.1z"/>
      <path d="M313.6 390.4c-.1 2.2 0 4.2.4 6.4.4 2.3 4.5 2.4 4.8 0 .6-4.1.9-8.1.9-12.3h-5V397c0 2.7 4.4 3.5 4.9.7.7-4.2 1.2-8.4 1.5-12.7h-5c.4 4.7-1.7 9.2.2 13.8.9 2.2 4.1 2.6 4.8 0 .8-2.7 1.3-5.5 1.6-8.3.1-1.3.2-2.6.2-3.9V384c.2-1.8-.2-1.7-1.1.1-.6-.1-1.3-.2-1.9-.3 3.2 1.5 6 2.7 9.7 3 2.9.2 3.3-4.1.7-4.9-2-.6-4-1-6-1.2v5c2.2.1 4.5.2 6.7.3 2.9.1 3.2-4 .7-4.9-3-1.1-6-.7-9.2-.3-2.9.4-2 4.8.7 4.9l7.2.3c2.8.1 3.5-4.5.7-4.9-3.6-.6-12.9-1-13.4 4.5-.2 2.2 1.7 3.5 3.7 3.5 4.2.1 8.3-.7 12.6-.4 3.2.2 3.2-4.8 0-5-2.3-.2-4.5-.2-6.8-.2-.9 0-1.8.1-2.7.2-.7.1-1.4.1-2 .2-.9-.1-.9.1-.1.6.1.6.2 1.3.3 1.9.5-1.4 6.2-.8 7.2-.7.2-1.6.4-3.3.7-4.9l-7.2-.3c.2 1.6.4 3.3.7 4.9 2.3-.3 4.3-.5 6.5.3.2-1.6.4-3.3.7-4.9-2.2-.1-4.5-.2-6.7-.3-3.2-.2-3.2 4.7 0 5 1.6.1 3.1.5 4.7 1 .2-1.6.4-3.3.7-4.9-2-.1-3.7-.6-5.5-1.4-.6-.3-1.5-1-2.2-1.1-1.5-.3-3 .2-3.6 1.7-1 2-.2 4.8-.3 7-.2 3.2-.8 6.4-1.6 9.5h4.8c-1.6-4 .3-8.3 0-12.5-.3-3.2-4.8-3.2-5 0-.2 3.8-.7 7.6-1.3 11.4 1.6.2 3.3.4 4.9.7v-12.5c0-3.2-5-3.2-5 0 0 3.7-.2 7.3-.7 10.9h4.8c-.3-1.7-.3-3.3-.2-5.1-.3-3.1-5.3-3-5.5.2zM348.5 372.8c0-.1.1-.1.1-.2-.7.4-1.4.8-2.2 1.2h.3l-2.4-1.8c.7 2 .3 5.1.3 7.2.1 2.5.2 4.9.2 7.4.1 3.2 5.1 3.2 5 0-.1-2.8-.2-5.7-.3-8.5-.1-2.3.3-5.2-.5-7.4-.4-1.1-1.3-1.8-2.4-1.8h-.3c-.8 0-1.8.5-2.2 1.2 0 .1-.1.1-.1.2-1.3 2.9 3 5.4 4.5 2.5z"/>
      <path d="M344.8 370.1c.5 5.3.5 10.7.1 16-.2 3.2 4.8 3.2 5 0 .4-5.3.4-10.7-.1-16-.3-3.1-5.3-3.2-5 0z"/>
      <g>
        <path d="M304.8 381.3c1 3.3 2.7 6 4.7 8.8 1 1.4 2.1 2.9 3.2 4.3 1 1.3 2.5 2.2 3.4 3.5.9-1.2 1.9-2.4 2.8-3.7-.9-.1-1.6-.4-2.3-1-2.1-1.7-5.3.4-3.9 3s4.3 4.8 7.4 4c.8-.2 1.6-.9 1.7-1.7 0-.1.1-.3.1-.4.7-3.1-4.1-4.5-4.8-1.3 0 .1-.1.3-.1.4l1.7-1.7c-.6.2-1.6-1.4-1.7-1.7l-3.9 3c1.4 1.1 2.7 1.9 4.5 2.3 1.9.4 4.2-1.8 2.8-3.7-1.8-2.4-4.1-4.4-5.9-6.8-2-2.7-4-5.3-4.9-8.5-.9-3.2-5.7-1.9-4.8 1.2z"/>
      </g>
    </g>
  </g>
  <ellipse class="shadow" cx="72" cy="415.1" rx="64" ry="17.3" id="shadow"/>
  <path class="bubble" d="M203.1 138c.6 4.3-30 34.6-30 34.6l58.3 10.5S537.8 345.4 597.9 155C658-35.3 177.4-61.2 203.1 138z" id="text-bubble"/>
  <g id="spooky">
    <path class="st13" d="M273.5 88.9c-9.8-5.3-21.9-4.3-30.4 3.1-9.9 8.6-7.9 22.7 3.4 29.1 5.1 2.9 10.9 3.2 16.4 4.6 5.1 1.3 6.9 3.8 7.4 9.1.3 3.1 1 4.4-1.8 5.5-2.8 1.2-6 1.9-9.1 2-5.1.2-10.3-1.6-13.3-6-5.3-8-18.3-.5-13 7.6 7.3 11 19.9 14.9 32.6 12.7 6.2-1.1 13.8-3.5 17.3-9.1 3.3-5.2 2.6-12 1.6-17.7-2.2-13.5-12.8-17.5-24.7-19.9-3.3-.7-11.7-2.5-6.8-6.7 3.5-3 8.8-3.3 12.8-1.2 8.5 4.4 16.1-8.5 7.6-13.1zM282.4 100c5.3 16.5 6.7 34.5 9.3 51.6.6 4 5.6 6.2 9.2 5.2 4.3-1.2 5.9-5.2 5.2-9.2-2.6-17.1-4-35.1-9.3-51.6-2.9-9.2-17.4-5.3-14.4 4z"/>
    <path class="st13" d="M296.4 102.7c4.1-2.6 8.5-2.8 13.2-2.7 1.9 0 9.4-.5 10.7 1.7 2.8 4.6-19 12.5-21.7 13.8-3.7 1.7-4.6 7-2.7 10.3 2.2 3.8 6.6 4.4 10.3 2.7 8-3.7 17.9-6.7 24-13.3 5.4-5.8 7.1-14.7 2.7-21.6-4.2-6.5-12.3-7.9-19.4-8.3-8.5-.5-17.2-.1-24.6 4.5-8.2 5.1-.7 18.1 7.5 12.9z"/>
    <path class="st13" d="M355 95.9c-16.4-5.2-30.5 15.6-32.7 29.4-2.7 17.1 8.5 30.3 25.2 32.8 8.7 1.3 17-1 23-7.7 5.4-6.1 9.5-14.6 10.5-22.7 2.2-18.2-13.6-31.1-30.9-28.6-4 .6-6.2 5.7-5.2 9.2 1.2 4.3 5.2 5.8 9.2 5.2 9.2-1.4 13.8 7.8 11.4 15.5-1.2 3.9-3.3 8.2-6 11.2-3 3.4-7 3.7-11.3 2.7-7.5-1.7-12.2-6.9-11.1-14.8.6-4.3 2.7-8.3 5.2-11.7 1.8-2.5 5.3-7.3 8.8-6.2 9.1 3.1 13-11.3 3.9-14.3z"/>
    <path class="st13" d="M404.9 93.9c-15.7-2-28.6 11.2-30.2 26-1.6 14.5 6.6 32.9 23.3 32.3 15-.5 28.2-14.7 31.1-28.8 3.2-15.6-8.1-31.3-24.9-28.3-9.5 1.7-5.5 16.2 4 14.5 7.6-1.4 6.8 10.3 5.1 14.3-2.4 5.8-9.7 14.4-16.9 13.4-6.9-.9-7.7-13.5-6.4-18.5 1.9-6.8 7.9-10.7 14.9-9.8 4 .5 7.5-3.8 7.5-7.5 0-4.5-3.5-7-7.5-7.6z"/>
    <path class="st13" d="M419.8 89.6c1.9 19.4 3.1 38.8 3.5 58.2.2 9.7 14.6 9.6 15 0 0-.5 0-1 .1-1.5.4-9.7-14.6-9.6-15 0 0 .5 0 1-.1 1.5h15c-.4-19.4-1.6-38.9-3.5-58.2-.4-4-3.2-7.5-7.5-7.5-3.7 0-7.9 3.5-7.5 7.5z"/>
    <path class="st13" d="M442.7 123.3c7.2-11.4 13.2-23.4 18.2-36 3.2-7.9-9.8-13.2-13.7-5.8-.5.9-.9 1.7-1.4 2.6-4.5 8.5 8.5 16.1 13 7.6.5-.9.9-1.7 1.4-2.6-4.6-1.9-9.1-3.9-13.7-5.8-4.5 11.3-10.2 22.1-16.7 32.4-5.2 8.2 7.7 15.7 12.9 7.6z"/>
    <path class="st13" d="M436.1 128c9.6-1.4 15.4 14.2 16.3 21.4.3-1.3.7-2.5 1-3.8l-.3.6c2.2-1.2 4.3-2.5 6.5-3.7h-.4c2.2 1.2 4.3 2.5 6.5 3.7-.1-.1-.2-.2-.2-.3v7.6c.1-.1.1-.2.2-.2 5.4-8.1-7.6-15.6-13-7.6-.1.1-.1.2-.2.2-1.4 2-1.5 5.6 0 7.6 1.9 2.6 3.9 3.9 7.1 4.1 2.5.1 5.4-1.5 6.5-3.7 2.3-4.7.5-9.4-.9-14.1-1.5-5-3.5-10-6.5-14.2-6.3-8.8-15.8-13.5-26.5-11.8-4 .6-6.2 5.7-5.2 9.2 1.1 4.1 5.1 5.6 9.1 5zM464 87.1c7.8 8.1 14.7 16.8 20.9 26.2 5.3 8.1 18.2.5 13-7.6-6.8-10.4-14.6-20.2-23.2-29.2-6.8-7-17.4 3.6-10.7 10.6z"/>
    <path class="st13" d="M496.8 78.5c-12.9 24.1-12.2 51.7-11.6 78.3.2 9.6 15.2 9.7 15 0-.6-23.7-2-49.1 9.5-70.7 4.6-8.5-8.3-16.1-12.9-7.6zM518.5 70.8c2 30.2 4.7 60.3 8.2 90.4.5 4 3.1 7.5 7.5 7.5 3.7 0 8-3.4 7.5-7.5-3.5-30-6.2-60.2-8.2-90.4-.6-9.6-15.6-9.7-15 0zM542.5 197.3c-.2-.5-.5-2-.4-.6 0-.4.2-2.2-.1-.7.1-.3.8-2 .1-.8.1-.1 1-2 .4-.7l.5-.5c-1.9 1.8-4.4 1.4-7.4-1.2-.4-.9-.8-2.2-.4-3.2.3-.7 1.3-1.3 2-1.5 1-.2 3.1 1.7 2 .3.6 1.1 1.3 2.2 1.9 3.3-.1-.2-.1-.4-.2-.6v4c-.3 1.8-2.3 2.7-3.8 2.9.8 0 .7 0-.4-.1-.6-.2-1-.5-1.4-.9-.8-.9-.8-1.9-.7-3-.2.8-.2.8 0-.1.2-.4.6-.7 1-.9-.7.4-.7.4.1 0 3.1-.5 4.8 1.3 5.2 5.6-1 3.2-5.8 4-7.7 1-1.7-2.9.7-6.5 3.8-6.7 3.3.2 4.6 2.8 4 7.9-1.5 2.2-3.8 2.7-6.7 1.5-.9-3.4-1.8-6.8-2.7-10.3 1.9-.7 3.8-1.5 5.7-2.2-3.7-1.3-8.4 1.4-9.2 5.2-.9 4.1 1.3 7.9 5.2 9.2 4.1 1.4 9.4-.6 11.3-4.7 1.7-3.7 1.1-8-2.7-10.3-7.8-4.7-17.2 3.3-14.7 11.7 2.5 8.5 14.6 8.8 18.9 1.8 4.5-7.3-1.7-16.6-9.9-16.3-9.8.4-14 14.1-5.7 19.5 6.8 4.5 16 0 18.3-7.5s-2.9-14.8-10.7-15.4c-8.2-.6-16.2 8.8-9.6 16 5.7 6.2 15.9 4.8 19.9-2.5 2.1-3.7 1.9-8.3-.3-11.9-2.8-4.5-8.8-5.9-13.3-3.2-6.5 3.8-9.5 12.8-6.9 19.8 1.4 3.8 5.1 6.4 9.2 5.2 3.8-.9 6.8-5.3 5.4-9.1z"/>
  </g>
</svg>

            
          
!
            
              body {
  background: lightblue;
  svg {
    width: 75%;
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right:0;
    #ghost {
      animation: float 3s -5s ease-in-out infinite backwards;
      -webkit-animation: float 3s -5s ease-in-out infinite backwards;
    }
    #spooky {
      -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
       animation: tada 1s 2s linear forwards;
      -moz-transform: scale(1); //firefox "hack" to transform origin
     
    }
    
    #eyes-mouth {
      animation: light 3s -5s ease-in-out infinite forwards;
      -webkit-animation: light 3s -5s ease-in-out infinite forwards;
     
    }
    
    .shadow {
      -webkit-animation: small 3s -5s ease-in-out infinite forwards;
      animation: small 3s -5s ease-in-out infinite forwards;
   -webkit-transform-origin: 15% 100%;
    transform-origin: 15% 100%;
    -moz-transform: scale(1); //firefox "hack" to transform origin
    }
  }
}

@keyframes float {
  50% {
    transform: translateY(-50px);
  }
}

@-webkit-keyframes float {
  50% {
    -webkit-transform: translateY(-50px);
  }
}

@keyframes small {
  50% {
    transform: scale(0.5);
    -moz-transform: scale(1);
  }
}

@-webkit-keyframes small {
  50% {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(1);
  }
}

@keyframes light {
  50% {
    fill: #F2DC5C;
  }
}

@-webkit-keyframes light {
  50% {
    -webkit-fill: #F2DC5C;
  }
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -moz-transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale(1);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -moz-transform: scale(1);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale(1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -moz-transform: scale(1);
  }
}

@keyframes tada {
  from {
    -moz-transform: scale(1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -moz-transform: scale(1);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {

    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -moz-transform: scale(1);
  }

  40%, 60%, 80% {
 
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -moz-transform: scale(1);
  }

  to {
   
    transform: scale3d(1, 1, 1);
    -moz-transform: scale(1);
  }
}
            
          
!
            
              //Mr. Ghosty is scared of the spooooooooky pumpkin!!!! 👻 🎃
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console