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

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

              
                <svg id="svg1" width="601px" height="556px" viewBox="0 0 601 556" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Group" fill="#333333">
            <path d="M141.43,0.34 C176.99,0.34 197.15,23.58 197.15,51.58 C197.15,79.3 178.67,103.24 140.03,103.24 C104.47,103.24 84.8700004,80.56 84.8700004,51.72 C84.8700004,24.56 103.91,0.34 141.43,0.34 Z M140.73,22.04 C124.91,22.04 118.61,35.06 118.61,51.16 C118.61,68.38 125.47,80.98 141.57,80.98 C158.23,80.98 163.41,66.56 163.41,51.72 C163.41,34.64 157.39,22.04 140.73,22.04 Z" id="Combined-Shape"></path>
            <path d="M292.75,101 L292.75,67.82 C292.75,52.14 293.17,33.24 293.87,21.76 L293.59,21.76 C288.83,40.8 282.53,66.14 272.59,101 L246.41,101 C238.57,68.66 232.27,41.36 227.37,21.48 L227.09,21.48 C227.79,32.96 228.91,52 228.91,68.94 L228.91,101 L200.35,101 L200.35,2.58 L246.13,2.58 C252.43,24.7 258.73,48.92 261.53,65.44 L261.67,65.44 C265.45,48.08 271.75,25.12 278.33,2.58 L323.97,2.58 L323.97,101 L292.75,101 Z" id="Path"></path>
            <path d="M397.87,82.66 L358.67,82.66 L352.37,101 L320.31,101 L357.55,2.58 L399.27,2.58 L438.89,101 L404.59,101 L397.87,82.66 Z M365.53,59.84 L390.45,59.84 C384.01,42.06 380.23,30.86 377.85,22.74 L377.29,22.74 C375.19,30.86 370.85,44.86 365.53,59.84 Z" id="Combined-Shape"></path>
            <polygon id="Path" points="519.37 38.98 519.37 61.8 466.73 61.8 466.73 78.32 525.53 78.32 521.89 101 435.23 101 435.23 2.58 522.17 2.58 522.17 25.26 466.73 25.26 466.73 38.98"></polygon>
            <path d="M227.23,214 L198.39,214 L198.39,115.58 L235.63,115.58 C257.47,150.86 264.75,163.6 271.19,176.34 L271.75,176.34 C270.77,166.96 270.91,149.18 270.91,132.94 L270.91,115.58 L299.61,115.58 L299.61,214 L264.47,214 C256.77,200.28 232.55,158.42 226.67,146.38 L226.25,146.38 C227.09,157.58 227.23,170.74 227.23,190.06 L227.23,214 Z" id="Path"></path>
            <path d="M359.93,113.34 C395.49,113.34 415.65,136.58 415.65,164.58 C415.65,192.3 397.17,216.24 358.53,216.24 C322.97,216.24 303.37,193.56 303.37,164.72 C303.37,137.56 322.41,113.34 359.93,113.34 Z M359.23,135.04 C343.41,135.04 337.11,148.06 337.11,164.16 C337.11,181.38 343.97,193.98 360.07,193.98 C376.73,193.98 381.91,179.56 381.91,164.72 C381.91,147.64 375.89,135.04 359.23,135.04 Z" id="Combined-Shape"></path>
            <path d="M0.0500005722,297.32 L32.1100006,297.32 C34.2100006,303.9 39.2500006,308.8 52.1300006,308.8 C63.4700006,308.8 66.9700006,305.3 66.9700006,300.4 C66.9700006,295.22 63.8900006,292.14 45.4100006,288.92 C9.01000057,282.62 3.83000057,270.16 3.83000057,257.14 C3.83000057,237.68 22.1700006,226.34 49.0500006,226.34 C81.8100006,226.34 94.8300006,241.46 96.0900006,256.02 L65.0100006,256.02 C63.8900006,251.68 61.2300006,246.64 48.9100006,246.64 C40.2300006,246.64 36.1700006,249.44 36.1700006,254.06 C36.1700006,258.68 40.2300006,260.78 55.6300006,263.58 C92.7300006,270.16 100.010001,281.92 100.010001,296.76 C100.010001,315.52 84.1900006,329.1 50.7300006,329.1 C17.6900006,329.1 2.99000057,315.1 0.0500005722,297.32 Z" id="Path"></path>
            <polygon id="Path" points="186.65 264.98 186.65 287.8 134.01 287.8 134.01 304.32 192.81 304.32 189.17 327 102.51 327 102.51 228.58 189.45 228.58 189.45 251.26 134.01 251.26 134.01 264.98"></polygon>
            <path d="M193.91,327 L193.91,228.58 L225.83,228.58 L225.83,269.18 C237.73,256.16 248.09,244.54 263.21,228.58 L301.85,228.58 L259.43,270.02 L304.23,327 L265.73,327 L237.17,287.94 L225.83,298.3 L225.83,327 L193.91,327 Z" id="Path"></path>
            <path d="M363.85,308.66 L324.65,308.66 L318.35,327 L286.29,327 L323.53,228.58 L365.25,228.58 L404.87,327 L370.57,327 L363.85,308.66 Z M331.51,285.84 L356.43,285.84 C349.99,268.06 346.21,256.86 343.83,248.74 L343.27,248.74 C341.17,256.86 336.83,270.86 331.51,285.84 Z" id="Combined-Shape"></path>
            <path d="M401.21,327 L401.21,228.58 L433.13,228.58 L433.13,269.18 C445.03,256.16 455.39,244.54 470.51,228.58 L509.15,228.58 L466.73,270.02 L511.53,327 L473.03,327 L444.47,287.94 L433.13,298.3 L433.13,327 L401.21,327 Z" id="Path"></path>
            <path d="M501.29,228.58 L533.35,228.58 L533.35,285.56 C533.35,301.24 540.91,306.42 551.41,306.42 C562.47,306.42 568.35,300.68 568.35,285.56 L568.35,228.58 L600.41,228.58 L600.41,285.7 C600.41,314.26 584.45,329.24 550.57,329.24 C518.09,329.24 501.29,315.1 501.29,285.7 L501.29,228.58 Z" id="Path"></path>
            <path d="M303.53,382.6 L303.53,440 L281.55,440 C280.85,437.9 280.15,434.4 279.59,431.04 C273.29,438.04 265.03,442.24 246.97,442.24 C214.49,442.24 196.57,420.4 196.57,391.7 C196.57,363.7 214.35,339.34 253.13,339.34 C284.35,339.34 300.73,355.16 303.67,371.68 L271.61,371.68 C270.07,367.06 265.87,360.34 252.99,360.34 C236.33,360.34 230.31,374.06 230.31,390.02 C230.31,407.38 237.17,420.68 253.69,420.68 C267.69,420.68 272.73,412.7 272.73,405.14 L272.73,404.16 L253.41,404.16 L253.41,382.6 L303.53,382.6 Z" id="Path"></path>
            <path d="M377.57,421.66 L338.37,421.66 L332.07,440 L300.01,440 L337.25,341.58 L378.97,341.58 L418.59,440 L384.29,440 L377.57,421.66 Z M345.23,398.84 L370.15,398.84 C363.71,381.06 359.93,369.86 357.55,361.74 L356.99,361.74 C354.89,369.86 350.55,383.86 345.23,398.84 Z" id="Combined-Shape"></path>
            <path d="M109.44,553 L76.1200004,553 L49.2400004,454.58 L82.7000004,454.58 C87.0400004,476.28 93.6200004,505.4 96.0000004,525.28 L96.2800004,525.28 C99.9200004,505.26 106.92,476.42 112.52,454.58 L141.22,454.58 C146.68,475.58 153.82,505.12 157.46,524.44 L157.74,524.44 C160.54,503.58 166.98,474.6 171.18,454.58 L202.82,454.58 L174.26,553 L140.8,553 C135.34,532.28 128.9,505.12 124.98,487.06 L124.7,487.06 C121.48,504.98 115.04,530.88 109.44,553 Z" id="Path"></path>
            <path d="M259.36,534.66 L220.16,534.66 L213.86,553 L181.8,553 L219.04,454.58 L260.76,454.58 L300.38,553 L266.08,553 L259.36,534.66 Z M227.02,511.84 L251.94,511.84 C245.5,494.06 241.72,482.86 239.34,474.74 L238.78,474.74 C236.68,482.86 232.34,496.86 227.02,511.84 Z" id="Combined-Shape"></path>
            <path d="M343.06,516.74 L328.22,516.74 L328.22,553 L296.72,553 L296.72,454.58 L356.36,454.58 C380.72,454.58 393.6,466.48 393.6,482.86 C393.6,495.46 386.18,503.02 376.52,506.38 C381.84,508.62 390.94,513.38 390.94,530.04 L390.94,535.36 C390.94,540.96 390.94,548.24 392.34,553 L360.42,553 C358.88,548.8 358.46,542.78 358.46,532.56 L358.46,529.34 C358.46,520.1 355.52,516.74 343.06,516.74 Z M328.22,475.72 L328.22,496.3 L347.82,496.3 C356.5,496.3 361.4,493.08 361.4,486.08 C361.4,479.5 356.92,475.72 347.82,475.72 L328.22,475.72 Z" id="Combined-Shape"></path>
            <path d="M395.4,454.58 L427.46,454.58 L427.46,511.56 C427.46,527.24 435.02,532.42 445.52,532.42 C456.58,532.42 462.46,526.68 462.46,511.56 L462.46,454.58 L494.52,454.58 L494.52,511.7 C494.52,540.26 478.56,555.24 444.68,555.24 C412.2,555.24 395.4,541.1 395.4,511.7 L395.4,454.58 Z" id="Path"></path>
            <polygon id="Path" points="502.06 454.58 533.98 454.58 533.98 553 502.06 553"></polygon>
            <rect id="Rectangle" fill-rule="nonzero" x="434" y="374" width="91" height="33"></rect>
            <rect id="Rectangle-Copy-2" fill-rule="nonzero" x="434" y="148" width="91" height="33"></rect>
            <rect id="Rectangle-Copy" fill-rule="nonzero" x="85" y="374" width="91" height="33"></rect>
            <rect id="Rectangle-Copy-3" fill-rule="nonzero" x="85" y="148" width="91" height="33"></rect>
        </g>
    </g>
