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

              
                <div class="row">
<div class="container">

<svg id="Bald_Guy" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 208.31 677.37"><defs><style>.bald-1,.bald-24,.bald-3{fill:none;}.bald-2{fill:#276889;}.bald-3{stroke:#563e0f;stroke-width:1.85px;}.bald-24,.bald-26,.bald-3{stroke-miterlimit:10;}.bald-4{fill:#313534;}.bald-5{fill:#6d7573;}.bald-6{fill:#000021;}.bald-7{fill:#1b566d;}.bald-8{clip-path:url(#clip-path);}.bald-9{fill:#725341;}.bald-10{fill:#a57b5e;}.bald-11{fill:#b58a6d;}.bald-12{fill:#f2d5c2;}.bald-13{fill:#1c4d60;}.bald-14{fill:#163f4c;}.bald-15,.bald-34{fill:#8c6850;}.bald-16{fill:url(#radial-gradient);}.bald-17{fill:#77533f;opacity:0.2;}.bald-18{fill:url(#bald--gradient);}.bald-19{fill:#e5e5e5;}.bald-20{fill:#686664;}.bald-21{fill:#3a3735;}.bald-22{fill:#fff;opacity:0.5;}.bald-23{fill:url(#bald--gradient-2);}.bald-24{stroke:#d8b59e;stroke-width:0.25px;}.bald-25{fill:#494949;}.bald-26{fill:#d8b59e;stroke:#8c6850;stroke-width:0.49px;}.bald-27{fill:url(#bald--gradient-3);}.bald-28{fill:url(#bald--gradient-4);}.bald-29{fill:url(#bald--gradient-5);}.bald-30{fill:url(#bald--gradient-6);}.bald-31{fill:url(#bald--gradient-7);}.bald-32{fill:#93674e;}.bald-33{fill:url(#bald--gradient-8);}.bald-34{opacity:0.63;}.bald-35{fill:url(#bald--gradient-9);}.bald-36{fill:url(#bald--gradient-10);}</style><clipPath id="clip-path" transform="translate(-64.82 -23.9)"><path class="bald-1" d="M193.54,112.92c0-4.22-24.22-4-24.22-4v0s-24.22-.26-24.22,4c0,3.45-2.1,17.35,12.07,39.21A133.77,133.77,0,0,0,169,167.6l.31-.29a129.58,129.58,0,0,0,12.14-15.2l.5-.73.4-.62.53-.82C195.67,129.57,193.54,116.25,193.54,112.92Zm-24.22,35.81v0h0Z"/></clipPath><radialGradient id="radial-gradient" cx="168.72" cy="104.74" r="8.58" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8c6850"/><stop offset="1" stop-color="#b58a6d"/></radialGradient><linearGradient id="bald--gradient" x1="168.72" y1="127.08" x2="168.72" y2="100.68" xlink:href="#radial-gradient"/><linearGradient id="bald--gradient-2" x1="185.09" y1="74.4" x2="185.09" y2="61.8" xlink:href="#radial-gradient"/><linearGradient id="bald--gradient-3" x1="184.4" y1="70.72" x2="184.4" y2="68.62" xlink:href="#radial-gradient"/><linearGradient id="bald--gradient-4" x1="184.76" y1="70.71" x2="184.76" y2="66.97" xlink:href="#radial-gradient"/><linearGradient id="bald--gradient-5" x1="152" y1="74.4" x2="152" y2="61.8" xlink:href="#radial-gradient"/><linearGradient id="bald--gradient-6" x1="174" y1="70.72" x2="174" y2="68.62" gradientTransform="matrix(-1, 0, 0, 1, 326.8, 0)" xlink:href="#radial-gradient"/><linearGradient id="bald--gradient-7" x1="174.5" y1="70.71" x2="174.5" y2="66.97" gradientTransform="matrix(-1, 0, 0, 1, 326.8, 0)" xlink:href="#radial-gradient"/><linearGradient id="bald--gradient-8" x1="168.72" y1="100.14" x2="168.72" y2="88.18" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b58a6d"/><stop offset="1" stop-color="#8c6850"/></linearGradient><linearGradient id="bald--gradient-9" x1="168.81" y1="92.78" x2="168.81" y2="82.25" xlink:href="#bald--gradient-8"/><linearGradient id="bald--gradient-10" x1="168.72" y1="92.31" x2="168.72" y2="62.58" xlink:href="#radial-gradient"/></defs><title>Bald_Guy_CalciumChannelBlockers</title><g id="Bald_boot_RT"><path d="M125.43,630.16c8.8-.28,17.36,5.79,17.36,16.9s-1.62,25.23-.46,29.17,2.55,11.11,2.32,16c0,0-6.48,2.32-23.38,2.32s-20.37-1.85-20.37-1.85-2.55-1.39-.46-10.65,7.87-13.43,7.41-25.23S110.84,630.62,125.43,630.16Z" transform="translate(-64.82 -23.9)"/><path class="bald-2" d="M100.19,700.07l.69-7.41c3.24,1.16,9.26,1.85,21.3,1.85a116.14,116.14,0,0,0,22.46-2.32l.46,7.87a206.38,206.38,0,0,1-23.61,1.16C112.69,701,100.19,700.07,100.19,700.07Z" transform="translate(-64.82 -23.9)"/><path class="bald-2" d="M127.74,640.35l14.47,2a19.07,19.07,0,0,1,.58,4.67c0,9-1.07,20-.85,26-4.95-4.6-12.79-9.07-13.5-13C127.51,654.93,127.74,640.35,127.74,640.35Z" transform="translate(-64.82 -23.9)"/><path class="bald-2" d="M118.71,666c-3.48,5.76-11.31,8.73-16.32,10.1,2.5-5.78,5.79-10.34,5.44-19.36-.25-6.33.66-13.37,3.78-18.63l9.42,1.5S124,657.25,118.71,666Z" transform="translate(-64.82 -23.9)"/><path class="bald-3" d="M114.93,650.76a16.76,16.76,0,0,1,17.29-.93" transform="translate(-64.82 -23.9)"/><path class="bald-3" d="M115.24,656.63s12.35-4.63,17.9,0" transform="translate(-64.82 -23.9)"/></g><g id="Bald_pants_RT"><path id="Bald_leg_RT" class="bald-4" d="M168.84,318.82l34.35,63-34.35,6.43S151.08,478.85,151,500.43c0,9.53-1.53,23.32-.91,42.38s-5.67,95.59-5.67,95.59-21.58,4.48-38-.36c-.41-16.39-3.08-73.83-3.46-92.16s2.35-46.19,2.25-53.52-3.18-30.67-3.48-49.85c-.41-25.81,1.86-75.45,3.1-96,3.49.54,28.87,3.29,34.54-29.32A271.49,271.49,0,0,0,168.84,318.82Z" transform="translate(-64.82 -23.9)"/><path id="Bald_legCuff_RT" class="bald-5" d="M145.48,639.16c1.21,3.89.5,9.35-.2,10.6-1.55,2.75-16.54,4.05-21.42,4-2.81,0-17.22-.86-18.64-4s-.24-10.29-.05-10.77a1.43,1.43,0,0,1,1.27-1c16.4,4.84,38,.36,38,.36A1.23,1.23,0,0,1,145.48,639.16Z" transform="translate(-64.82 -23.9)"/></g><g id="Bald_boot_LT"><path d="M231.24,656.78c-.46,11.81,5.32,16,7.41,25.23s-.46,10.65-.46,10.65-3.47,1.85-20.37,1.85-23.38-2.32-23.38-2.32c-.23-4.86,1.16-12,2.32-16s-.46-18.06-.46-29.17,8.57-17.18,17.36-16.9C228.23,630.62,231.7,645,231.24,656.78Zm7.64,43.29-.69-7.41c-3.24,1.16-9.26,1.85-21.3,1.85a116.14,116.14,0,0,1-22.46-2.32l-.46,7.87a206.38,206.38,0,0,0,23.61,1.16C226.38,701,238.88,700.07,238.88,700.07Z" transform="translate(-64.82 -23.9)"/><path class="bald-2" d="M210.63,660c-.71,3.92-8.56,8.4-13.5,13,.22-5.93-.85-16.93-.85-26a19.07,19.07,0,0,1,.58-4.67l14.47-2S211.56,654.93,210.63,660Z" transform="translate(-64.82 -23.9)"/><path class="bald-2" d="M218,639.65l9.42-1.5c3.12,5.26,4,12.3,3.78,18.63-.35,9,2.94,13.58,5.44,19.36-5-1.37-12.84-4.34-16.32-10.1C215,657.25,218,639.65,218,639.65Z" transform="translate(-64.82 -23.9)"/><path class="bald-3" d="M206.85,649.84a16.76,16.76,0,0,1,17.29.93" transform="translate(-64.82 -23.9)"/><path class="bald-3" d="M205.93,656.63c5.56-4.63,17.9,0,17.9,0" transform="translate(-64.82 -23.9)"/><path class="bald-2" d="M217.47,701.23a206.38,206.38,0,0,1-23.61-1.16l.46-7.87a116.14,116.14,0,0,0,22.46,2.32c12,0,18.06-.69,21.3-1.85l.69,7.41S226.27,701,217.47,701.23Z" transform="translate(-64.82 -23.9)"/></g><g id="Bald_pants_LT"><path id="Bald_leg_LT" class="bald-4" d="M232.38,492.37c-.11,7.33,2.63,35.19,2.25,53.52s-3.06,75.77-3.46,92.16c-16.4,4.84-39,.36-39,.36s-6.3-76.53-5.67-95.59.12-32.85.08-42.38c-.09-21.58-17.77-112.17-17.77-112.17l-19.51-6.6c2.24-.79,5.86-40.36,6-47.67.33-17.79,12-14,21.19-15.3,4.47-.13,8.64-.35,12.52-.64l.33,0,2.18-.17.25,0,2-.18,1-.09,1-.1,2-.21.46-.05c5.67,32.61,31.05,29.86,34.54,29.32,1.24,20.55,3.51,70.19,3.1,96C235.56,461.7,232.48,485,232.38,492.37Z" transform="translate(-64.82 -23.9)"/><path id="Bald_legCuff_LT" class="bald-5" d="M232.43,639c.18.48,1.33,7.67-.05,10.77s-15.83,4-18.64,4c-4.88,0-20.85-1.29-22.4-4-.7-1.25-1.4-6.72-.2-10.6a1.24,1.24,0,0,1,1.07-.76s22.56,4.48,39-.36A1.43,1.43,0,0,1,232.43,639Z" transform="translate(-64.82 -23.9)"/></g><g id="Bald_pants"><path class="bald-4" d="M105,344.29l0-.68a164,164,0,0,1,5.31-32.2c3.17,1.07,12.2,3.76,27.3,5.59C132,347.37,109.84,345.16,105,344.29Z" transform="translate(-64.82 -23.9)"/><path class="bald-6" d="M104.84,346.52q.07-1.18.14-2.23c4.86.87,27,3.08,32.65-27.3l1.75.21C133.71,349.81,108.33,347.06,104.84,346.52Z" transform="translate(-64.82 -23.9)"/><path class="bald-4" d="M200,317c15.1-1.83,24.13-4.52,27.3-5.59a163.93,163.93,0,0,1,5.31,32.2c0,.22,0,.45,0,.68C227.76,345.16,205.59,347.37,200,317Z" transform="translate(-64.82 -23.9)"/><path class="bald-4" d="M198.22,317.2,200,317c5.62,30.38,27.79,28.16,32.65,27.3q.07,1.05.14,2.23C229.27,347.06,203.89,349.81,198.22,317.2Z" transform="translate(-64.82 -23.9)"/><path class="bald-1" d="M191.55,317.86l-2.18.17Z" transform="translate(-64.82 -23.9)"/><path class="bald-1" d="M195.75,317.46l-1,.1Z" transform="translate(-64.82 -23.9)"/><path class="bald-1" d="M176.53,318.69q6.7-.19,12.52-.64c-3.88.29-8,.51-12.52.64Z" transform="translate(-64.82 -23.9)"/><path class="bald-1" d="M193.79,317.66l-2,.18Z" transform="translate(-64.82 -23.9)"/><path class="bald-1" d="M172,318.79l-3.11,0h0Z" transform="translate(-64.82 -23.9)"/><path class="bald-1" d="M176.53,318.69h0q-2.18.06-4.46.09C173.59,318.77,175.07,318.73,176.53,318.69Z" transform="translate(-64.82 -23.9)"/><path class="bald-6" d="M176.53,318.69c.05-5.65.09-10.36.11-13.75,12.26-.62,35.77-2.24,48.8-6l1.8,12.36,0,.12c-3.32,1.12-13.08,4-29.51,5.84l-2,.21-1,.1-1,.09-2,.18-.25,0-2.18.17-.33,0Q183.23,318.49,176.53,318.69Z" transform="translate(-64.82 -23.9)"/><path d="M194.76,317.56l-1,.09Z" transform="translate(-64.82 -23.9)"/><path d="M195.75,317.46l2-.21Z" transform="translate(-64.82 -23.9)"/><path d="M191.55,317.86l.25,0Z" transform="translate(-64.82 -23.9)"/><path d="M172.07,318.79h0Z" transform="translate(-64.82 -23.9)"/><path d="M189.38,318l-.33,0Z" transform="translate(-64.82 -23.9)"/><path class="bald-4" d="M176.53,318.69c0,1.65-.31,29.27-.65,47.06-.14,7.3-4.8,9.82-7,10.61v-71.1c.6,0,3.51-.12,7.8-.33C176.62,308.34,176.58,313,176.53,318.69Z" transform="translate(-64.82 -23.9)"/><path class="bald-6" d="M168.84,305.27v13.55h-.08c-34.31-.13-53.48-5.74-58.43-7.41l0-.12,1.8-12.36c17.84,5.17,55.25,6.29,56.6,6.35Z" transform="translate(-64.82 -23.9)"/><path d="M173.57,308.82a1.64,1.64,0,1,1-1.62-1.89A1.77,1.77,0,0,1,173.57,308.82Z" transform="translate(-64.82 -23.9)"/><path d="M173.57,315.36a1.64,1.64,0,1,1-1.62-1.89A1.77,1.77,0,0,1,173.57,315.36Z" transform="translate(-64.82 -23.9)"/></g><path id="Bald_bicept_LT" class="bald-7" d="M271.59,295.62h0c-14.79,35.26-29,7.08-32.42-.7-2.37-15.7-4.91-30.79-7.17-40.78-.71-13.69-8.89-50.22-7.33-58.15,5.13-26,18.67-28,30.87-31.38,0,0,11.37,88.08,14.3,109.89C270.52,279.53,271.1,287,271.59,295.62Z" transform="translate(-64.82 -23.9)"/><path id="Bald_bicept_RT" class="bald-7" d="M67.79,274.81c2.93-21.81,14.3-109.89,14.3-109.89,15.91,4.41,28.12,3.71,33.24,29.74,1.56,7.93-9,46.09-9.7,59.78-2.27,10-4.8,25.08-7.17,40.78-3.4,7.78-17.63,36-32.42.7h0C66.53,287.28,67.12,279.83,67.79,274.81Z" transform="translate(-64.82 -23.9)"/><g id="Bald_torso"><path class="bald-2" d="M101,338.58c2.12,12.78,2.17,13.59,2.7,23.07,13.24-1.74,38.51-1.16,66.14-1.16,0-5.92,0-14,0-23.41C129.44,337.14,108.54,338.13,101,338.58Z" transform="translate(-64.82 -23.9)"/><path class="bald-2" d="M169.32,168c-18.62-8.39-27.82-18.23-31.09-22.08-5.57-6.55-7-12.29-10.74-15.91,0,0-27.83,15.48-33.69,19.7S83.55,163,82.08,165.85c7.36,12.54,17.58,29.55,22.7,55.59s-6.71,99.37-4.39,113.28l.64,3.86c7.51-.46,28.41-1.45,68.81-1.5C169.73,279.1,169.32,168,169.32,168Z" transform="translate(-64.82 -23.9)"/><path class="bald-2" d="M237.61,338.58c-2.12,12.78-2.17,13.59-2.7,23.07-13.24-1.74-38.51-1.16-66.14-1.16,0-5.92,0-14,0-23.41C209.2,337.14,230.1,338.13,237.61,338.58Z" transform="translate(-64.82 -23.9)"/><path class="bald-2" d="M169.32,168c18.62-8.39,27.82-18.23,31.09-22.08,5.57-6.55,7-12.29,10.74-15.91,0,0,27.83,15.48,33.69,19.7S255.1,163,256.56,165.85c-7.36,12.54-17.58,29.55-22.7,55.59s6.71,99.37,4.39,113.28l-.64,3.86c-7.51-.46-28.41-1.45-68.81-1.5C168.91,279.1,169.32,168,169.32,168Z" transform="translate(-64.82 -23.9)"/><g id="Bald_neck"><g class="bald-8"><path class="bald-9" d="M196,183H140.34V99.24H196Z" transform="translate(-64.82 -23.9)"/></g></g></g><g id="Bald_forearmHand_LT"><g id="Bald_Hand_LT"><path id="Bald_palm_LT" class="bald-10" d="M268.8,369.46l3.44,8.85.49,27.69-1.13,10.42-11.32,4.48-5.08-14.42-4.24-20Z" transform="translate(-64.82 -23.9)"/><path id="Bald_middle_LT" class="bald-10" d="M266.9,417.07l-4.41,11.79a2.28,2.28,0,0,1-2.93,1.33h0a2.28,2.28,0,0,1-1.33-2.93l4.41-11.79a2.28,2.28,0,0,1,2.93-1.33h0A2.28,2.28,0,0,1,266.9,417.07Z" transform="translate(-64.82 -23.9)"/><path id="Bald_ring_LT" class="bald-10" d="M263.78,406.31l-4,17.82a2.47,2.47,0,0,1-2.94,1.87h0a2.47,2.47,0,0,1-1.87-2.94l4-17.82a2.47,2.47,0,0,1,2.94-1.87h0A2.47,2.47,0,0,1,263.78,406.31Z" transform="translate(-64.82 -23.9)"/><path id="Bald_pinky_LT" class="bald-10" d="M261.34,406.05l-7.78,12.56a2,2,0,0,1-2.74.65h0a2,2,0,0,1-.65-2.74L258,404a2,2,0,0,1,2.74-.65h0A2,2,0,0,1,261.34,406.05Z" transform="translate(-64.82 -23.9)"/><path id="Bald_index_LT" class="bald-10" d="M271.6,416.41l-3.8,12a2.28,2.28,0,0,1-2.86,1.48h0a2.28,2.28,0,0,1-1.48-2.86l3.8-12a2.28,2.28,0,0,1,2.86-1.48h0A2.28,2.28,0,0,1,271.6,416.41Z" transform="translate(-64.82 -23.9)"/><path id="Bald_palm2_LT" class="bald-10" d="M257.2,376l1.83,8.77a4.13,4.13,0,0,1-3.19,4.88h0a4.13,4.13,0,0,1-4.88-3.19l-1.83-8.77c-.46-2.22-1.15-7.37,4.1-9.1l-.22-.2C255.23,367.9,256.74,373.76,257.2,376Z" transform="translate(-64.82 -23.9)"/><path id="Bald_thunb_LT" class="bald-11" d="M268.66,315.39,271.91,375a7.67,7.67,0,0,1-.48,2.33l-6.78,16.43c0,.09-1,1.67-1,1.76l-7.32,10.92-1.54,2.59a3.15,3.15,0,0,1-3.62,1.4c-1.76-.54-2.22-2.19-1.54-3.9l3.33-6.8c.06-.14,2.06-8.09,2.06-8.09l-2.14-8.84h0a4.07,4.07,0,0,1-.39-1.07L250.61,373a4.14,4.14,0,0,1,2.41-4.63h0l-8.28-47.91c-1-3,.21-4,2.4-4.24l18-3.8A3.15,3.15,0,0,1,268.66,315.39Z" transform="translate(-64.82 -23.9)"/><path id="Bald_thumbNail_LT" class="bald-12" d="M252,409.32l-.57-.21a2.12,2.12,0,0,1-1.26-2.71h0a2.12,2.12,0,0,1,2.71-1.26l.57.21a2.12,2.12,0,0,1,1.26,2.71h0A2.12,2.12,0,0,1,252,409.32Z" transform="translate(-64.82 -23.9)"/></g><g id="Bald_forearm_LT"><path class="bald-13" d="M273.08,354.35c0,10.29-.08,18.54,0,22.49a42.56,42.56,0,0,1-24.18,0l-.9-17.4s-.2-1.62-.55-4.46A62.75,62.75,0,0,0,273.08,354.35Z" transform="translate(-64.82 -23.9)"/><path class="bald-7" d="M271.59,295.62h0c1,18.3,1.58,42,1.49,59.71a62.75,62.75,0,0,1-25.58.63c-1.31-10.53-4.81-38-8.67-63.32.89-9.56,3.35-17.4,8.67-19.73C264,265.69,270.95,282,271.59,295.62Z" transform="translate(-64.82 -23.9)"/></g></g><g id="Bald_forearmHand_RT"><g id="Bald_Hand_RT"><path id="Bald_palm_RT" class="bald-10" d="M87,386.43l-4.24,20L77.67,420.9l-11.32-4.48L65.22,406l.49-27.69,3.44-8.85Z" transform="translate(-64.82 -23.9)"/><path id="Bald_middle_RT" class="bald-10" d="M72.39,414.14h0a2.28,2.28,0,0,1,2.93,1.33l4.41,11.79a2.28,2.28,0,0,1-1.33,2.93h0a2.28,2.28,0,0,1-2.93-1.33l-4.41-11.79A2.28,2.28,0,0,1,72.39,414.14Z" transform="translate(-64.82 -23.9)"/><path id="Bald_ring_RT" class="bald-10" d="M76,403.37h0A2.47,2.47,0,0,1,79,405.24l4,17.82A2.47,2.47,0,0,1,81.07,426h0a2.47,2.47,0,0,1-2.94-1.87l-4-17.82A2.47,2.47,0,0,1,76,403.37Z" transform="translate(-64.82 -23.9)"/><path id="Bald_pinky_RT" class="bald-10" d="M77.25,403.31h0A2,2,0,0,1,80,404l7.78,12.56a2,2,0,0,1-.65,2.74h0a2,2,0,0,1-2.74-.65l-7.78-12.56A2,2,0,0,1,77.25,403.31Z" transform="translate(-64.82 -23.9)"/><path id="Bald_index_RT" class="bald-10" d="M67.83,413.55h0A2.28,2.28,0,0,1,70.69,415l3.8,12A2.28,2.28,0,0,1,73,429.9h0a2.28,2.28,0,0,1-2.86-1.48l-3.8-12A2.28,2.28,0,0,1,67.83,413.55Z" transform="translate(-64.82 -23.9)"/><path id="Bald_palm2_RT" class="bald-10" d="M84.94,368.36l-.22.2c5.25,1.72,4.56,6.88,4.1,9.1L87,386.43a4.13,4.13,0,0,1-4.88,3.19h0a4.13,4.13,0,0,1-3.19-4.88L80.75,376C81.21,373.76,82.72,367.9,84.94,368.36Z" transform="translate(-64.82 -23.9)"/><path id="Bald_thunb_RT" class="bald-11" d="M88.38,406.56c.68,1.71.22,3.37-1.54,3.9a3.15,3.15,0,0,1-3.62-1.4l-1.54-2.59-7.32-10.92c-.05-.09-1-1.66-1-1.76l-6.78-16.43A7.67,7.67,0,0,1,66,375l.71-13H86l-1.1,6.36h0A4.14,4.14,0,0,1,87.34,373l-1.83,8.77a4.07,4.07,0,0,1-.39,1.07h0L83,391.67s2,7.95,2.06,8.09Z" transform="translate(-64.82 -23.9)"/><path id="Bald_thumbNail_RT" class="bald-12" d="M83.19,408.07h0a2.12,2.12,0,0,1,1.26-2.71l.57-.21a2.12,2.12,0,0,1,2.71,1.26h0a2.12,2.12,0,0,1-1.26,2.71l-.57.21A2.12,2.12,0,0,1,83.19,408.07Z" transform="translate(-64.82 -23.9)"/></g><g id="Bald_forearm_RT"><path class="bald-13" d="M90.46,355c-.35,2.84-.55,4.46-.55,4.46l-.9,17.4a42.56,42.56,0,0,1-24.18,0c.13-3.95.1-12.2,0-22.49A62.75,62.75,0,0,0,90.46,355Z" transform="translate(-64.82 -23.9)"/><path class="bald-7" d="M90.46,272.92c5.32,2.33,7.78,10.17,8.67,19.73C95.26,318,91.77,345.43,90.46,356a62.75,62.75,0,0,1-25.58-.63c-.08-17.69.47-41.41,1.49-59.71h0C67,282,73.91,265.69,90.46,272.92Z" transform="translate(-64.82 -23.9)"/></g></g><g id="Bald_"><path id="Bald_pocket_LT" class="bald-2" d="M171.72,333.3c-.07-21,32.08-21.59,32.08-21.59l23.5,34.92s-2.65,14.7-31.65,13.37S171.65,345,171.72,333.3Z" transform="translate(-64.82 -23.9)"/><path id="Bald_pocketEdge_LT" class="bald-14" d="M228.64,346.47h0a4.32,4.32,0,0,1-6-1.14L203.6,317.27a4.32,4.32,0,0,1,1.14-6h0a4.32,4.32,0,0,1,6,1.14l19.07,28.06A4.32,4.32,0,0,1,228.64,346.47Z" transform="translate(-64.82 -23.9)"/><path id="Bald_pocket_RT" class="bald-2" d="M143,360c-29,1.33-31.65-13.37-31.65-13.37l23.5-34.92s32.14.62,32.08,21.59C167,345,172,358.67,143,360Z" transform="translate(-64.82 -23.9)"/><path id="Bald_pocketEdge_RT" class="bald-14" d="M110.12,340.5l19.07-28.06a4.32,4.32,0,0,1,6-1.14h0a4.32,4.32,0,0,1,1.14,6l-19.07,28.06a4.32,4.32,0,0,1-6,1.14h0A4.32,4.32,0,0,1,110.12,340.5Z" transform="translate(-64.82 -23.9)"/><path class="bald-13" d="M153.38,187.53a9.59,9.59,0,0,0-.38-1.58c-3.89-10.41-25.51-12.83-40.14-47.73h0c7.68-4.39,14.63-8.26,14.63-8.26,3.77,3.62,5.17,9.36,10.74,15.91,3.27,3.86,12.47,13.69,31.09,22.08h0l.37-.17c-1.49.85-3.2,1.82-4.06,2.29a48.66,48.66,0,0,0-7.41,5,16.35,16.35,0,0,0-4.74,9.32C153.4,185.45,153.38,186.59,153.38,187.53Z" transform="translate(-64.82 -23.9)"/><path class="bald-14" d="M225.78,138.22c-14.63,34.9-36.25,37.32-40.14,47.73s-3.22,174.5-3.22,174.5h-26.2s.62-153.14-2.84-172.92c0-.95,0-2.08.11-3.19a16.35,16.35,0,0,1,4.74-9.32,48.66,48.66,0,0,1,7.41-5c.86-.47,2.56-1.43,4.06-2.29,18.37-8.35,27.47-18.08,30.72-21.92,5.57-6.55,7-12.29,10.74-15.91,0,0,6.95,3.86,14.63,8.26Z" transform="translate(-64.82 -23.9)"/><path id="Bald_collar_LT" class="bald-2" d="M169.32,105.38s18.51-.21,25.72,2.06c4.35,1.37,5.87,7.58,7.9,12,1.59,3.47,4.34,5.91,8.21,10.49-3.77,3.62-5.17,9.36-10.74,15.91-3.26,3.84-12.46,13.72-30.91,22.08L167,169.29c.08-.09,2-1.67,2.28-2,28.2-30.64,24.22-50.18,24.22-54.39s-24.22-4-24.22-4Z" transform="translate(-64.82 -23.9)"/><path id="Bald_collar_RT" class="bald-2" d="M169.32,109s-24.22-.26-24.22,4-3.16,24.08,24.22,55c-18.62-8.39-27.82-18.23-31.09-22.08-5.57-6.55-7-12.29-10.74-15.91,3.87-4.58,6.62-7,8.21-10.49,2-4.44,3.55-10.66,7.9-12,7.22-2.27,25.72-2.06,25.72-2.06Z" transform="translate(-64.82 -23.9)"/><g id="buttons"><path class="bald-2" d="M169.69,171.17c-2.24,0-9.56-.12-9.56-1.65s7.31-1.65,9.56-1.65,9.55.12,9.55,1.65S171.93,171.17,169.69,171.17Zm-8.46-1.65c.9.37,4,.79,8.46.79s7.56-.42,8.46-.79c-.9-.36-4-.79-8.46-.79S162.14,169.15,161.23,169.52Z" transform="translate(-64.82 -23.9)"/><path d="M162.39,168.79a3.41,3.41,0,1,1-3.41-3.28A3.35,3.35,0,0,1,162.39,168.79Z" transform="translate(-64.82 -23.9)"/><path d="M184.13,168.79a3.41,3.41,0,1,1-3.41-3.28A3.35,3.35,0,0,1,184.13,168.79Z" transform="translate(-64.82 -23.9)"/><path d="M175,193.94a5.13,5.13,0,1,1-5.13-4.93A5,5,0,0,1,175,193.94Zm-5.13,29.76a4.93,4.93,0,1,0,5.13,4.93A5,5,0,0,0,169.85,223.7Zm0,34.69a4.93,4.93,0,1,0,5.13,4.93A5,5,0,0,0,169.85,258.39Zm0,34.69A4.93,4.93,0,1,0,175,298,5,5,0,0,0,169.85,293.08Zm0,34.69a4.93,4.93,0,1,0,5.13,4.93A5,5,0,0,0,169.85,327.76Zm0,19.94a4.93,4.93,0,1,0,5.13,4.93A5,5,0,0,0,169.85,347.71Z" transform="translate(-64.82 -23.9)"/></g></g><g id="Bald_head"><g id="Bald_ear_RT"><path class="bald-10" d="M131.68,87.52c-13.43-10-10-24.41-6.39-29s7.86,2.78,7.86,2.78S145.11,97.51,131.68,87.52Z" transform="translate(-64.82 -23.9)"/><path class="bald-15" d="M132.79,84.16c-11.1-7.66-8.25-18.7-5.28-22.22s6.5,2.13,6.5,2.13S143.88,91.82,132.79,84.16Z" transform="translate(-64.82 -23.9)"/></g><g id="Bald_ear_LT"><path class="bald-10" d="M205.58,61.31s4.26-7.37,7.86-2.78,7,19-6.39,29S205.58,61.31,205.58,61.31Z" transform="translate(-64.82 -23.9)"/><path class="bald-15" d="M204.73,64.08s3.52-5.65,6.5-2.13S217,76.5,205.95,84.16,204.73,64.08,204.73,64.08Z" transform="translate(-64.82 -23.9)"/></g><g id="Bald_face"><path class="bald-11" d="M194.08,112.26c-10.25,7.65-14.79,11.58-24,12.34a1.67,1.67,0,0,1-.66.11l-.69,0-.69,0a1.67,1.67,0,0,1-.66-.11c-9.23-.75-13.77-4.69-24-12.34-11-8.19-13.6-14.25-13.43-21.62s2.78-46.52,2.78-46.52l0,0c1.46-11.3,17-20.19,36-20.19,20,0,36.12,9.82,36.12,21.93,0,.1,0,.21,0,.31.54,8.12,2.51,38.13,2.65,44.49C207.68,98,205.06,104.07,194.08,112.26Z" transform="translate(-64.82 -23.9)"/><path id="soulPatch" class="bald-16" d="M178.44,110.79H159a4.93,4.93,0,0,1-4.91-4.91v-2.26A4.93,4.93,0,0,1,159,98.69h19.44a4.93,4.93,0,0,1,4.91,4.91v2.26A4.93,4.93,0,0,1,178.44,110.79Z" transform="translate(-64.82 -23.9)"/><path class="bald-17" d="M193.87,112.26c-10.25,7.65-14.79,11.58-24,12.34a1.67,1.67,0,0,1-.66.11l-.69,0-.69,0a1.67,1.67,0,0,1-.66-.11c-9.23-.75-13.77-4.69-24-12.34-11-8.19-13.6-14.25-13.43-21.62.06-2.86.5-10.53,1-18.83a69.19,69.19,0,0,1,7.51,11.46c3.93,7.54,8.85,28,15.4,30.31s27.52,2.3,31.45.49,10-18,13.6-28.18c2.52-7.1,5.36-12.27,7.56-14.86.53,8.6,1,16.65,1.05,19.61C207.46,98,204.84,104.07,193.87,112.26Z" transform="translate(-64.82 -23.9)"/><path class="bald-18" d="M187.91,110.69l-4.27,12.44c0,2.17-2.21,4-4.91,4h-20c-2.7,0-4.91-1.78-4.91-4l-4.27-12.44c0-2.17-2.9-15.56,6.48-7.4,4.42,3.84,8.72,5.66,12.71,5.76,4-.1,8.29-1.93,12.71-5.76C190.81,95.14,187.91,108.52,187.91,110.69Z" transform="translate(-64.82 -23.9)"/></g><g id="Bald_eye_LT"><path id="Bald_eyeWhite_LT" class="bald-19" d="M176.93,70.32l1.35-3.19,9.83.61,3.56,2.83Z" transform="translate(-64.82 -23.9)"/><g id="Bald_eyeBall_LT"><path id="Bald_eyeGrayCircle_LT" class="bald-20" d="M183.57,73.19a3.85,3.85,0,1,1,3.85-3.85A3.85,3.85,0,0,1,183.57,73.19Z" transform="translate(-64.82 -23.9)"/><path id="Bald_eyeBlackCircle_LT" class="bald-21" d="M183.57,71.18a1.84,1.84,0,1,1,1.84-1.84A1.84,1.84,0,0,1,183.57,71.18Z" transform="translate(-64.82 -23.9)"/><path id="Bald_eyeWhiteCircle_LT" class="bald-22" d="M182.59,69.7a1.84,1.84,0,1,1,1.84-1.84A1.84,1.84,0,0,1,182.59,69.7Z" transform="translate(-64.82 -23.9)"/></g><path id="Bald_eyeBG_LT" class="bald-23" d="M196.16,64.42s-3.87,6.14-4,6.72S181.89,75.64,179.51,74a5.62,5.62,0,0,1-2.58-3.69l14.74.25-3.56-2.83-9.83-.61-1.35,3.19L174,62.87l14.83-1.06Z" transform="translate(-64.82 -23.9)"/><path id="Bald_eyeLine_LT" class="bald-24" d="M176.93,70.32l1.35-3.19,9.83.61,3.56,2.83Z" transform="translate(-64.82 -23.9)"/><path id="Bald_eyeBrow_LT" class="bald-25" d="M193.28,59.45l2.89,5s-7.19-1.47-9.52-1.54l-12.41-.31,2.4-2.09C176.93,60.37,193.28,59.45,193.28,59.45Z" transform="translate(-64.82 -23.9)"/><path id="Bald_crowFeet3_LT" class="bald-26" d="M199.16,67.68a23.07,23.07,0,0,1-4.93,1.89" transform="translate(-64.82 -23.9)"/><path id="Bald_crowFeet2_LT" class="bald-26" d="M193.93,70.65h4.26" transform="translate(-64.82 -23.9)"/><path id="Bald_crowFeet1_LT" class="bald-26" d="M193.61,71.94A13.47,13.47,0,0,1,197.76,74" transform="translate(-64.82 -23.9)"/><path id="Bald_eyeLid_btm_LT" class="bald-27" d="M192,70.7l0,0-15.2-.27.73-1.84Z" transform="translate(-64.82 -23.9)"/><path id="Bald_eyeLid_top_LT" class="bald-28" d="M177.53,68.62l.66-1.65,10.13.67L192,70.71Z" transform="translate(-64.82 -23.9)"/></g><g id="Bald_eye_RT"><path id="Bald_eyeWhiteBG_RT" class="bald-19" d="M145.42,70.57,149,67.74l9.83-.61,1.35,3.19Z" transform="translate(-64.82 -23.9)"/><g id="Bald_eyeBall_RT"><path id="Bald_eyeGrayCircle_RT" class="bald-20" d="M149.67,69.34a3.85,3.85,0,1,1,3.85,3.85A3.85,3.85,0,0,1,149.67,69.34Z" transform="translate(-64.82 -23.9)"/><path id="Bald_eyeBlackCircle_RT" class="bald-21" d="M151.68,69.34a1.84,1.84,0,1,1,1.84,1.84A1.84,1.84,0,0,1,151.68,69.34Z" transform="translate(-64.82 -23.9)"/><path id="Bald_eyeWhiteCircle_RT" class="bald-22" d="M150.21,67.86a1.84,1.84,0,1,1,1.84,1.84A1.84,1.84,0,0,1,150.21,67.86Z" transform="translate(-64.82 -23.9)"/></g><path id="Bald_eyeBG_RT" class="bald-29" d="M163.07,62.87l-2.91,7.45-1.35-3.19-9.83.61-3.56,2.83,14.74-.25A5.62,5.62,0,0,1,157.58,74c-2.38,1.64-12.45-2.29-12.61-2.87s-4-6.72-4-6.72l7.31-2.62Z" transform="translate(-64.82 -23.9)"/><path id="Bald_eyeLine_RT" class="bald-24" d="M145.42,70.57,149,67.74l9.83-.61,1.35,3.19Z" transform="translate(-64.82 -23.9)"/><path id="Bald_crowfoot3_RT" class="bald-26" d="M144,70.17a18.44,18.44,0,0,1-4.39-2.34" transform="translate(-64.82 -23.9)"/><path id="Bald_crowfoot2_RT" class="bald-26" d="M141.19,70.76l-3.28-.33" transform="translate(-64.82 -23.9)"/><path id="Bald_crowfoot1_RT" class="bald-26" d="M138.54,73.23l4.91-1.81" transform="translate(-64.82 -23.9)"/><path id="Bald_eyeLid_btm_RT" class="bald-30" d="M159.67,68.62l.73,1.84-15.2.27,0,0Z" transform="translate(-64.82 -23.9)"/><path id="Bald_eyeLid_top_RT" class="bald-31" d="M145.07,70.71l3.66-3.07L158.87,67l.66,1.65Z" transform="translate(-64.82 -23.9)"/><path id="Bald_eyeBrow_RT" class="bald-25" d="M160.47,60.49l2.4,2.09-12.41.31c-2.33.06-9.52,1.54-9.52,1.54l2.89-5S160.16,60.37,160.47,60.49Z" transform="translate(-64.82 -23.9)"/></g><g id="Bald_mouth"><path class="bald-32" d="M168.76,105.54c-7.27,0-15.14-3.89-15.14-8.68s8.28-.65,15.55-.65,12.8-3.6,14.74.65S176,105.54,168.76,105.54Z" transform="translate(-64.82 -23.9)"/><path class="bald-33" d="M177.41,88.18l7,8.68c-4.42,2.46-9,3.11-17,3.28A29.26,29.26,0,0,1,153,96.37L160,90Z" transform="translate(-64.82 -23.9)"/></g><g id="Bald_nose"><path class="bald-34" d="M168.72,92.31h0c-2.2,0-10.57-1.44-10.57-7.25l6.58-18.49a4,4,0,0,1,4-4h0a4,4,0,0,1,4,4l6.58,18.49C179.29,90.88,170.92,92.31,168.72,92.31Z" transform="translate(-64.82 -23.9)"/><path class="bald-35" d="M176.91,89.66l-5.17,2.67a3.9,3.9,0,0,1-2.88.28,3.85,3.85,0,0,1-2.92-.25l-5.26-2.72a3.87,3.87,0,0,1,3.55-6.87l4.47,2.31,4.61-2.38a3.92,3.92,0,0,1,3.6,7Z" transform="translate(-64.82 -23.9)"/><path class="bald-36" d="M168.72,92.31h0a4,4,0,0,1-4-4V66.57a4,4,0,0,1,4-4h0a4,4,0,0,1,4,4V88.32A4,4,0,0,1,168.72,92.31Z" transform="translate(-64.82 -23.9)"/></g></g></svg>
</div>
</div>


              
            
