Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

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

+ add another resource

Packages

Add Packages

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

Behavior

Auto Save

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

Auto-Updating Preview

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

Format on Save

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

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

HTML

              
                <a href="#" class="joshua-gull-logo">
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1688 400" style="overflow:visible">
  <style>
    .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#A3A3A3;}
  </style>
  <path id="signature" d="M261.2 145.8c.4.1.8.1 1.2.1 1.2 0 2.4-.5 3.4-1.1 3.9-2.1 6.8-5.4 9.8-8.7 1.7-1.9 5.8-4.8 5.1-7.7-.4-1.5-1.7-2.7-3.2-3.2-1.5-.5-3.1-.4-4.7-.2-7.2.9-14.3 5-17.6 11.5-.4.8-.8 1.7-.8 2.6 0 2.3 2 4.2 4 5.4.9.7 1.8 1.1 2.8 1.3zm702.9 75.7c-1.1-1.7-8.6-.6-10.3-.6-5.5.2-11 .4-16.5 0-10.7-.6-21.6-2.1-31.8-5.9-7.1-2.7-13.8-6.4-20.3-10.4-6-3.7-11.5-8.5-17.7-12-5.9-3.3-12.7-3.7-19.3-3.8-6.4-.1-12.9-1-19.2.3-6.4 1.3-10.9 6.6-17.4 8-10.1 2.1 3.6-16.7 5.5-19.3 3.1-4.2 7.8-7.8 12.7-9.6 4.4-1.6 8.7-.1 13.1.5 3.9.5 10.5-2 10.5-6.9.1-6.3-10.6-3.5-14-3.2-12.6 1.2-19.9 5.7-27.9 11.5-5.2 3.8-9.7 11.9-13.1 17.5-1.4 2.3-1.6 6.1-3.8 7.6-4.6 3.2-10.2 3.2-16.4 4.9-7.6 2.1-15.3 3.9-23.1 5-7 1-16.9 2.8-23.8.6-11.9-3.7-19.5-17.7-27.4-26.4-2.7-2.9-8.1 2.6-10.2 4.1-5.4 4-11.2 7.1-17.2 10.1-1.2.6-17.9 7.5-17.9 3.8 0-9.7 5.9-19.3 10.9-24-.1-1.3-.1-1.5-.5-2.2-2.4-4.1-10.2 3.4-12.2 5.1-9.4 8-20.5 12.3-31.8 16.7-5.9 2.3-11.5 5.3-17.5 7.1-3.6 1.1-8.5.4-12.2.6-12.6.6-24.9-3.2-33.3-12.6-5.5-6.2-11.5-12.7-19.6-6.9-2.4 1.7-5.2 2.6-7.7 4.3-3 2-5.6 4.6-8.5 6.7-4.8 3.6-10.3 7-15.3 10.1-1.5.9-8.5 4.3-10.1 2.7-2.2-2.2-4.5-2.9-5.5-6.6-1.3-2.1-.7-8.3-.5-11.5.5-9 6.2-16 9.8-22.4 9-16 21.7-24.9 32.2-38.8 1.6-1.5 3.3-2.9 4.9-4.4 5-4.5 8.5-10.3 12.1-15.9 3.7-5.7 8.7-10.5 10.8-16.9-.2-1.3-.3-1.4-.5-2.2h-2.2c-4.2 3.6-7.1 8.1-10.9 12-6.2 6.2-13.1 11.6-19.7 17.5-2.5 2.2-4.5 4.8-6.7 7.2-1.3 1.4-3.5 2.7-5 3.9-3.2 2.3-4.7 3.9-8.6 5.7-2.3 1.1-4.5 2.6-6.6 4.2-3.3 2.6-6.1 4.8-9.3 7.4-5.4 4.3-11.7 7.5-17.4 11.3-6 4-11.6 8.7-17.6 12.7-3.8 2.5-7.8 4.6-11.2 7.6-3.8 3.2-7.2 6.7-11.5 9.4-3.9 2.5-7.4 4.7-10.2 8.6-2.2 3.1-4 2.4-6.7 4.2-1.6-.2-1.8-.3-2.7-1.1-2.7-3.6.7-7.3 1.6-10.4 2.1-7 3.4-10.7 7.1-15.8 1.4-2 3.7-3.4 5.7-4.9 1-.8 2-1.5 2.9-2.4.9-.9 1.5-1.9 2.2-2.9v-.1s0-.1-.1-.1c-.4-.4-.7-1-.8-1.5v-.1h-.1c-3.7 0-7.2 1.2-10.5 2.8-3.1 1.6-5.8 3.8-9.2 4.8-4 1.1-8.1 2.4-12.1 3.8-2.4.9-4.8 1.9-7.3 2.5-2.6.6-5.2.9-7.7 1.6-6.8 1.8-13.1 4.7-19.9 6.4-4.9 1.2-9.7 2.7-14.5 4-4.4 1.2-9.4.6-13.7-.8-.5-.2-1.1-.4-1.6-.5.2-2.2.5-3.2 1.6-4.4-.5-2.2-2.6-3.4-4.6-4-.3-.1-.5-.2-.7-.4-.1-.2-.2-.4-.2-.6-.1-.8-.2-1.6-.4-2.4 0-.3-.1-.6 0-.8.1-.2.3-.4.5-.6.9-.8 2.6-1.8 3.2-2.9.6-1.1.2-1.8-.5-3.1-1.6-2.7-4.8-5.4-8.1-5.5-2.1-.1-3.9 1.2-5.7 2-2.9 1.4-6.3 2-9 4-2.8 2.1-5 5-7.8 7.1-3.5 2.6-7.8 4.7-10.4 8.2-1.7 2.3-4.1 5.3-4.9 8.2-1.1 3.9-.1 7.6-2.2 10.4-1.6 2.2-6.7 4.4-9.2 5.8-3.8 2-7.7 3.6-11.7 5.3-5.4 2.2-10.9 4.5-16.3 6.7-5.9 2.4-11.4 4.8-17.4 7-2.8 1-5.6 2.3-8.3 3.7-1.8 1-3.5 2.2-5.3 3.2-1.5.8-3.1 1.4-4.6 2.1-1.4.6-6.7 3.9-8 3.4-2.3-.7.2-5.4 1-6.7 6.1-10 14-18.7 21.5-27.5 3.9-4.6 7.7-9.3 11.2-14.2.7-1.1 7.3-11.3 4-11.1-6.2.3-10.1 4.4-14.2 8.6-4.4 4.5-10 7.7-14.2 12.5-2.2 2.5-4 5.5-6.3 8-5.2 5.6-12.3 9.4-18.5 13.7-.7.5-1.7.9-2.5 1.4-.8.5-1.7.9-2.5 1.4-1.4.7-2.9 1.4-4.3 2.3l-.4.2c-.6.2-1.2.3-1.7.7.2 1.2 1.1 2 2.4 1.7.9-.2 1.7-.7 2.4-1.3 1.5-1.1 3.2-2 5-2.7.8-.3 1.6-.6 2.4-.5 7.2.4-1 7.8-2.3 9.7-4.1 5.8-8.7 13.2-14.7 16.9-2 1.2-6.1 1.2-8.3 3l-7.4 3.2c-1.3.3-2.2.9-2.7 1.1-6.7 2.9-5.4 2.2-13.9 6.4-17 8.4-32.7 19.2-46.5 32.1-7.7 7.2-14.1 15.4-19.7 24.3-2.9 4.5-5.5 9.2-8.1 13.9-2.2 4-7.1 8.1-7.1 12.6.1 9.4.1 18.7.1 28.1 0 .1 0 .3.1.4.1.1.2.2.4.2 2 .4 4 1.3 6.1 1 15.2-2.1 23.2-12.1 33.3-19.1 13.1-9.1 23.2-21.2 32.8-33.9l9.3-9.3c3.1-3.1 5.5-7.1 8.3-10.5 2.9-3.6 5.9-7.2 8.8-10.9 7-9 15.2-17.2 21.3-26.8 5.1-7.9 10.3-16.6 18.7-21.5 1.3-.7 2.6-1.4 4-1.9 1.2-.5 2.3-1.1 3.6-1.6 1.4-.5 2.7-1.1 4.1-1.6 1.5-.6 3.1-1.2 4.6-1.8 4.2-1.7 8.3-3.2 12.5-4.8 11.8-4.5 23.7-9 35.3-14.2 3.8-1.6 7.5-3.4 11.2-5.3 2.6-1.3 5.2-2.8 7.8-4.2 6.2-3.3 8.6-5.2 15.3-2.8 4.9 1.8 9.3 3.6 14 .4l.9-.6 7.6-4c5.7-2.3 8.4-8.8 13.9-10.7 1.3-.5 3.3.5 3.8.5 6.1 1.1 12.1-.3 18-2 5.2-1.5 10.4-2.9 15.6-4.3 5.9-1.5 11.8-2.5 17.8-3.6 1.5-.3 3-.7 4.4-1.2.6-.2 1.1-.5 1.6-.8 2.1-1.1 3.5-3 5.8-3.8 2.2-.7 4.5-1.3 6.7-1.9.2-.1 1.4-.5 1.6-.3.3.2 0 1.2 0 1.5-.1 1.2-.2 2.4-.4 3.6-3.5 5.9-8.3 11.4-10.4 19.1-1.5 5.5 1.4 11.2-.5 16.9-1.3 3.8-3.4 8.1-6.1 11.1-3.1 3.3-6.5 5.6-8.9 9.6-1.9 3.1-3.1 6.6-5.2 9.6-1.4 2-3.2 4.2-2.3 6.4.6 1.5 2.2 2.3 3.7 2.5 15.6 2.7 33.5-4.9 37.4-21.3 2.5-10.2-3.1-22.1 1.6-29 1.6-2.4 6.9-4 9.3-5.7 7.5-5.3 14.3-11.7 21.7-17.1l6.9-5.1c3.3-1.7 6.2-4.8 9.3-6.8 2.9-1.9 5.6-4.2 8.5-6.2 5.2-3.7 10.6-7.3 15.7-11.2 5-3.8 9.8-8.1 14.9-11.8 2.3-1.7 3-3.8 6.2-2.9.2 0 .3.1.4.2.1.1.1.2.1.4-.1 2.8-1.3 3.6-3.2 5.4-1.7 1.6-2.7 3.5-4.1 5.3-1.3 1.7-3.1 2.8-4.6 4.3-2.1 2.3-3.6 5-5.3 7.5-1.8 2.7-3.9 5-5.8 7.6-4.7 6.5-8.7 13.6-10.9 21.4-3.3 11.9-.2 24.5 8.7 27.3 4.6 3.2 13.6-1.1 17.5-2.7 5.8-2.4 11.9-5.7 16.4-10.1 5.4-5.3 11.5-9.2 17.2-14 4.9-4.1 5.4 1.3 7.4 4.4 2.9 4.7 8 9.5 13.1 12 6.5 3.2 14.1 3.1 21.1 3 16.5-.3 33.6-.2 47.7-10.1 3.4-2.4 6.5-2.4 8.7-6 2.5 0 3 .3 4.4 1.1-.3 5.3-5.5 13.5-3.3 17.5 4.4 7.8 16.4.7 21.6-2.3 9-5.2 20-8.9 27.7-16 1-.9 1.9-1.8 3.1-2.2 4.8-1.7 7.4 2 9.8 5.2 3.5 4.7 10.3 12.2 15.3 15.3 11 7 24.2 7.8 36.7 5.4 11.1-2.2 21-5.9 31.1-10.8 3.2-1.6 6.9-2.7 10.4-1.9 4.7 1.1 8 3 12.7 1 5.2-2.3 10.5-3.4 15.9-4.8 5.5-1.4 10.7-3.6 16.5-2 8.1 2.3 15.8 7.9 23.6 11.3 9 3.9 18.1 7.5 27.3 10.8 11.7 4.1 24.4 6.1 37 6.9 6.5.4 13.1.4 19.6.4 5.1 0 12.5 1.3 17.1-1.5-.5-2.1-1-2-1.9-3.5zm-791.6 37.2c-.5.6-1 1.3-1.6 1.9-1 1.3-2.1 2.6-3.1 3.8-2.1 2.6-4.2 5.1-6.3 7.7-2.1 2.6-4.2 5.1-6.3 7.7-2.1 2.6-4.2 5.1-6.3 7.7-.4.5-.8 1-1.3 1.5-5.1 6.2-10.2 12.5-14.6 19.3-4.3 6.7-8 13.8-12.4 20.4-10.7 16-26.1 28.8-43.7 36.3-1.6.7-3.4 1.4-5.2-.4-1.2-1.3-1.8-3-1.6-4.8 1.7-16.2 7.9-31.9 17.7-44.9 7.2-9.5 16.2-17.5 25.5-25 9.8-8 20-15.5 31.2-21.3 4.4-2.3 9-4.2 13.4-6.6 2-1.1 4-2.2 6-3.4 1-.6 1.9-1.3 2.8-1.9.6-.5 2.5-.6 3.3-.6h2.1c.3.1.5.3.7.4.3.2.7.6 1.1.4-.6.5-1 1.2-1.4 1.8zm154.2-65.1c-.7 1.7-2.4 2.3-3.8 3.2-2.1 1.3-4.1 2.8-6.1 4.2-.4.3-.9.6-1.4.7-1.3.3-3.4-.3-4.5-1-2.7-1.8-3.1-7-5.5-9.3.1-11.3 10.4-13.1 16.9-18 2 .2 2 .4 3.3 1.1-1.3 5.4-11.2 10.9-16.4 13.1.1 2.1.1 2.8 1.1 3.8 2.7 1.1 9.1-2.9 10.9-4.9 2.1 0 3.2.2 4.4 1.1l1.6 1.6c.1 1.8.1 3.5-.5 4.4zm78.5 45c-.3 5-5.6 6.3-8.5 9.5-.2.2-.4.5-.7.6-.3.1-.5.1-.8.1-1.7.1-9.5-.2-10-2.1-.1-.5.1-.9.2-1.3 1.5-3.8 4-7 6.7-10 1.4-1.5 2.8-3 4.3-4.5.5-.5 2.8-3.4 3.5-3.4h2.2c.7 1.1 1.8 1.8 2.3 3 .6 1.6.5 3.7.7 5.4 0 .9.1 1.8.1 2.7zm1247-32.1c-11.1-3.5-24.8-.2-36.1.4-7.6.4-15.1.2-22.6 1.1-23.4 2.9-46.5 3.2-70.1 3.6-7.4.1-14.7 1.2-22.1 1.1-7.8-.1-15.6-.6-23.3-1.3-10.5-.9-21-2.2-31.5-3-6.3-.5-12.6-.9-18.7-2.5-10.7-2.8-26.1-11.5-29.2-23.1-1.1-4.1-1.4-8.4-1.6-12.7-.2-3.7-.9-7.4.4-11 1.7-4.4 4.9-8.1 8.3-11.4 2.2-2.2 4.6-4.2 6.9-6.4 3-2.9 5.1-5.3 7.3-8.8 2.8-4.4 7-8.7 8.8-13.5.5-1.3.8-2.7 1.3-4.1 1.6-4.1 12.6-14.1 3.3-16.5-3.4-.9-7.6 0-10.9 1.1-8.9 3.1-17.8 12-22.9 19.1-4.9 6.8-8.4 14.6-11.4 22.5-1.4 3.8-3.3 7.9-3.8 11.9-.5 3.9.4 8.1-1.5 11.8-1.4 2.8-4 4.6-6.7 6-3 1.6-5.5 3.7-8.2 5.8-6.1 4.6-12.4 8.9-18.9 12.8-4.1 2.4-8.3 4.7-12.8 6.2-3.4 1.1-6.8 1.6-10.3 2.1-5.3.7-14.1 1.1-17.7-4-1.4-2-1.6-4.6-1.5-7 0-4 .4-8 1.8-11.7 1.7-4.2 4.7-7.6 6.7-11.6 2.2-4.3 3.7-8.7 6.5-12.8 2.6-3.8 5.6-7.3 8.6-10.7 3.1-3.5 5.8-7.5 9.2-10.8 2.2-2 4.7-3.7 7-5.6 2.4-2.1 3.9-4.8 5.9-7.2 4.9-5.9 10-11.6 16-16.4.4-.3.8-.6.9-1.1.1-.3.1-.7 0-1-.1-.8-.2-1.6-.5-2.3-1.1-2.2-5.8-1.9-7.8-1-.7.3-1.3.8-1.9 1.2-3.1 2.4-6.8 3.8-10 6-8.6 5.8-15.1 13.8-21.1 22.2-6.9 9.7-13.7 19.6-20.5 29.4-3.8 5.4-7.5 9.3-12.9 13-6 4.2-12.2 8.1-18.3 12.3-8.5 5.9-17.6 10.1-26.9 14.6-8.3 4-17.3 11.1-27 7-4.3-1.8-9.6-7.7-12-11.5-1-1.6-8.8 4.8-9.8 5.4-2.2 1.2-4.4 2.2-6.7 3.2l-15.3 6.6c-2.4 1-11.9 5.7-13.7 1.7-.5-1.2 0-3.3.2-4.6 1.2-5.8 5.2-10.3 7.5-15.6 1.6-3.7 2.4-8.6 4.9-11.5v-2.7c-8.3-1.3-14.2 8.5-20.5 12.2-3 1.8-6.5 2.7-9.6 4.3-8.4 4.3-16.5 9.5-24.6 14.2-5.7 3.3-11.5 6.5-16.9 10.2-4.2 2.9-11.3 7.9-16.7 7 .2-6.9 7.2-10.6 10.8-15.6 8.9-12.3 17.6-24.3 26.2-36.6 2.7-3.9 9.3-6.7 10.4-12 .5-1 .1-1 0-2.7l-.5-.5c-6.7.5-16.3 10.8-19.7 15.3-3.6 4.7-8.3 8.5-13.2 11.9-2.5 1.7-5.1 3.3-7.8 4.8-2 1.1-4.1 1.5-6.1 2.4-2 1-3.8 2.2-5.8 3.2-3.3 1.7-6.3 2.8-9.3 4.9-3.2 2.2-6.7 3.4-10.4 4.7-3.9 1.3-7.6 3.2-11.9 2.4-3.8-.7-12.2-3.5-13.1-7.9-.3-1.2 0-2.5.4-3.7.9-2.4 2.4-4.6 4-6.6 3.6-4.6 6.8-9.3 12.3-11.4 4.8-1.8 10-2.5 15-2.9 2.3-.2 4.8-.2 6.9.8 2.3 1 2.9 2.6 5.6 2 3.1-.7 6-2.3 8.7-3.9 0-1.7-.2-2.8-.5-3.8-.3-.8-4.1-1.1-4.8-1.1-2.5 0-5.3 1.4-7.9 1.7-4.5.4-9.1-.2-13.5.8-4 .9-7.7 1.6-11.4 3.3-4.9 2.4-10 5.1-14.5 8.2-3.5 2.4-6.6 5.4-9.2 8.7-2.7 3.3-3.8 6.4-5 10.5-1 3.2-2.6 6.4-2.2 9.7 1 7.9 9.8 7.9 15.9 7 7.6-1.1 15.7-3.3 22.9-5.8 5.8-2 10.8-5.8 15.9-9.2 2.4-1.6 5-2.4 7.5-3.7.3-.2 4.2-2.4 4.1-1.8-1 11.2-13 17.7-18.6 25.1-3.6 4.8-7.5 9.4-10.9 14.2-1.2 1.7-1.9 3.9-3.3 5.5-2.7 3.3-7.1 4.8-10.6 6.9-4.6 2.7-9.3 5.3-14 7.7-8.8 4.5-18.7 7.6-27.1 12.7-4.8 2.9-10 5.2-15.2 7.3-2.2.9-4.5 1.5-6.7 2.4-7.1 2.9-13.7 7.9-20.5 11.6-9.4 5.1-19.2 9.5-28.3 15.2-9.7 6-18.8 13.1-28 19.6-5.2 3.7-9.7 8.4-13.7 13.4-3.6 4.5-8.8 10.3-10 16.1-.9 4.2-1.5 9.5.1 13.7 2.2 5.8 7.3 9.8 12.3 13 7.4 4.7 12.7 7.7 21.7 5.8 14-3 28.1-8.9 40.4-16.2 11-6.5 21.5-13.9 31.2-22.1 14.6-12.4 28-25.8 39.3-41.3 6.2-8.5 11.2-17.8 17.7-26.2 4.4-5.7 8.8-11.3 13.4-16.8 7.1-8.4 11.8-20.6 20.6-27.3 2.6-2 4.7-3.7 7.8-5 3.3-1.5 6.7-2.6 9.9-4.1 1.8-.8 3.5-1.8 5.3-2.8 6.8-3.8 13.8-7.3 20.6-11.3 6.5-3.8 12.6-8.4 19.1-12.1 2-1.2 4.1-2.3 5.8-3.8 1.1-1 2.3-2.2 3.7-2 1.1.2 1.9 1.2 2.2 2.3.2 1.1 0 2.2-.3 3.3-1.3 5-3.8 9.8-4.2 15-.2 2 .9 3.5 2.2 4.8 1 1 3 3.1 4.4 3.3.4.1.8 0 1.2-.1 5.2-1.2 9.6-4.3 14.5-6.1 3.7-1.3 7.1-3.1 10.7-4.6 2.1-.9 4.2-1.6 6.3-2.5 3.5-1.6 6.5-4.3 9.9-5.8 3.1-1.3 7.2-.2 9.7 1.8 4.1 3.1 6 8.1 11.5 9.5 9.4 2.6 19.6-2.5 27.3-7.5 4.1-2.7 7.5-6 11.4-8.8 6.6-4.9 13.8-8.7 20.4-13.6 2.7-2 6.1-3.6 8.3-6.1 1.5-1.8 3.1-3.6 5.7-3.3 2.4.3 3.8.8 3.3 3.8-.6 3.6-3 6.5-3.5 10.3-.5 4 .2 8.2 1.8 11.9.9 2.1 2.1 4.1 3.7 5.7 2.7 2.6 7.5 3.7 11.2 3.5 3-.2 6-1 9-1.5 10.4-1.5 20.9-5.1 30.3-9.8 7.5-3.8 14.4-8.7 21.3-13.6 1.5-1.1 3-2.1 4.4-3.3 1.3-1.1 2.6-3.3 4-4.1 3.9-2.1 6.1 3.8 7.1 6.3 1.7 4.6 5 8.3 8.2 11.8 2.7 3 5.4 6 8.7 8.3 3.4 2.5 7.2 4 10.8 5.9 3 1.6 5.7 3.6 8.9 4.8 6.9 2.6 14.4 3.1 21.7 3.4 8.9.4 17.7.6 26.6.8 10.1.2 20 1.3 30.1 1.7 10.9.5 21.9-1.2 32.8-1.2 18.4 0 36.9-.2 55.2-1.8 18.2-1.6 35.6-5.3 54-4.2 2.7.2 5.5.4 8.3.1 2.6-.3 4.9-1.6 7.6-1.7v-2.2c-1.8-.1-3.6-.8-5.5-1.4zm-240.6-83.1c2.1-2.7 4.3-5.3 6.4-8 2.6-3.1 5.8-5.6 9.8-6.4-1 .2-1.5 4.4-1.8 5.2-1.4 4-4.8 7.4-7.4 10.8l-9.1 11.8c-1 1.3-1.9 1.8-3.4 2.2-.3.1-3.4.8-3.4.1.3-4.6 3-8.5 5.8-11.9 1.1-1.3 2.1-2.6 3.1-3.8zm-376.2 141.4c-4 5.8-8.4 11.4-12.7 16.9-5.7 7.2-11.7 14.3-16.5 22.2-4.4 7.3-8.3 14.6-14.2 21-3.4 3.8-6.9 7.4-10.6 10.9.1-.1.2-.2.2-.3-1.6 1.9-3.4 3.8-5.2 5.5-2.2 2.1-4.4 4-6.5 6.1-5 4.8-11.2 8.4-16.9 12.4-11.7 8.4-24.4 16.2-38.9 18.2-8.7 1.2-13.5-1.8-19-8.1-3.9-4.5-9.6-11.7-8.1-18.2.9-3.6 5-11.1 7.1-14.2 5.5-8.1 13.8-11.5 21.1-17.5 11.3-9.2 24.1-16.1 36.5-23.7 3.3-2.1 6.7-4.1 10-6.2 2.5-1.6 5.3-2.8 7.8-4.4 2.4-1.5 4.6-3.1 7.2-4.2 2.8-1.2 5.6-2.3 8.3-3.5 2.7-1.2 5.7-1.6 8.4-3 3.9-2 8.4-3 12.1-5.3 4.5-2.8 8.7-5 13.5-7.2 5.6-2.6 10.4-6.8 16.2-9 1.3-.5 4.6-2.7 5.8-2.5 4.2.9-4.6 12.6-5.6 14.1z" class="st0"/>
  <path id="bird1" d="M793.6 32.6c4-.3 8 0 11.3 1.4 1.9.8 3.6 1.9 5.3 3 .7.5 5.8 3.2 5.8 3.7.8 2.8 1.7 4.9-.5 7.1.1 1.9.2 2.3 1.1 3.3 2.8 2.1 9.6 1.1 12-.5 8.7-6.1 16-17 27.9-19.7 7.1-1.6 15.1-1.1 22.3-.8 10.1.4 20.1 1.9 30 3.4 3.8.6 7.6 1.2 11.3 1.9 2.6.5 4.9.6 7.1-1.1-.5.3-4.1-1.1-4.8-1.2-1.7-.4-3.4-.9-5.1-1.4-8.1-2.2-16.2-5-24.6-6.1-8.6-1.2-17.4-1-26-.5-4.3.2-8.5.6-12.8.9-5.6.4-9.3 4.5-14 7.2-5.4 3.1-11.3 4.4-17.5 4.2-4.8-5.2-10.9-7.3-19.1-9.3-3.4-.8-7.5-1.5-11-1.2-5.3.6-10.8 2.1-16 3.4-2.3.6-4.6 1.1-6.9 1.8-.4.1-6.3 1-6.3 1.4l2 1.1c4.7 1.3 9 .4 10.7.3 6.1-.4 11.9-1.9 17.8-2.3z" class="st0"/>
  <path id="bird2" d="M890.4 75.4c-1.1.5.3 1.4 1.8 2.3 3.1 1.9 8.1 1.4 11.5 1.8 8.3 1 16.2 5 21.8 11.2.6.7 1.3 1.5 1.6 2.4.8 2.5-1.1 5.5.5 7.6 1.3 1.6 3.8 1.3 5.7.8 4.7-1.3 9.2-3.3 13.3-5.8 4.1-2.5 8-5.5 12.7-6.2 3.4-.5 6.9.4 10.2 1.4 12.6 3.7 24.7 8.7 36.8 13.6 3.8 1.5 8.3 3 11.7.8-.5-1.1-1.7-1.7-2.7-2.3-12.3-6.6-25.1-12.3-38.3-17.1-4.4-1.6-9-3.2-13.7-2.7-3.8.3-7.3 1.9-11 3.2-3.9 1.3-8 2.3-12.1 2.8-1.1.1-2.2.2-3.2 0-1.8-.4-3.1-1.8-4.4-3-5.9-5.5-13.3-9.2-21.2-10.9-4-.9-8-1.2-12.1-1-2 .1-4 .3-6 .7-.2.1-2.6.3-2.9.4z" class="st0"/>