</svg>
<svg id="svg2" width="601px" height="556px" viewBox="0 0 601 556" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Group" fill="#666666">
            <path d="M141.43,0.34 C176.99,0.34 197.15,23.58 197.15,51.58 C197.15,79.3 178.67,103.24 140.03,103.24 C104.47,103.24 84.8700004,80.56 84.8700004,51.72 C84.8700004,24.56 103.91,0.34 141.43,0.34 Z M140.73,22.04 C124.91,22.04 118.61,35.06 118.61,51.16 C118.61,68.38 125.47,80.98 141.57,80.98 C158.23,80.98 163.41,66.56 163.41,51.72 C163.41,34.64 157.39,22.04 140.73,22.04 Z" id="Combined-Shape"></path>
            <path d="M292.75,101 L292.75,67.82 C292.75,52.14 293.17,33.24 293.87,21.76 L293.59,21.76 C288.83,40.8 282.53,66.14 272.59,101 L246.41,101 C238.57,68.66 232.27,41.36 227.37,21.48 L227.09,21.48 C227.79,32.96 228.91,52 228.91,68.94 L228.91,101 L200.35,101 L200.35,2.58 L246.13,2.58 C252.43,24.7 258.73,48.92 261.53,65.44 L261.67,65.44 C265.45,48.08 271.75,25.12 278.33,2.58 L323.97,2.58 L323.97,101 L292.75,101 Z" id="Path"></path>
            <path d="M397.87,82.66 L358.67,82.66 L352.37,101 L320.31,101 L357.55,2.58 L399.27,2.58 L438.89,101 L404.59,101 L397.87,82.66 Z M365.53,59.84 L390.45,59.84 C384.01,42.06 380.23,30.86 377.85,22.74 L377.29,22.74 C375.19,30.86 370.85,44.86 365.53,59.84 Z" id="Combined-Shape"></path>
            <polygon id="Path" points="519.37 38.98 519.37 61.8 466.73 61.8 466.73 78.32 525.53 78.32 521.89 101 435.23 101 435.23 2.58 522.17 2.58 522.17 25.26 466.73 25.26 466.73 38.98"></polygon>
            <path d="M227.23,214 L198.39,214 L198.39,115.58 L235.63,115.58 C257.47,150.86 264.75,163.6 271.19,176.34 L271.75,176.34 C270.77,166.96 270.91,149.18 270.91,132.94 L270.91,115.58 L299.61,115.58 L299.61,214 L264.47,214 C256.77,200.28 232.55,158.42 226.67,146.38 L226.25,146.38 C227.09,157.58 227.23,170.74 227.23,190.06 L227.23,214 Z" id="Path"></path>
            <path d="M359.93,113.34 C395.49,113.34 415.65,136.58 415.65,164.58 C415.65,192.3 397.17,216.24 358.53,216.24 C322.97,216.24 303.37,193.56 303.37,164.72 C303.37,137.56 322.41,113.34 359.93,113.34 Z M359.23,135.04 C343.41,135.04 337.11,148.06 337.11,164.16 C337.11,181.38 343.97,193.98 360.07,193.98 C376.73,193.98 381.91,179.56 381.91,164.72 C381.91,147.64 375.89,135.04 359.23,135.04 Z" id="Combined-Shape"></path>
            <path d="M0.0500005722,297.32 L32.1100006,297.32 C34.2100006,303.9 39.2500006,308.8 52.1300006,308.8 C63.4700006,308.8 66.9700006,305.3 66.9700006,300.4 C66.9700006,295.22 63.8900006,292.14 45.4100006,288.92 C9.01000057,282.62 3.83000057,270.16 3.83000057,257.14 C3.83000057,237.68 22.1700006,226.34 49.0500006,226.34 C81.8100006,226.34 94.8300006,241.46 96.0900006,256.02 L65.0100006,256.02 C63.8900006,251.68 61.2300006,246.64 48.9100006,246.64 C40.2300006,246.64 36.1700006,249.44 36.1700006,254.06 C36.1700006,258.68 40.2300006,260.78 55.6300006,263.58 C92.7300006,270.16 100.010001,281.92 100.010001,296.76 C100.010001,315.52 84.1900006,329.1 50.7300006,329.1 C17.6900006,329.1 2.99000057,315.1 0.0500005722,297.32 Z" id="Path"></path>
            <polygon id="Path" points="186.65 264.98 186.65 287.8 134.01 287.8 134.01 304.32 192.81 304.32 189.17 327 102.51 327 102.51 228.58 189.45 228.58 189.45 251.26 134.01 251.26 134.01 264.98"></polygon>
            <path d="M193.91,327 L193.91,228.58 L225.83,228.58 L225.83,269.18 C237.73,256.16 248.09,244.54 263.21,228.58 L301.85,228.58 L259.43,270.02 L304.23,327 L265.73,327 L237.17,287.94 L225.83,298.3 L225.83,327 L193.91,327 Z" id="Path"></path>
            <path d="M363.85,308.66 L324.65,308.66 L318.35,327 L286.29,327 L323.53,228.58 L365.25,228.58 L404.87,327 L370.57,327 L363.85,308.66 Z M331.51,285.84 L356.43,285.84 C349.99,268.06 346.21,256.86 343.83,248.74 L343.27,248.74 C341.17,256.86 336.83,270.86 331.51,285.84 Z" id="Combined-Shape"></path>
            <path d="M401.21,327 L401.21,228.58 L433.13,228.58 L433.13,269.18 C445.03,256.16 455.39,244.54 470.51,228.58 L509.15,228.58 L466.73,270.02 L511.53,327 L473.03,327 L444.47,287.94 L433.13,298.3 L433.13,327 L401.21,327 Z" id="Path"></path>
            <path d="M501.29,228.58 L533.35,228.58 L533.35,285.56 C533.35,301.24 540.91,306.42 551.41,306.42 C562.47,306.42 568.35,300.68 568.35,285.56 L568.35,228.58 L600.41,228.58 L600.41,285.7 C600.41,314.26 584.45,329.24 550.57,329.24 C518.09,329.24 501.29,315.1 501.29,285.7 L501.29,228.58 Z" id="Path"></path>
            <path d="M303.53,382.6 L303.53,440 L281.55,440 C280.85,437.9 280.15,434.4 279.59,431.04 C273.29,438.04 265.03,442.24 246.97,442.24 C214.49,442.24 196.57,420.4 196.57,391.7 C196.57,363.7 214.35,339.34 253.13,339.34 C284.35,339.34 300.73,355.16 303.67,371.68 L271.61,371.68 C270.07,367.06 265.87,360.34 252.99,360.34 C236.33,360.34 230.31,374.06 230.31,390.02 C230.31,407.38 237.17,420.68 253.69,420.68 C267.69,420.68 272.73,412.7 272.73,405.14 L272.73,404.16 L253.41,404.16 L253.41,382.6 L303.53,382.6 Z" id="Path"></path>
            <path d="M377.57,421.66 L338.37,421.66 L332.07,440 L300.01,440 L337.25,341.58 L378.97,341.58 L418.59,440 L384.29,440 L377.57,421.66 Z M345.23,398.84 L370.15,398.84 C363.71,381.06 359.93,369.86 357.55,361.74 L356.99,361.74 C354.89,369.86 350.55,383.86 345.23,398.84 Z" id="Combined-Shape"></path>
            <path d="M109.44,553 L76.1200004,553 L49.2400004,454.58 L82.7000004,454.58 C87.0400004,476.28 93.6200004,505.4 96.0000004,525.28 L96.2800004,525.28 C99.9200004,505.26 106.92,476.42 112.52,454.58 L141.22,454.58 C146.68,475.58 153.82,505.12 157.46,524.44 L157.74,524.44 C160.54,503.58 166.98,474.6 171.18,454.58 L202.82,454.58 L174.26,553 L140.8,553 C135.34,532.28 128.9,505.12 124.98,487.06 L124.7,487.06 C121.48,504.98 115.04,530.88 109.44,553 Z" id="Path"></path>
            <path d="M259.36,534.66 L220.16,534.66 L213.86,553 L181.8,553 L219.04,454.58 L260.76,454.58 L300.38,553 L266.08,553 L259.36,534.66 Z M227.02,511.84 L251.94,511.84 C245.5,494.06 241.72,482.86 239.34,474.74 L238.78,474.74 C236.68,482.86 232.34,496.86 227.02,511.84 Z" id="Combined-Shape"></path>
            <path d="M343.06,516.74 L328.22,516.74 L328.22,553 L296.72,553 L296.72,454.58 L356.36,454.58 C380.72,454.58 393.6,466.48 393.6,482.86 C393.6,495.46 386.18,503.02 376.52,506.38 C381.84,508.62 390.94,513.38 390.94,530.04 L390.94,535.36 C390.94,540.96 390.94,548.24 392.34,553 L360.42,553 C358.88,548.8 358.46,542.78 358.46,532.56 L358.46,529.34 C358.46,520.1 355.52,516.74 343.06,516.74 Z M328.22,475.72 L328.22,496.3 L347.82,496.3 C356.5,496.3 361.4,493.08 361.4,486.08 C361.4,479.5 356.92,475.72 347.82,475.72 L328.22,475.72 Z" id="Combined-Shape"></path>
            <path d="M395.4,454.58 L427.46,454.58 L427.46,511.56 C427.46,527.24 435.02,532.42 445.52,532.42 C456.58,532.42 462.46,526.68 462.46,511.56 L462.46,454.58 L494.52,454.58 L494.52,511.7 C494.52,540.26 478.56,555.24 444.68,555.24 C412.2,555.24 395.4,541.1 395.4,511.7 L395.4,454.58 Z" id="Path"></path>
            <polygon id="Path" points="502.06 454.58 533.98 454.58 533.98 553 502.06 553"></polygon>
            <rect id="Rectangle" fill-rule="nonzero" x="434" y="374" width="91" height="33"></rect>
            <rect id="Rectangle-Copy-2" fill-rule="nonzero" x="434" y="148" width="91" height="33"></rect>
            <rect id="Rectangle-Copy" fill-rule="nonzero" x="85" y="374" width="91" height="33"></rect>
            <rect id="Rectangle-Copy-3" fill-rule="nonzero" x="85" y="148" width="91" height="33"></rect>
        </g>
    </g>