!

CSS

              
                

.row {
  width: 100%; background:#2a7094;
}

.container {
  margin: 0 auto;
  max-width: 300px;
  width: 100%;
  padding: 5% 15%;
  text-align: center;
  

}

#Bald_Guy {
  overflow:visible;
  
  
}


              
            
!

JS

              
                // sets before anim  
//TweenLite.set([Bald_bicept_RT, Bald_forearmHand_RT], {transformPerspective:400, transformStyle:"preserve-3d"});
TweenLite.set([Bald_eyeLid_top_LT, Bald_eyeLid_top_RT], {scaleY:0, transformOrigin:"50% 0%"}); TweenLite.set([Bald_eyeLid_btm_LT, Bald_eyeLid_btm_RT], {scaleY:0, transformOrigin:"50% 100%"}); 
TweenLite.set(Bald_Hand_RT, {rotation:5, transformOrigin:"50% 0%"}); 
TweenLite.set([Bald_index_RT, Bald_pinky_RT, Bald_ring_RT, Bald_middle_RT], {rotation:-30, transformOrigin:"50% 0%"});
//
tlBald_anim = new TimelineMax({});
tlBald_anim.set(Bald_Hand_RT, {rotation:0, transformOrigin:"50% 0%", immediateRender:false})
           .set([Bald_index_RT, Bald_pinky_RT, Bald_ring_RT, Bald_middle_RT], {rotation:0, transformOrigin:"50% 0%", immediateRender:false})
           .to(Bald_bicept_RT, .5, {rotation:5, transformOrigin:"60% 5%", ease:Sine.easeInOut}, "armR")
           .to(Bald_forearmHand_RT, .5, {rotation:5, xPercent:-30, transformOrigin:"60% 5%", ease:Sine.easeInOut}, "armR")
           // r arm back down
           .to(Bald_bicept_RT, .5, {rotation:0, transformOrigin:"60% 5%", ease:Sine.easeInOut}, "armR+=.6")
           .to(Bald_forearmHand_RT, .5, {rotation:0, xPercent:0, transformOrigin:"60% 5%", ease:Sine.easeInOut}, "armR+=.6")
           // r arm up again
           .to(Bald_bicept_RT, .5, {scaleY:.75, rotation:45, transformOrigin:"60% 5%", ease:Sine.easeOut}, "armR+=1.2")
           .to(Bald_forearmHand_RT, .45, {rotation:-45, xPercent:-165,  transformOrigin:"0% 10%", ease:Sine.easeInOut}, "armR+=1.1")
           .to(Bald_forearmHand_RT, .5, {yPercent:-27, transformOrigin:"0% 10%", ease:Sine.easeInOut}, "armR+=1.2")
           // into pocket
           .to(Bald_index_RT, .3, {rotation:-130, transformOrigin:"50% 5%"}, "armR+=1.1")
           .to(Bald_pinky_RT, .3, {rotation:-140, transformOrigin:"50% 5%"}, "armR+=1.1")
           .to(Bald_ring_RT, .3, {rotation:-130, transformOrigin:"50% 5%"}, "armR+=1.1")
           .to(Bald_middle_RT, .3, {rotation:-120, transformOrigin:"50% 5%"}, "armR+=1.1")
           .to(Bald_forearmHand_RT, .5, {xPercent:-135, yPercent:10, rotation:-65, ease:Sine.easeInOut}, "pocket+=.01")
           .to(Bald_bicept_RT, .5, {scaleY:1, rotation:27, transformOrigin:"60% 5%", ease:Sine.easeInOut}, "pocket+=.01")
           // head
           .to(Bald_head, .5, {rotation:3, transformOrigin:"50% 90%", ease:Sine.easeInOut}, "pocket+=.01")
           .to(Bald_head, .5, {rotation:0, transformOrigin:"50% 90%", ease:Linear.easeNone}, "pocket+=1.4")
           ;