</svg>
  
</a>
              
            
!

CSS

              
                a.joshua-gull-logo{
  display:block;
  width:500px;
  height:auto;
  margin:5em auto;
}



              
            
!

JS

              
                var birdOne = document.querySelector( '#bird1' );
var birdTwo = document.querySelector( '#bird2' );
var signature = document.querySelector( '#signature' );


var flightPath = function() {
  
      TweenMax.to( 
        birdOne, 
        4, { 
          bezier:{
          curviness:1,
          values:[
            {x:-100, y:-10}, 
            {x:-50, y:40}, 
            {x:25, y:-15},
            {x:10, y:10},
            {x:0, y:0}]}
        }   
      );
  
        TweenMax.to( 
        birdTwo, 
        4, { 
          transformOrigin:"50% 50%", bezier:{
          curviness:2,
          values:[
            {x:100, y:-10}, 
            {x:100, y:-50}, 
            {x:-25, y:-15},
            {x:-10, y:0},
            {x:0, y:0}
          ]} }   
      );
  
      CustomWiggle.create("randomWiggle", {type:"random", wiggles:4});
      TweenMax.to(birdTwo, 4, {rotation:50, ease:"randomWiggle"});
  
  
}
 
flightPath(); 


document.querySelector( '.joshua-gull-logo' ).addEventListener( "mouseover", flightPath );
                  
                  
                  
              
            
!
999px

Console