</svg>
<svg id="svg3" width="601px" height="556px" viewBox="0 0 601 556" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Group" fill="#999999">
            <path d="M141.43,0.34 C176.99,0.34 197.15,23.58 197.15,51.58 C197.15,79.3 178.67,103.24 140.03,103.24 C104.47,103.24 84.8700004,80.56 84.8700004,51.72 C84.8700004,24.56 103.91,0.34 141.43,0.34 Z M140.73,22.04 C124.91,22.04 118.61,35.06 118.61,51.16 C118.61,68.38 125.47,80.98 141.57,80.98 C158.23,80.98 163.41,66.56 163.41,51.72 C163.41,34.64 157.39,22.04 140.73,22.04 Z" id="Combined-Shape"></path>
            <path d="M292.75,101 L292.75,67.82 C292.75,52.14 293.17,33.24 293.87,21.76 L293.59,21.76 C288.83,40.8 282.53,66.14 272.59,101 L246.41,101 C238.57,68.66 232.27,41.36 227.37,21.48 L227.09,21.48 C227.79,32.96 228.91,52 228.91,68.94 L228.91,101 L200.35,101 L200.35,2.58 L246.13,2.58 C252.43,24.7 258.73,48.92 261.53,65.44 L261.67,65.44 C265.45,48.08 271.75,25.12 278.33,2.58 L323.97,2.58 L323.97,101 L292.75,101 Z" id="Path"></path>
            <path d="M397.87,82.66 L358.67,82.66 L352.37,101 L320.31,101 L357.55,2.58 L399.27,2.58 L438.89,101 L404.59,101 L397.87,82.66 Z M365.53,59.84 L390.45,59.84 C384.01,42.06 380.23,30.86 377.85,22.74 L377.29,22.74 C375.19,30.86 370.85,44.86 365.53,59.84 Z" id="Combined-Shape"></path>
            <polygon id="Path" points="519.37 38.98 519.37 61.8 466.73 61.8 466.73 78.32 525.53 78.32 521.89 101 435.23 101 435.23 2.58 522.17 2.58 522.17 25.26 466.73 25.26 466.73 38.98"></polygon>
            <path d="M227.23,214 L198.39,214 L198.39,115.58 L235.63,115.58 C257.47,150.86 264.75,163.6 271.19,176.34 L271.75,176.34 C270.77,166.96 270.91,149.18 270.91,132.94 L270.91,115.58 L299.61,115.58 L299.61,214 L264.47,214 C256.77,200.28 232.55,158.42 226.67,146.38 L226.25,146.38 C227.09,157.58 227.23,170.74 227.23,190.06 L227.23,214 Z" id="Path"></path>
            <path d="M359.93,113.34 C395.49,113.34 415.65,136.58 415.65,164.58 C415.65,192.3 397.17,216.24 358.53,216.24 C322.97,216.24 303.37,193.56 303.37,164.72 C303.37,137.56 322.41,113.34 359.93,113.34 Z M359.23,135.04 C343.41,135.04 337.11,148.06 337.11,164.16 C337.11,181.38 343.97,193.98 360.07,193.98 C376.73,193.98 381.91,179.56 381.91,164.72 C381.91,147.64 375.89,135.04 359.23,135.04 Z" id="Combined-Shape"></path>
            <path d="M0.0500005722,297.32 L32.1100006,297.32 C34.2100006,303.9 39.2500006,308.8 52.1300006,308.8 C63.4700006,308.8 66.9700006,305.3 66.9700006,300.4 C66.9700006,295.22 63.8900006,292.14 45.4100006,288.92 C9.01000057,282.62 3.83000057,270.16 3.83000057,257.14 C3.83000057,237.68 22.1700006,226.34 49.0500006,226.34 C81.8100006,226.34 94.8300006,241.46 96.0900006,256.02 L65.0100006,256.02 C63.8900006,251.68 61.2300006,246.64 48.9100006,246.64 C40.2300006,246.64 36.1700006,249.44 36.1700006,254.06 C36.1700006,258.68 40.2300006,260.78 55.6300006,263.58 C92.7300006,270.16 100.010001,281.92 100.010001,296.76 C100.010001,315.52 84.1900006,329.1 50.7300006,329.1 C17.6900006,329.1 2.99000057,315.1 0.0500005722,297.32 Z" id="Path"></path>
            <polygon id="Path" points="186.65 264.98 186.65 287.8 134.01 287.8 134.01 304.32 192.81 304.32 189.17 327 102.51 327 102.51 228.58 189.45 228.58 189.45 251.26 134.01 251.26 134.01 264.98"></polygon>
            <path d="M193.91,327 L193.91,228.58 L225.83,228.58 L225.83,269.18 C237.73,256.16 248.09,244.54 263.21,228.58 L301.85,228.58 L259.43,270.02 L304.23,327 L265.73,327 L237.17,287.94 L225.83,298.3 L225.83,327 L193.91,327 Z" id="Path"></path>
            <path d="M363.85,308.66 L324.65,308.66 L318.35,327 L286.29,327 L323.53,228.58 L365.25,228.58 L404.87,327 L370.57,327 L363.85,308.66 Z M331.51,285.84 L356.43,285.84 C349.99,268.06 346.21,256.86 343.83,248.74 L343.27,248.74 C341.17,256.86 336.83,270.86 331.51,285.84 Z" id="Combined-Shape"></path>
            <path d="M401.21,327 L401.21,228.58 L433.13,228.58 L433.13,269.18 C445.03,256.16 455.39,244.54 470.51,228.58 L509.15,228.58 L466.73,270.02 L511.53,327 L473.03,327 L444.47,287.94 L433.13,298.3 L433.13,327 L401.21,327 Z" id="Path"></path>
            <path d="M501.29,228.58 L533.35,228.58 L533.35,285.56 C533.35,301.24 540.91,306.42 551.41,306.42 C562.47,306.42 568.35,300.68 568.35,285.56 L568.35,228.58 L600.41,228.58 L600.41,285.7 C600.41,314.26 584.45,329.24 550.57,329.24 C518.09,329.24 501.29,315.1 501.29,285.7 L501.29,228.58 Z" id="Path"></path>
            <path d="M303.53,382.6 L303.53,440 L281.55,440 C280.85,437.9 280.15,434.4 279.59,431.04 C273.29,438.04 265.03,442.24 246.97,442.24 C214.49,442.24 196.57,420.4 196.57,391.7 C196.57,363.7 214.35,339.34 253.13,339.34 C284.35,339.34 300.73,355.16 303.67,371.68 L271.61,371.68 C270.07,367.06 265.87,360.34 252.99,360.34 C236.33,360.34 230.31,374.06 230.31,390.02 C230.31,407.38 237.17,420.68 253.69,420.68 C267.69,420.68 272.73,412.7 272.73,405.14 L272.73,404.16 L253.41,404.16 L253.41,382.6 L303.53,382.6 Z" id="Path"></path>
            <path d="M377.57,421.66 L338.37,421.66 L332.07,440 L300.01,440 L337.25,341.58 L378.97,341.58 L418.59,440 L384.29,440 L377.57,421.66 Z M345.23,398.84 L370.15,398.84 C363.71,381.06 359.93,369.86 357.55,361.74 L356.99,361.74 C354.89,369.86 350.55,383.86 345.23,398.84 Z" id="Combined-Shape"></path>
            <path d="M109.44,553 L76.1200004,553 L49.2400004,454.58 L82.7000004,454.58 C87.0400004,476.28 93.6200004,505.4 96.0000004,525.28 L96.2800004,525.28 C99.9200004,505.26 106.92,476.42 112.52,454.58 L141.22,454.58 C146.68,475.58 153.82,505.12 157.46,524.44 L157.74,524.44 C160.54,503.58 166.98,474.6 171.18,454.58 L202.82,454.58 L174.26,553 L140.8,553 C135.34,532.28 128.9,505.12 124.98,487.06 L124.7,487.06 C121.48,504.98 115.04,530.88 109.44,553 Z" id="Path"></path>
            <path d="M259.36,534.66 L220.16,534.66 L213.86,553 L181.8,553 L219.04,454.58 L260.76,454.58 L300.38,553 L266.08,553 L259.36,534.66 Z M227.02,511.84 L251.94,511.84 C245.5,494.06 241.72,482.86 239.34,474.74 L238.78,474.74 C236.68,482.86 232.34,496.86 227.02,511.84 Z" id="Combined-Shape"></path>
            <path d="M343.06,516.74 L328.22,516.74 L328.22,553 L296.72,553 L296.72,454.58 L356.36,454.58 C380.72,454.58 393.6,466.48 393.6,482.86 C393.6,495.46 386.18,503.02 376.52,506.38 C381.84,508.62 390.94,513.38 390.94,530.04 L390.94,535.36 C390.94,540.96 390.94,548.24 392.34,553 L360.42,553 C358.88,548.8 358.46,542.78 358.46,532.56 L358.46,529.34 C358.46,520.1 355.52,516.74 343.06,516.74 Z M328.22,475.72 L328.22,496.3 L347.82,496.3 C356.5,496.3 361.4,493.08 361.4,486.08 C361.4,479.5 356.92,475.72 347.82,475.72 L328.22,475.72 Z" id="Combined-Shape"></path>
            <path d="M395.4,454.58 L427.46,454.58 L427.46,511.56 C427.46,527.24 435.02,532.42 445.52,532.42 C456.58,532.42 462.46,526.68 462.46,511.56 L462.46,454.58 L494.52,454.58 L494.52,511.7 C494.52,540.26 478.56,555.24 444.68,555.24 C412.2,555.24 395.4,541.1 395.4,511.7 L395.4,454.58 Z" id="Path"></path>
            <polygon id="Path" points="502.06 454.58 533.98 454.58 533.98 553 502.06 553"></polygon>
            <rect id="Rectangle" fill-rule="nonzero" x="434" y="374" width="91" height="33"></rect>
            <rect id="Rectangle-Copy-2" fill-rule="nonzero" x="434" y="148" width="91" height="33"></rect>
            <rect id="Rectangle-Copy" fill-rule="nonzero" x="85" y="374" width="91" height="33"></rect>
            <rect id="Rectangle-Copy-3" fill-rule="nonzero" x="85" y="148" width="91" height="33"></rect>
        </g>
    </g>