tlBald_armL = new TimelineMax({});
tlBald_armL.to(Bald_bicept_LT, .5, {rotation:-10, transformOrigin:"60% 5%", ease:Sine.easeInOut}, "armL")
           .to(Bald_forearmHand_LT, .5, {rotation:-10, xPercent:55, transformOrigin:"60% 5%", ease:Sine.easeInOut}, "armL")
           // L arm back down
           .to(Bald_bicept_LT, .5, {rotation:0, transformOrigin:"60% 5%", ease:Sine.easeInOut}, "armL+=.6")
           .to(Bald_forearmHand_LT, .5, {rotation:0, xPercent:0, transformOrigin:"60% 5%", ease:Sine.easeInOut}, "armL+=.6")
           // L hand fingers
           .staggerTo([Bald_pinky_LT, Bald_ring_LT, Bald_middle_LT, Bald_index_LT], .3, {rotation:45, transformOrigin:"95% 0%", ease:Sine.easeOut}, .05, "armL+=.01")
           .to(Bald_index_LT, .3, {rotation:1, transformOrigin:"95% 0%", ease:Linear.easeNone}, "armL+=.8") .to(Bald_middle_LT, .3, {rotation:5, transformOrigin:"95% 0%", ease:Linear.easeNone}, "armL+=.8")
           .to(Bald_ring_LT, .3, {rotation:12, transformOrigin:"95% 0%", ease:Linear.easeNone}, "armL+=.8") .to(Bald_pinky_LT, .3, {rotation:17, transformOrigin:"95% 0%", ease:Linear.easeNone}, "armL+=.8")
           ;