</svg>
<svg id="svg4" width="601px" height="556px" viewBox="0 0 601 556" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Group" fill="#cccccc">
            <path d="M141.43,0.34 C176.99,0.34 197.15,23.58 197.15,51.58 C197.15,79.3 178.67,103.24 140.03,103.24 C104.47,103.24 84.8700004,80.56 84.8700004,51.72 C84.8700004,24.56 103.91,0.34 141.43,0.34 Z M140.73,22.04 C124.91,22.04 118.61,35.06 118.61,51.16 C118.61,68.38 125.47,80.98 141.57,80.98 C158.23,80.98 163.41,66.56 163.41,51.72 C163.41,34.64 157.39,22.04 140.73,22.04 Z" id="Combined-Shape"></path>
            <path d="M292.75,101 L292.75,67.82 C292.75,52.14 293.17,33.24 293.87,21.76 L293.59,21.76 C288.83,40.8 282.53,66.14 272.59,101 L246.41,101 C238.57,68.66 232.27,41.36 227.37,21.48 L227.09,21.48 C227.79,32.96 228.91,52 228.91,68.94 L228.91,101 L200.35,101 L200.35,2.58 L246.13,2.58 C252.43,24.7 258.73,48.92 261.53,65.44 L261.67,65.44 C265.45,48.08 271.75,25.12 278.33,2.58 L323.97,2.58 L323.97,101 L292.75,101 Z" id="Path"></path>
            <path d="M397.87,82.66 L358.67,82.66 L352.37,101 L320.31,101 L357.55,2.58 L399.27,2.58 L438.89,101 L404.59,101 L397.87,82.66 Z M365.53,59.84 L390.45,59.84 C384.01,42.06 380.23,30.86 377.85,22.74 L377.29,22.74 C375.19,30.86 370.85,44.86 365.53,59.84 Z" id="Combined-Shape"></path>
            <polygon id="Path" points="519.37 38.98 519.37 61.8 466.73 61.8 466.73 78.32 525.53 78.32 521.89 101 435.23 101 435.23 2.58 522.17 2.58 522.17 25.26 466.73 25.26 466.73 38.98"></polygon>
            <path d="M227.23,214 L198.39,214 L198.39,115.58 L235.63,115.58 C257.47,150.86 264.75,163.6 271.19,176.34 L271.75,176.34 C270.77,166.96 270.91,149.18 270.91,132.94 L270.91,115.58 L299.61,115.58 L299.61,214 L264.47,214 C256.77,200.28 232.55,158.42 226.67,146.38 L226.25,146.38 C227.09,157.58 227.23,170.74 227.23,190.06 L227.23,214 Z" id="Path"></path>
            <path d="M359.93,113.34 C395.49,113.34 415.65,136.58 415.65,164.58 C415.65,192.3 397.17,216.24 358.53,216.24 C322.97,216.24 303.37,193.56 303.37,164.72 C303.37,137.56 322.41,113.34 359.93,113.34 Z M359.23,135.04 C343.41,135.04 337.11,148.06 337.11,164.16 C337.11,181.38 343.97,193.98 360.07,193.98 C376.73,193.98 381.91,179.56 381.91,164.72 C381.91,147.64 375.89,135.04 359.23,135.04 Z" id="Combined-Shape"></path>
            <path d="M0.0500005722,297.32 L32.1100006,297.32 C34.2100006,303.9 39.2500006,308.8 52.1300006,308.8 C63.4700006,308.8 66.9700006,305.3 66.9700006,300.4 C66.9700006,295.22 63.8900006,292.14 45.4100006,288.92 C9.01000057,282.62 3.83000057,270.16 3.83000057,257.14 C3.83000057,237.68 22.1700006,226.34 49.0500006,226.34 C81.8100006,226.34 94.8300006,241.46 96.0900006,256.02 L65.0100006,256.02 C63.8900006,251.68 61.2300006,246.64 48.9100006,246.64 C40.2300006,246.64 36.1700006,249.44 36.1700006,254.06 C36.1700006,258.68 40.2300006,260.78 55.6300006,263.58 C92.7300006,270.16 100.010001,281.92 100.010001,296.76 C100.010001,315.52 84.1900006,329.1 50.7300006,329.1 C17.6900006,329.1 2.99000057,315.1 0.0500005722,297.32 Z" id="Path"></path>
            <polygon id="Path" points="186.65 264.98 186.65 287.8 134.01 287.8 134.01 304.32 192.81 304.32 189.17 327 102.51 327 102.51 228.58 189.45 228.58 189.45 251.26 134.01 251.26 134.01 264.98"></polygon>
            <path d="M193.91,327 L193.91,228.58 L225.83,228.58 L225.83,269.18 C237.73,256.16 248.09,244.54 263.21,228.58 L301.85,228.58 L259.43,270.02 L304.23,327 L265.73,327 L237.17,287.94 L225.83,298.3 L225.83,327 L193.91,327 Z" id="Path"></path>
            <path d="M363.85,308.66 L324.65,308.66 L318.35,327 L286.29,327 L323.53,228.58 L365.25,228.58 L404.87,327 L370.57,327 L363.85,308.66 Z M331.51,285.84 L356.43,285.84 C349.99,268.06 346.21,256.86 343.83,248.74 L343.27,248.74 C341.17,256.86 336.83,270.86 331.51,285.84 Z" id="Combined-Shape"></path>
            <path d="M401.21,327 L401.21,228.58 L433.13,228.58 L433.13,269.18 C445.03,256.16 455.39,244.54 470.51,228.58 L509.15,228.58 L466.73,270.02 L511.53,327 L473.03,327 L444.47,287.94 L433.13,298.3 L433.13,327 L401.21,327 Z" id="Path"></path>
            <path d="M501.29,228.58 L533.35,228.58 L533.35,285.56 C533.35,301.24 540.91,306.42 551.41,306.42 C562.47,306.42 568.35,300.68 568.35,285.56 L568.35,228.58 L600.41,228.58 L600.41,285.7 C600.41,314.26 584.45,329.24 550.57,329.24 C518.09,329.24 501.29,315.1 501.29,285.7 L501.29,228.58 Z" id="Path"></path>
            <path d="M303.53,382.6 L303.53,440 L281.55,440 C280.85,437.9 280.15,434.4 279.59,431.04 C273.29,438.04 265.03,442.24 246.97,442.24 C214.49,442.24 196.57,420.4 196.57,391.7 C196.57,363.7 214.35,339.34 253.13,339.34 C284.35,339.34 300.73,355.16 303.67,371.68 L271.61,371.68 C270.07,367.06 265.87,360.34 252.99,360.34 C236.33,360.34 230.31,374.06 230.31,390.02 C230.31,407.38 237.17,420.68 253.69,420.68 C267.69,420.68 272.73,412.7 272.73,405.14 L272.73,404.16 L253.41,404.16 L253.41,382.6 L303.53,382.6 Z" id="Path"></path>
            <path d="M377.57,421.66 L338.37,421.66 L332.07,440 L300.01,440 L337.25,341.58 L378.97,341.58 L418.59,440 L384.29,440 L377.57,421.66 Z M345.23,398.84 L370.15,398.84 C363.71,381.06 359.93,369.86 357.55,361.74 L356.99,361.74 C354.89,369.86 350.55,383.86 345.23,398.84 Z" id="Combined-Shape"></path>
            <path d="M109.44,553 L76.1200004,553 L49.2400004,454.58 L82.7000004,454.58 C87.0400004,476.28 93.6200004,505.4 96.0000004,525.28 L96.2800004,525.28 C99.9200004,505.26 106.92,476.42 112.52,454.58 L141.22,454.58 C146.68,475.58 153.82,505.12 157.46,524.44 L157.74,524.44 C160.54,503.58 166.98,474.6 171.18,454.58 L202.82,454.58 L174.26,553 L140.8,553 C135.34,532.28 128.9,505.12 124.98,487.06 L124.7,487.06 C121.48,504.98 115.04,530.88 109.44,553 Z" id="Path"></path>
            <path d="M259.36,534.66 L220.16,534.66 L213.86,553 L181.8,553 L219.04,454.58 L260.76,454.58 L300.38,553 L266.08,553 L259.36,534.66 Z M227.02,511.84 L251.94,511.84 C245.5,494.06 241.72,482.86 239.34,474.74 L238.78,474.74 C236.68,482.86 232.34,496.86 227.02,511.84 Z" id="Combined-Shape"></path>
            <path d="M343.06,516.74 L328.22,516.74 L328.22,553 L296.72,553 L296.72,454.58 L356.36,454.58 C380.72,454.58 393.6,466.48 393.6,482.86 C393.6,495.46 386.18,503.02 376.52,506.38 C381.84,508.62 390.94,513.38 390.94,530.04 L390.94,535.36 C390.94,540.96 390.94,548.24 392.34,553 L360.42,553 C358.88,548.8 358.46,542.78 358.46,532.56 L358.46,529.34 C358.46,520.1 355.52,516.74 343.06,516.74 Z M328.22,475.72 L328.22,496.3 L347.82,496.3 C356.5,496.3 361.4,493.08 361.4,486.08 C361.4,479.5 356.92,475.72 347.82,475.72 L328.22,475.72 Z" id="Combined-Shape"></path>
            <path d="M395.4,454.58 L427.46,454.58 L427.46,511.56 C427.46,527.24 435.02,532.42 445.52,532.42 C456.58,532.42 462.46,526.68 462.46,511.56 L462.46,454.58 L494.52,454.58 L494.52,511.7 C494.52,540.26 478.56,555.24 444.68,555.24 C412.2,555.24 395.4,541.1 395.4,511.7 L395.4,454.58 Z" id="Path"></path>
            <polygon id="Path" points="502.06 454.58 533.98 454.58 533.98 553 502.06 553"></polygon>
            <rect id="Rectangle" fill-rule="nonzero" x="434" y="374" width="91" height="33"></rect>
            <rect id="Rectangle-Copy-2" fill-rule="nonzero" x="434" y="148" width="91" height="33"></rect>
            <rect id="Rectangle-Copy" fill-rule="nonzero" x="85" y="374" width="91" height="33"></rect>
            <rect id="Rectangle-Copy-3" fill-rule="nonzero" x="85" y="148" width="91" height="33"></rect>
        </g>
    </g>
</svg>
<svg id="svg5" width="601px" height="556px" viewBox="0 0 601 556" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Group" fill="#FFFFFF">
            <path d="M141.43,0.34 C176.99,0.34 197.15,23.58 197.15,51.58 C197.15,79.3 178.67,103.24 140.03,103.24 C104.47,103.24 84.8700004,80.56 84.8700004,51.72 C84.8700004,24.56 103.91,0.34 141.43,0.34 Z M140.73,22.04 C124.91,22.04 118.61,35.06 118.61,51.16 C118.61,68.38 125.47,80.98 141.57,80.98 C158.23,80.98 163.41,66.56 163.41,51.72 C163.41,34.64 157.39,22.04 140.73,22.04 Z" id="Combined-Shape"></path>
            <path d="M292.75,101 L292.75,67.82 C292.75,52.14 293.17,33.24 293.87,21.76 L293.59,21.76 C288.83,40.8 282.53,66.14 272.59,101 L246.41,101 C238.57,68.66 232.27,41.36 227.37,21.48 L227.09,21.48 C227.79,32.96 228.91,52 228.91,68.94 L228.91,101 L200.35,101 L200.35,2.58 L246.13,2.58 C252.43,24.7 258.73,48.92 261.53,65.44 L261.67,65.44 C265.45,48.08 271.75,25.12 278.33,2.58 L323.97,2.58 L323.97,101 L292.75,101 Z" id="Path"></path>
            <path d="M397.87,82.66 L358.67,82.66 L352.37,101 L320.31,101 L357.55,2.58 L399.27,2.58 L438.89,101 L404.59,101 L397.87,82.66 Z M365.53,59.84 L390.45,59.84 C384.01,42.06 380.23,30.86 377.85,22.74 L377.29,22.74 C375.19,30.86 370.85,44.86 365.53,59.84 Z" id="Combined-Shape"></path>
            <polygon id="Path" points="519.37 38.98 519.37 61.8 466.73 61.8 466.73 78.32 525.53 78.32 521.89 101 435.23 101 435.23 2.58 522.17 2.58 522.17 25.26 466.73 25.26 466.73 38.98"></polygon>
            <path d="M227.23,214 L198.39,214 L198.39,115.58 L235.63,115.58 C257.47,150.86 264.75,163.6 271.19,176.34 L271.75,176.34 C270.77,166.96 270.91,149.18 270.91,132.94 L270.91,115.58 L299.61,115.58 L299.61,214 L264.47,214 C256.77,200.28 232.55,158.42 226.67,146.38 L226.25,146.38 C227.09,157.58 227.23,170.74 227.23,190.06 L227.23,214 Z" id="Path"></path>
            <path d="M359.93,113.34 C395.49,113.34 415.65,136.58 415.65,164.58 C415.65,192.3 397.17,216.24 358.53,216.24 C322.97,216.24 303.37,193.56 303.37,164.72 C303.37,137.56 322.41,113.34 359.93,113.34 Z M359.23,135.04 C343.41,135.04 337.11,148.06 337.11,164.16 C337.11,181.38 343.97,193.98 360.07,193.98 C376.73,193.98 381.91,179.56 381.91,164.72 C381.91,147.64 375.89,135.04 359.23,135.04 Z" id="Combined-Shape"></path>
            <path d="M0.0500005722,297.32 L32.1100006,297.32 C34.2100006,303.9 39.2500006,308.8 52.1300006,308.8 C63.4700006,308.8 66.9700006,305.3 66.9700006,300.4 C66.9700006,295.22 63.8900006,292.14 45.4100006,288.92 C9.01000057,282.62 3.83000057,270.16 3.83000057,257.14 C3.83000057,237.68 22.1700006,226.34 49.0500006,226.34 C81.8100006,226.34 94.8300006,241.46 96.0900006,256.02 L65.0100006,256.02 C63.8900006,251.68 61.2300006,246.64 48.9100006,246.64 C40.2300006,246.64 36.1700006,249.44 36.1700006,254.06 C36.1700006,258.68 40.2300006,260.78 55.6300006,263.58 C92.7300006,270.16 100.010001,281.92 100.010001,296.76 C100.010001,315.52 84.1900006,329.1 50.7300006,329.1 C17.6900006,329.1 2.99000057,315.1 0.0500005722,297.32 Z" id="Path"></path>
            <polygon id="Path" points="186.65 264.98 186.65 287.8 134.01 287.8 134.01 304.32 192.81 304.32 189.17 327 102.51 327 102.51 228.58 189.45 228.58 189.45 251.26 134.01 251.26 134.01 264.98"></polygon>
            <path d="M193.91,327 L193.91,228.58 L225.83,228.58 L225.83,269.18 C237.73,256.16 248.09,244.54 263.21,228.58 L301.85,228.58 L259.43,270.02 L304.23,327 L265.73,327 L237.17,287.94 L225.83,298.3 L225.83,327 L193.91,327 Z" id="Path"></path>
            <path d="M363.85,308.66 L324.65,308.66 L318.35,327 L286.29,327 L323.53,228.58 L365.25,228.58 L404.87,327 L370.57,327 L363.85,308.66 Z M331.51,285.84 L356.43,285.84 C349.99,268.06 346.21,256.86 343.83,248.74 L343.27,248.74 C341.17,256.86 336.83,270.86 331.51,285.84 Z" id="Combined-Shape"></path>
            <path d="M401.21,327 L401.21,228.58 L433.13,228.58 L433.13,269.18 C445.03,256.16 455.39,244.54 470.51,228.58 L509.15,228.58 L466.73,270.02 L511.53,327 L473.03,327 L444.47,287.94 L433.13,298.3 L433.13,327 L401.21,327 Z" id="Path"></path>
            <path d="M501.29,228.58 L533.35,228.58 L533.35,285.56 C533.35,301.24 540.91,306.42 551.41,306.42 C562.47,306.42 568.35,300.68 568.35,285.56 L568.35,228.58 L600.41,228.58 L600.41,285.7 C600.41,314.26 584.45,329.24 550.57,329.24 C518.09,329.24 501.29,315.1 501.29,285.7 L501.29,228.58 Z" id="Path"></path>
            <path d="M303.53,382.6 L303.53,440 L281.55,440 C280.85,437.9 280.15,434.4 279.59,431.04 C273.29,438.04 265.03,442.24 246.97,442.24 C214.49,442.24 196.57,420.4 196.57,391.7 C196.57,363.7 214.35,339.34 253.13,339.34 C284.35,339.34 300.73,355.16 303.67,371.68 L271.61,371.68 C270.07,367.06 265.87,360.34 252.99,360.34 C236.33,360.34 230.31,374.06 230.31,390.02 C230.31,407.38 237.17,420.68 253.69,420.68 C267.69,420.68 272.73,412.7 272.73,405.14 L272.73,404.16 L253.41,404.16 L253.41,382.6 L303.53,382.6 Z" id="Path"></path>
            <path d="M377.57,421.66 L338.37,421.66 L332.07,440 L300.01,440 L337.25,341.58 L378.97,341.58 L418.59,440 L384.29,440 L377.57,421.66 Z M345.23,398.84 L370.15,398.84 C363.71,381.06 359.93,369.86 357.55,361.74 L356.99,361.74 C354.89,369.86 350.55,383.86 345.23,398.84 Z" id="Combined-Shape"></path>
            <path d="M109.44,553 L76.1200004,553 L49.2400004,454.58 L82.7000004,454.58 C87.0400004,476.28 93.6200004,505.4 96.0000004,525.28 L96.2800004,525.28 C99.9200004,505.26 106.92,476.42 112.52,454.58 L141.22,454.58 C146.68,475.58 153.82,505.12 157.46,524.44 L157.74,524.44 C160.54,503.58 166.98,474.6 171.18,454.58 L202.82,454.58 L174.26,553 L140.8,553 C135.34,532.28 128.9,505.12 124.98,487.06 L124.7,487.06 C121.48,504.98 115.04,530.88 109.44,553 Z" id="Path"></path>
            <path d="M259.36,534.66 L220.16,534.66 L213.86,553 L181.8,553 L219.04,454.58 L260.76,454.58 L300.38,553 L266.08,553 L259.36,534.66 Z M227.02,511.84 L251.94,511.84 C245.5,494.06 241.72,482.86 239.34,474.74 L238.78,474.74 C236.68,482.86 232.34,496.86 227.02,511.84 Z" id="Combined-Shape"></path>
            <path d="M343.06,516.74 L328.22,516.74 L328.22,553 L296.72,553 L296.72,454.58 L356.36,454.58 C380.72,454.58 393.6,466.48 393.6,482.86 C393.6,495.46 386.18,503.02 376.52,506.38 C381.84,508.62 390.94,513.38 390.94,530.04 L390.94,535.36 C390.94,540.96 390.94,548.24 392.34,553 L360.42,553 C358.88,548.8 358.46,542.78 358.46,532.56 L358.46,529.34 C358.46,520.1 355.52,516.74 343.06,516.74 Z M328.22,475.72 L328.22,496.3 L347.82,496.3 C356.5,496.3 361.4,493.08 361.4,486.08 C361.4,479.5 356.92,475.72 347.82,475.72 L328.22,475.72 Z" id="Combined-Shape"></path>
            <path d="M395.4,454.58 L427.46,454.58 L427.46,511.56 C427.46,527.24 435.02,532.42 445.52,532.42 C456.58,532.42 462.46,526.68 462.46,511.56 L462.46,454.58 L494.52,454.58 L494.52,511.7 C494.52,540.26 478.56,555.24 444.68,555.24 C412.2,555.24 395.4,541.1 395.4,511.7 L395.4,454.58 Z" id="Path"></path>
            <polygon id="Path" points="502.06 454.58 533.98 454.58 533.98 553 502.06 553"></polygon>
            <rect id="Rectangle" fill-rule="nonzero" x="434" y="374" width="91" height="33"></rect>
            <rect id="Rectangle-Copy-2" fill-rule="nonzero" x="434" y="148" width="91" height="33"></rect>
            <rect id="Rectangle-Copy" fill-rule="nonzero" x="85" y="374" width="91" height="33"></rect>
            <rect id="Rectangle-Copy-3" fill-rule="nonzero" x="85" y="148" width="91" height="33"></rect>
        </g>
    </g>