tlBald_eyes = new TimelineMax({repeat:-1, repeatDelay:4});
tlBald_eyes.to([Bald_eyeLid_top_LT, Bald_eyeLid_top_RT], .2, {scaleY:1, transformOrigin:"50% 0%", ease:SlowMo.ease.config(.1, .4, true)}, "blink")
             .to([Bald_eyeLid_btm_LT, Bald_eyeLid_btm_RT], .2, {scaleY:1, transformOrigin:"50% 100%", ease:SlowMo.ease.config(.1, .7, true)}, "blink")
           ;
           // eyebrows and left hand fingers
tlBald_eyebrow = new TimelineMax({});
tlBald_eyebrow.to([Bald_eyeBrow_RT, Bald_eyeBrow_LT], .3, {yPercent:-40, transformOrigin:"50% 50%", ease:Sine.easeOut})
                .to([Bald_eyeBrow_RT, Bald_eyeBrow_LT], .3, {yPercent:0, transformOrigin:"50% 50%", ease:Sine.easeOut}, "+=.2")         
           ;
//
tlBald_legL = new TimelineMax({});
tlBald_legL.to(Bald_pants_LT, 1, {rotation:-2, transformOrigin:"50% 10%", ease:SlowMo.ease.config(.3, .4, true)}, "legL")
           .to(Bald_boot_LT, 1, {rotation:10, transformOrigin:"95% 95%", ease:SlowMo.ease.config(.3, .4, true)}, "legL")
           ;

//SUPREME TIMELINE delays
      var supremeBaldTL = new TimelineMax({paused:true});
          supremeBaldTL.add(tlBald_anim, 0) .add(tlBald_armL, .1) .add(tlBald_eyes, .3) .add(tlBald_eyebrow, 2) .add(tlBald_legL, 2.1);

Bald_Guy.addEventListener('click', function() { 
    supremeBaldTL.play(0);
})

//, onComplete:completeHandler

// function completeHandler() {
//             supremeTL.reverse();
//         }

//shows how long anim is
//alert(supremeTL.duration())

              
            
!
999px

Console