</svg>
              
            
!

CSS

              
                body, html{
	background: black;
	height: 100%;
	width: 100%;
}

body{
	perspective: 100vmin;
}

svg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 50vmin;
	height: 50vmin;
}
              
            
!

JS

              
                var mouse = {
	x: 0,
	y: 0,
}

var motions = [];
for (var i = 0; i < 5; i++){
	motions[i] = {
		xOffset: 0,
		yOffset: 0,
		xVel: 0,
		yVel: 0,	
	}
}

var svgs;
var amnt = 60;
var skw = 20;
var rot = 40;
var stretch = -0.2;
var damp = 0.85;
var lag = 30;
var stretch = 10;

var mousefound = false;


function init(){
	document.addEventListener('mousemove', function(e){
		mouse.x = (e.clientX / window.innerWidth - 0.5) * 2;
		mouse.y = (e.clientY / window.innerHeight - 0.5) * 2;
		mousefound = true;
	})
	var svg1 = document.getElementById('svg1');
	var svg2 = document.getElementById('svg2');
	var svg3 = document.getElementById('svg3');
	var svg4 = document.getElementById('svg4');
	var svg5 = document.getElementById('svg5');
	svgs = [ svg1, svg2, svg3, svg4, svg5];
	animate();
}

function animate(){
	if (!mousefound){
		mouse.x = Math.cos(Date.now()/300)/2;
		mouse.y = Math.sin(Date.now()/300)/2;
	}
	
	svgs.forEach(function(svg, i){
		
		var motion = motions[i];
		var ii = 4 - i;

		// calculate position
		var xDiff = mouse.x - motion.xOffset;
		var yDiff = mouse.y - motion.yOffset;
		motion.xVel += xDiff/(lag + ii*stretch);
		motion.yVel += yDiff/(lag + ii*stretch);
		motion.xVel *= damp + ii/220;
		motion.yVel *= damp + ii/220;
		motion.xOffset += motion.xVel;
		motion.yOffset += motion.yVel;


		// apply tranformation
		var tX = "translateX("+(motion.xOffset * amnt - 50 - ii*xDiff*3)+"%) ";
		var tY = "translateY("+(motion.yOffset * amnt - 50 - ii*yDiff*3)+"%) ";
		var rX = "rotateY("+(xDiff * rot)+"deg) "
		var rY = "rotateX("+(yDiff * rot)+"deg) "
		var sX = "skewX("+(xDiff * skw)+"deg) "
		var sY = "skewY("+(yDiff * skw)+"deg) "
		//var stX = "scaleX("+(1 + Math.abs(xDiff) * stretch)+") "
		//var stY = "scaleY("+(1 + Math.abs(yDiff) * stretch)+") "
		svg.style.transform = tX + tY + rX + rY + sX + sY;
	})
							 
	requestAnimationFrame(animate);
}

init();
              
            
!
999px

Console