Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

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

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

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

+ add another resource

Packages

Add Packages

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

Behavior

Save Automatically?

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

Auto-Updating Preview

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

Format on Save

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

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

HTML

              
                <?xml version="1.0" encoding="utf-8"?>
		<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 385 557.8" style="enable-background:new 0 0 385 557.8;" xml:space="preserve">
      <filter id="dropshadow" height="130%">
        <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
        <feOffset dx="2" dy="2" result="offsetblur"/>
        <feComponentTransfer>
          <feFuncA type="linear" slope="0.33"/>
        </feComponentTransfer>
        <feMerge> 
          <feMergeNode/>
          <feMergeNode in="SourceGraphic"/>
        </feMerge>
        
      </filter>
      <style type="text/css">
	      .st0{fill:#FFFFFF;stroke:#FFFFFF;stroke-miterlimit:10;}
	      .st1{fill:#FFFFFF;}
        svg { filter: url('#dropshadow'); }
      </style>
      <path id="SplashPath1" class="st0" d="M18.9,233h25.9v-4.4H24v-29.9h-5.1V233L18.9,233z M47.1,215.9c0,1.8,0.2,3.5,0.7,5.2
	c0.4,1.7,1.1,3.4,2.1,4.9c0.9,1.5,2.2,2.9,3.7,4.1c1.5,1.2,3.3,2.1,5.4,2.8c2.1,0.7,4.5,1,7.3,1s5.2-0.4,7.3-1
	c2.1-0.7,3.9-1.6,5.4-2.8s2.7-2.5,3.7-4.1c0.9-1.5,1.6-3.2,2.1-4.9c0.4-1.7,0.7-3.5,0.7-5.2c0-1.8-0.2-3.5-0.7-5.2
	c-0.4-1.7-1.1-3.4-2.1-4.9c-0.9-1.5-2.2-2.9-3.7-4.1c-1.5-1.2-3.3-2.1-5.4-2.8s-4.5-1-7.3-1c-2.8,0-5.2,0.4-7.3,1
	c-2.1,0.7-3.9,1.6-5.4,2.8s-2.7,2.5-3.7,4.1c-0.9,1.5-1.6,3.2-2.1,4.9C47.3,212.3,47.1,214.1,47.1,215.9L47.1,215.9z M80.1,215.9
	c0,2.3-0.4,4.2-1.1,6c-0.7,1.7-1.7,3.1-3,4.2c-1.3,1.1-2.7,2-4.4,2.5c-1.7,0.6-3.5,0.8-5.5,0.8s-3.8-0.3-5.5-0.8
	c-1.7-0.6-3.2-1.4-4.4-2.5c-1.3-1.1-2.3-2.5-3-4.2s-1.1-3.7-1.1-6s0.4-4.2,1.1-6c0.7-1.7,1.7-3.1,3-4.2c1.3-1.1,2.8-2,4.4-2.5
	c1.7-0.6,3.5-0.8,5.5-0.8s3.8,0.3,5.5,0.8c1.7,0.6,3.2,1.4,4.4,2.5c1.3,1.1,2.3,2.5,3,4.2C79.7,211.6,80.1,213.6,80.1,215.9
	L80.1,215.9z M100,233h5.1v-29.9h13v-4.4H87v4.4h13V233L100,233z M150.2,233h5.1v-34.3h-5.1v13.7h-23.3v-13.7h-5.1V233h5.1v-16.1
	h23.3V233L150.2,233z M183.5,218.6h-13l6.4-15.2L183.5,218.6L183.5,218.6z M189.8,233h5.8l-15.5-34.3h-5.8L158.8,233h5.5l4.4-10
	h16.8L189.8,233L189.8,233z M199.3,233h5.1v-14.5h13.3c1.1,0,2,0.1,2.8,0.4c0.8,0.3,1.5,0.7,2,1.3s1,1.4,1.3,2.5
	c0.3,1,0.5,2.3,0.6,3.8c0.1,1,0.1,1.9,0.2,2.6c0,0.7,0.1,1.3,0.2,1.8c0.1,0.5,0.2,0.9,0.3,1.2s0.3,0.6,0.5,0.8h5.4
	c-0.3-0.3-0.5-0.7-0.7-1.1c-0.2-0.4-0.3-1-0.4-1.6c-0.1-0.7-0.2-1.5-0.3-2.6s-0.1-2.4-0.2-4c-0.1-1.4-0.3-2.6-0.7-3.6
	s-1-1.9-1.7-2.5s-1.6-1-2.6-1.2v-0.1c1.2-0.4,2.3-1,3.2-1.8s1.5-1.8,1.9-2.9c0.4-1.1,0.7-2.4,0.7-3.8c0-0.9-0.1-1.8-0.3-2.6
	c-0.2-0.9-0.6-1.7-1-2.5c-0.5-0.8-1-1.5-1.8-2.1c-0.7-0.6-1.6-1.1-2.7-1.4c-1-0.3-2.2-0.5-3.6-0.5h-21.2V233H199.3z M204.4,214
	v-10.9h14.3c1.4,0,2.5,0.2,3.4,0.7c0.9,0.4,1.6,1.1,2,1.9c0.4,0.8,0.7,1.8,0.7,2.9c0,0.6-0.1,1.2-0.3,1.9c-0.2,0.6-0.5,1.2-1,1.8
	c-0.5,0.5-1.1,1-1.9,1.3c-0.8,0.3-1.8,0.5-3.1,0.5L204.4,214L204.4,214z"/>
<path id="SplashPath2" class="st0" d="M236.6,233h10.6v-10.1l2.9-3.2l8.4,13.3h13.1l-14.4-20.9l12.4-13.4h-13l-9.4,11.8h-0.1v-11.8
	h-10.6V233H236.6z M285,220.7l3.3-10.6h0.1l3.1,10.6H285L285,220.7z M270.6,233h10.6l1.5-4.9h10.9l1.4,4.9h11l-12.5-34.3h-10.3
	L270.6,233L270.6,233z M308.3,233h10.6v-13.5h9.9V233h10.6v-34.3h-10.6v11.9h-9.9v-11.9h-10.6V233L308.3,233z M344.8,233h25.7v-8.8
	h-15.2v-25.5h-10.6V233H344.8z"/>
<path id="SplashPath3" class="st0" d="M18.9,257h7v-17.7h-7V257L18.9,257z M45.9,257h6.3v-12.6l0,0L56,257h5.3l3.7-12.6l0,0V257h6.3
	v-17.7h-9.8l-2.9,10.3l0,0l-2.9-10.3h-9.8V257L45.9,257z M91.4,257h6.3v-12.6l0,0l3.7,12.6h5.3l3.7-12.6l0,0V257h6.3v-17.7h-9.8
	l-2.9,10.3l0,0l-2.9-10.3h-9.8V257H91.4z M136,248.1c0,1.3,0.2,2.4,0.4,3.4c0.3,1,0.7,1.8,1.2,2.5s1.1,1.2,1.8,1.7
	c0.7,0.4,1.4,0.8,2.1,1.1c0.8,0.3,1.5,0.4,2.3,0.6c0.8,0.1,1.5,0.2,2.2,0.2s1.4,0,2,0s1.3,0,2,0s1.5-0.1,2.2-0.2
	c0.8-0.1,1.5-0.3,2.3-0.6c0.8-0.3,1.5-0.6,2.1-1.1c0.7-0.4,1.3-1,1.8-1.7s0.9-1.5,1.2-2.5s0.4-2.1,0.4-3.4c0-1.3-0.2-2.4-0.4-3.4
	c-0.3-1-0.7-1.8-1.2-2.5s-1.1-1.2-1.8-1.7c-0.7-0.4-1.4-0.8-2.1-1.1c-0.8-0.3-1.5-0.4-2.3-0.6c-0.8-0.1-1.5-0.2-2.2-0.2s-1.4,0-2,0
	s-1.3,0-2,0s-1.5,0.1-2.2,0.2c-0.8,0.1-1.5,0.3-2.3,0.6s-1.5,0.6-2.1,1.1c-0.7,0.4-1.3,1-1.8,1.7s-0.9,1.5-1.2,2.5
	C136.1,245.7,136,246.8,136,248.1L136,248.1z M143.4,248.1c0-1.2,0.2-2.2,0.6-2.9c0.4-0.7,0.9-1.3,1.6-1.6c0.7-0.3,1.5-0.5,2.5-0.5
	s1.8,0.2,2.5,0.5s1.2,0.9,1.6,1.6c0.4,0.7,0.6,1.7,0.6,2.9s-0.2,2.2-0.6,2.9c-0.4,0.7-0.9,1.3-1.6,1.6c-0.7,0.3-1.5,0.5-2.5,0.5
	s-1.8-0.2-2.5-0.5s-1.2-0.9-1.6-1.6C143.6,250.3,143.4,249.3,143.4,248.1L143.4,248.1z M186,243.6h5.3c0.5,0,0.8,0,1.1,0.1
	s0.4,0.2,0.5,0.4s0.1,0.4,0.1,0.6c0,0.2,0,0.4-0.1,0.6c-0.1,0.2-0.3,0.3-0.5,0.4c-0.3,0.1-0.6,0.1-1.1,0.1H186V243.6L186,243.6z
	 M186,249.9h6c0.5,0,0.8,0.1,1.1,0.2c0.3,0.1,0.5,0.3,0.6,0.5s0.2,0.4,0.2,0.7s0,0.5-0.2,0.7c-0.1,0.2-0.3,0.4-0.6,0.5
	s-0.6,0.2-1.1,0.2h-6V249.9L186,249.9z M179.2,257h15.1c1.3,0,2.4-0.1,3.3-0.4c0.9-0.3,1.6-0.7,2.1-1.2s0.9-1.1,1.2-1.8
	c0.2-0.7,0.4-1.5,0.4-2.4c0-0.3,0-0.7-0.2-1.1c-0.1-0.4-0.3-0.8-0.5-1.2s-0.5-0.7-0.9-1.1c-0.4-0.3-0.9-0.5-1.4-0.7l0,0
	c0.4-0.2,0.8-0.4,1.1-0.8c0.3-0.3,0.6-0.7,0.7-1.2c0.2-0.5,0.2-0.9,0.2-1.5c0-0.9-0.2-1.7-0.5-2.4c-0.4-0.7-0.9-1.2-1.7-1.5
	s-1.8-0.5-3-0.5h-15.9L179.2,257L179.2,257z M220.6,257h7v-17.7h-7V257L220.6,257z M247.6,257h17.8v-4.8h-10.8v-12.9h-7L247.6,257
	L247.6,257z M284,257h7v-17.7h-7V257L284,257z M311,257h18.8v-4.3H318v-2.4h11V246h-11v-2.4h11.8v-4.3H311V257L311,257z M348.7,257
	h6.7v-9.9l0,0l7.4,9.9h7.6v-17.7h-6.7v9.8h-0.1l-7.1-9.8h-8V257H348.7z"/>
<polygon id="SplashLogo5" class="st0" points="262.2,101.7 236.1,86.6 236.1,105.6 262.2,120.8 "/>
<polygon id="SplashLogo6" class="st0" points="236.1,113.7 236.1,180.9 262.2,180.9 262.2,128.8 "/>
<polygon id="SplashLogo3" class="st0" points="203.5,94.9 203.5,140.8 229.6,120 229.6,110.1 "/>
<polygon id="SplashLogo4" class="st0" points="203.5,147.2 203.5,180.9 229.6,180.9 229.6,173.3 "/>
<polygon id="SplashLogo1" class="st0" points="164.4,180.9 164.4,79.5 138.4,94.6 138.4,180.9 "/>
<polygon id="SplashLogo2" class="st0" points="171,75.8 171,180.9 197,180.9 197,60.7 "/>
<polygon id="NCRM4" class="st0" points="200.2,143.3 197.9,197.8 199.2,198.1 203.8,205.3 226.9,215.3 229.7,217.6 231.8,155.4 "/>
<polygon id="NCRM1" class="st0" points="144.4,12.6 118.1,30.2 40.2,-1.2 30.3,13.7 32.7,19.8 23.9,18 29.5,30.2 11.5,28.5
	4.6,34.6 33.6,47.2 35.4,66.9 18.4,77.6 21.8,84.6 10.5,96.6 15.5,101.8 13.7,111.3 33.9,146 70.4,154.2 91.4,183.4 98,184.3
	109.3,166.2 121.7,156.4 115.2,144.4 95.5,138.1 78.9,124 77.6,106.4 92.3,117.2 114,127.9 125.8,137.2 138.5,140.6 148.7,159.8
	145.6,173.6 159.8,188.8 167.1,190.5 167.9,26.8 "/>
<polygon id="NCRM3" class="st0" points="235.2,53.4 227.8,56.3 216.7,47.9 204.3,47.9 200.2,143.3 231.8,155.4 "/>
<polygon id="NCRM5" class="st0" points="327,135.2 320.9,136.7 290.8,100.2 271.3,64 262.7,38 254.5,29.4 257.4,44.8 235.2,53.4
	233,120.1 343.6,156.6 "/>
<polygon id="NCRM6" class="st0" points="373.9,177.3 356.4,173.2 343.6,156.6 233,120.1 229.7,217.6 259.7,242.8 262,267.9
	259,284.4 251.1,285.8 248.6,293.5 268.5,312.3 284.2,313.9 300,319.5 298.4,301.9 277.6,284 294.6,281.7 313.4,293.9 319.5,311.8
	314.7,322 334.3,335.6 341.1,355.3 343.5,359 344.6,350.1 338.8,330.4 326.3,323.4 335.4,313.7 347.1,310.2 351.2,291.4 341.5,277
	345.4,266.5 362.6,256.3 340.3,240.3 338.6,193.4 348.3,192.5 344.6,183.2 349.6,177.9 367.1,189.5 375.5,191.1 380,184.7 "/>
<polygon id="NCRM2" class="st0" points="196,47.9 193.1,38.2 183.4,33.2 179.7,24.1 170.2,28.2 167.9,26.8 167.1,190.5 197.9,197.8
	204.3,47.9 "/>
<path id="JM2" class="st1" d="M199.3,382.2c-0.3,1-1.1,1.3-1.8,1.6c-1.7,0.8-3.5,1.6-5.4,1.9c-1.9,0.3-3.7,0.9-5.6,1.4
	c-1.3,0.3-2.7,0.6-4,1c-1.2,0.3-2.3,0.7-3.4,1c-11.4,3-22.9,5.9-34.2,9.1c-2.6,0.7-5.3,1.2-7.6,2.9c-1.2,0.9-1.7,2.3-2.1,3.7
	c-5.2,18.7-9.1,37.7-12.2,56.8c-0.5,2.9-0.8,5.9-1,8.9c-0.1,1.8,0,3.6,0.1,5.4c0,0.8,0.5,1.3,1.2,1.5c1.3,0.5,1.6,0.4,2.3-0.8
	c1.9-3,3.7-6,5.6-9c2.5-3.8,5-7.7,7.6-11.4c1.2-1.7,2.5-3.3,3.7-4.9c0.5-0.7,1-1.6,1.4-2.3c1.4-2.2,2.7-4.4,4.2-6.5
	c0.6-0.9,1.6-1.6,2.7-2c1.1-0.4,2.1,0.1,3,0.4c2.8,1.1,3.6,3.7,4.5,6.2c0.6,1.7,1,3.4,1.5,5.1c0.1,0.3,0.5,0.7,0.8,0.8
	c0.5,0.1,1-0.1,1.2-0.6c0.6-1.4,1.2-2.8,2-4.1c1.5-2.3,3.2-4.5,4.9-6.7c0.7-1,2.1-0.9,3.2,0c1,0.9,1.2,1.9,1,3.1
	c-0.1,0.7-0.3,1.4-0.6,1.9c-1.6,2.9-2.6,6.1-3.5,9.3c-1,3.7-2.1,7.5-2.9,11.3c-0.5,2.4-0.3,4.8-0.4,7.2c0,1,1,1.7,2,1.1
	c1.3-0.7,2-1.7,2.7-2.8c2.5-3.7,5-7.4,7.4-11.2c2.2-3.5,4.3-7,6.5-10.5c2.2-3.5,4.4-6.9,6.6-10.4c0.5-0.8,1-1.6,1.5-2.4
	c0.4-0.6,1-0.5,1.6-0.3c0.6,0.2,1,0.9,0.9,1.6c-0.1,0.5-0.3,1-0.6,1.5c-1.3,2-2.8,4-4.1,6.1c-2.1,3.4-4,7-6.1,10.4
	c-5,8.5-10,17-15.3,25.3c-2.2,3.4-6.1,3.8-9.2,1.8c-1-0.7-1.7-1.7-1.9-2.9c-0.3-1.6-0.5-3.3-0.6-4.9c-0.1-1.6-0.1-3.2-0.1-4.8
	c0-0.2,0-0.5-0.1-0.7c-0.1-0.2-0.3-0.5-0.5-0.5c-0.2,0-0.5,0.2-0.6,0.4c-1.4,2.2-2.8,4.4-4.2,6.7c-1.2,2-2.4,4-3.7,5.9
	c-0.7,1.1-1.4,2.3-2.2,3.3c-1.2,1.4-2.8,1.9-4.6,2.1c-2.4,0.3-4.2-0.7-5.4-2.6c-0.5-0.9-0.9-2-0.8-3c0.1-2.7,0.3-5.4,0.8-8
	c0.8-4.1,1.8-8.1,2.8-12.1c0.1-0.4,0.4-0.9-0.3-1.3c-0.4,0.6-0.8,1.2-1.2,1.8c-1.5,2.6-3.1,5.1-4.5,7.7c-0.8,1.5-1.5,3.1-2.3,4.6
	c-1.7,3.2-3.5,6.4-4.5,9.9c-0.4,1.3-0.7,2.6-1,3.9c-0.4,1.6-1.4,2.9-2.8,3.7c-2.3,1.3-6,0.5-7.2-1.7c-0.6-1-0.8-2.2-1-3.3
	c-0.2-1.6-0.1-3.3-0.2-4.9c-0.1-2.3-0.4-4.6-0.4-6.8c0-2.6,0.2-5.1,0.6-7.7c0.6-4.7,1.3-9.4,2.1-14c0.6-3.5,1.3-7,1.9-10.5
	c0.1-0.6,0.1-1.2,0.1-1.8c0-0.2-0.3-0.4-0.4-0.7c-0.2,0.1-0.5,0.2-0.6,0.4c-2.1,3.7-4.3,7.4-6.3,11.1c-2.2,4-4.3,8.1-6.4,12.2
	c-0.9,1.8-2,3.5-2.8,5.4c-1.1,2.4-2.5,4.8-2.9,7.5c-0.8,5.4-1.8,11.1-3.1,16.5c-1.2,4.9-2.4,11.6-5.5,15.7c-0.9,1.2-1.9,2.4-3.4,2.9
	c-1.7,0.6-3.2,0.4-4.8-0.3c-2.9-1.3-4.3-4.9-3.7-7.8c0.5-2.5,1.1-5.1,2.1-7.4c0.5-1.1,1-2.1,1.6-3.1c2-3.2,4.1-6.4,6.1-9.5
	c1.3-2,2.6-3.9,3.9-5.9c0.5-0.7,0.7-1.4,0.7-2.2c-0.3-5.9-0.5-11.9-0.7-17.8c0-1.1-0.1-2.3-0.2-3.4c0-0.4-0.2-0.9-0.4-1.3
	c-0.2-0.5-0.7-0.5-0.9-0.1c-1.6,2.8-3.3,5.5-4.8,8.3c-1.7,3.2-4,6.1-6.3,9c-1.1,1.5-2.4,2.8-3.6,4.2c-0.2,0.3-0.5,0.5-0.8,0.7
	c-1.5,0.9-1.8,2.6-2.5,4c-1.8,3.6-3.5,7.3-5.3,10.8c-1,1.8-2.1,3.6-3.4,5.2c-1.4,1.7-3.4,2.2-5.6,1.9c-3.5-0.5-6.2-3.4-6.6-7
	c-0.4-3.1-0.5-6.1-0.4-9.2c0-0.8,0.1-1.5,0.1-2.3c0-0.3-0.3-0.6-0.4-0.9c-0.3,0.2-0.6,0.2-0.8,0.5c-2.2,2.9-4.4,5.8-6.6,8.8
	c-2.5,3.4-4.9,7-7.4,10.4c-2.1,2.9-4.2,5.7-6.3,8.7c-0.9,1.3-1.7,2.7-2.5,4.1c-1,1.6-2.3,2.6-4.1,3.1c-2.3,0.6-4.3,0-6.2-1.3
	c-1.9-1.3-2.5-3.3-2.8-5.4c-2.3-14.3,1.6-28.9,5.3-42.6c3.8-14.1,8.9-27.8,15.8-40.7c2.9-5.4,6.1-10.6,9.7-15.5c2.4-3.3,5-6.3,7.9-9
	c2-1.9,4.2-3.6,6.5-5.3c1.5-1.1,3.2-2,5.1-1.8c1.4,0.1,2.8,0.6,4,1.3c2.6,1.4,3.2,3.9,3.5,6.5c0.3,2.6,0.2,5.3-0.5,7.8
	c-0.6,2.3-1,4.7-1.7,7.1c-0.8,2.6-1.8,5.1-2.7,7.7c-1,2.7-1.8,5.4-2.9,8.1c-0.9,2.3-2.1,4.4-3.1,6.6c-0.6,1.3-1.1,2.7-1.7,4
	c-0.6,1.3-1.2,2.6-1.8,3.9c-0.2,0.6-0.5,1.1-0.6,1.7c-0.3,1.2-1.3,2.2-2.5,2.3c-1.1,0.1-2.5-0.8-2.9-1.8c-0.3-0.8,0-1.4,0.4-2
	c0.7-1.1,1.5-2.1,2.1-3.2c1.6-3.2,3.3-6.3,4.8-9.6c1-2.1,1.8-4.4,2.6-6.5c1.1-2.8,2.2-5.7,3.3-8.6c1.2-3,1.9-6.1,2.6-9.3
	c0.4-1.9,0.6-3.9,0.5-5.8c-0.1-1.1-0.2-2.2-0.5-3.2c-0.3-1.1-1.3-1.7-2.6-1.5c-1.3,0.2-2.4,0.7-3.4,1.4c-1.9,1.3-3.5,3-5.1,4.6
	c-3,3-5.1,6.6-7.3,10.1c-11.8,19.5-20.5,41.2-24.3,63.7c-0.7,4.4-1.2,8.8-1.8,13.2c-0.1,1.2,0,2.3-0.1,3.5c-0.1,1.9-0.2,3.9-0.2,5.8
	c0,0.9,0,1.8,0.5,2.6c0.7,1,1.7,1.6,2.6,1.3c0.4-0.1,0.8-0.3,1.1-0.6c0.9-1,1.8-2,2.7-3.1c1.4-1.6,2.8-3.1,4.1-4.7
	c2.4-3,4.8-6.2,7.2-9.2c3-3.7,5.9-7.5,9-11.1c2.3-2.7,4.7-5.2,7.1-7.8c1.2-1.4,2.2-2.9,3.4-4.3c0.5-0.6,1.2-1.1,1.8-1.5
	c0.7-0.5,1.2-1.1,1.2-1.9c0.1-5.2,1.4-10.1,2.6-15.1c0.7-3,1.5-6,2.8-8.8c1-2.1,2-4.3,3.1-6.3c1-1.8,2.5-3.3,4.1-4.7
	c0.7-0.6,1.3-1.2,2.3-1.2c1.9,0,3.1,1.1,4,2.6c0.8,1.3,0.9,2.8,0.8,4.3c-0.2,3.1-0.4,6.3-0.7,9.4c-0.5,4.7-1.2,9.4-2.3,14
	c-0.6,2.6-1.2,5.2-1.7,7.9c-0.1,0.3,0.1,0.8,0.3,0.9c0.3,0.2,0.9,0.2,1.2,0c0.9-0.7,1.8-1.4,2.4-2.3c1.9-2.9,3.8-5.8,5.4-8.9
	c1.8-3.5,3.3-7,4.8-10.7c1-2.6,1.7-5.3,2.4-7.9c0.3-1.1,0.8-1.9,1.6-2.7c0.7-0.7,2.3-0.3,2.9,0.7c0.4,0.6,0.5,1.2,0.3,2
	c-0.5,1.9-1,3.8-1.4,5.8c-0.6,2.9-0.4,5.9-0.3,8.9c0.1,2.7,0.3,5.4,0.5,8.2c0.2,3,0.5,6,0.7,8.9c0,0.6,0.6,0.8,1.1,0.4
	c0.4-0.3,0.7-0.7,0.9-1.1c1.8-3.1,3.5-6.3,5.3-9.4c1.5-2.7,3.1-5.4,4.7-8.1c3-5,5.9-9.9,8.9-14.9c0.8-1.3,1.2-2.6,1.6-4
	c1.4-5.4,2.8-10.8,4.3-16.2c0.8-3,1.8-6,2.7-9c0-0.2,0.1-0.3,0.1-0.5c0.2-0.8-0.1-1.3-0.9-1.2c-1.3,0.2-2.5,0.4-3.7,0.7
	c-9.9,2.2-19.9,3.9-29.6,6.3c-1,0.3-2,0.5-3,0.9c-1,0.3-1.6,1.1-2.1,1.9c-0.2,0.3-0.1,0.8,0,1.1c0.3,1.2-0.2,2.3-1.2,2.9
	c-0.7,0.4-1.3,0-1.8-0.3c-0.5-0.4-0.9-0.9-1.3-1.3c-1.1-1.1-1.3-2.5-0.8-3.9c0.5-1.5,1.2-2.9,2.4-3.9c0.8-0.7,1.9-1.2,2.9-1.7
	c1.1-0.6,2.3-1.2,3.5-1.5c8.3-2.6,16.8-4,25.3-5.6c2.3-0.4,4.5-0.8,6.8-1.2c1.2-0.2,2.3-0.6,3.5-0.9c1-0.2,2.1-0.5,3.2-0.6
	c1.1-0.1,1.9-0.6,2.6-1.4c1.1-1.3,2.2-1.3,3.8-0.6c0.8,0.3,1.8,0.3,2.7,0.2c1.4-0.1,2.7-0.4,4.1-0.6c1.2-0.2,2.4-0.6,3.6-0.9
	c0.3-0.1,0.7-0.1,1-0.1c2-0.4,3.9-0.8,5.9-1.2c1.7-0.4,3.4-0.7,5.1-1.1c9-2.2,18.1-3.9,27.3-5.6c2.4-0.5,4.9-1,7.3-1.5
	c1.1-0.2,2.3-0.4,3.4-0.5C198.3,381.8,198.8,382.1,199.3,382.2z M153.1,446.5c-0.1,0-0.2-0.1-0.3-0.1c-0.4,0.4-0.9,0.7-1.2,1.1
	c-2.6,3.3-4.5,7-5.8,11c-0.6,1.9-1,3.9-1.5,5.9c-1.1,4.2-1.6,8.5-1.6,12.9c0,0.6,0.1,1.3,0.7,1.6c0.6,0.3,1.3,0.2,1.9-0.2
	c0.9-0.9,1.8-1.7,2.6-2.7c1.7-2.4,3.2-5,5.1-7.3c1.2-1.5,1.3-2.9,0.7-4.6c-0.6-1.7-0.1-3.3,1-4.7c1-1.2,1.3-2.5,1.1-4
	c-0.3-1.4-0.6-2.9-1-4.3C154.2,449.5,153.6,448,153.1,446.5z M78.5,433.6c0-0.5-0.1-1-0.1-1.6c0-0.6-0.3-0.8-0.8-0.6
	c-1.4,0.4-2.2,1.5-2.8,2.7c-0.6,1.1-1.1,2.2-1.5,3.3c-0.7,1.8-1.5,3.5-1.8,5.3c-0.9,4.2-1.8,8.3-2,12.6c-0.1,2.5-0.3,5,0.2,7.5
	c0.3,1.4,1,2.1,2.3,2.4c0.8,0.2,1.3-0.1,1.5-0.9c0.7-2.7,1.4-5.3,2.1-8c1.2-4.5,2-9.1,2.4-13.8C78.1,439.6,78.3,436.6,78.5,433.6z
	 M59.3,485.2c0.1,1.1,0.1,2.3,0.2,3.4c0.1,0.9,0.4,1.5,1.3,1.8c0.9,0.3,1.6-0.1,2.2-0.7c0.2-0.2,0.4-0.5,0.6-0.7
	c1.9-2.8,3.4-6,4.8-9.1c0.2-0.4,0.1-1-0.1-1.4c-0.4-0.7-0.9-1.4-1.4-2.1c-1-1.1-2-2.3-3.1-3.3c-1-1-2.4-0.5-2.8,0.8
	c-0.2,0.7-0.3,1.5-0.5,2.3C59.8,479.2,59.3,482.1,59.3,485.2z M84,505.2c0.1,0.4,0.3,1.2,0.7,1.9c0.3,0.6,1,0.6,1.3-0.1
	c0.5-1.1,1.1-2.1,1.4-3.3c1.1-3.9,2.2-7.7,3.2-11.6c0.2-0.7,0.3-1.5,0.4-2.3c0-0.2-0.1-0.3-0.1-0.5c-0.2,0.1-0.4,0.1-0.5,0.3
	c-0.1,0.1-0.2,0.2-0.2,0.3c-1.4,2.4-2.8,4.8-4.1,7.3C84.9,499.6,84.3,502.2,84,505.2z"/>
<path id="JM1" class="st1" d="M272,463.9c0.2-3.8,0.4-7.6,0.7-11.4c0.1-1.6,0.4-3.2,0.6-4.8c0.1-0.6,0.2-1.3-0.6-1.7
	c-0.5-0.2-0.8-0.1-1.1,0.4c-1.4,2.5-2.8,4.9-4.1,7.4c-2.1,3.9-4.1,7.9-6.3,11.8c-1.3,2.4-2.8,4.8-4.4,6.9c-2.3,3-6.8,2.8-8.8-0.6
	c-0.8-1.3-1.1-2.6-1.1-4.1c0-2.1,0.1-4.3,0.1-6.4c0-0.5,0-1-0.6-1.2c-0.4-0.2-0.7-0.1-0.9,0.3c-1.5,3.4-3,6.7-4.5,10.1
	c-1.1,2.5-2.1,4.9-3.1,7.4c-0.9,2.3-1.8,4.7-2.8,7c-1,2.3-3.2,3.3-5.6,2.8c-2-0.4-3.2-1.7-4-3.5c-0.9-2.1-1.2-4.4-1.5-6.7
	c-0.1-1.1-0.3-2.2-0.3-3.2c-0.1-1.7-0.1-3.4-0.1-5.1c0-2.3,0.2-4.6,0.2-6.8c0-2.5,0-4.9-0.2-7.4c-0.1-1.3-0.2-2.6-1.2-3.5
	c-0.3-0.3-0.7-0.4-1.1-0.5c-1.4-0.3-2.5-1-3.2-2.2c-0.5-0.8-0.4-1.6,0.2-2.3c1-1.1,2-2.2,3-3.3c1.9-2.3,3.9-4.5,5.6-6.9
	c1.9-2.6,3.7-5.2,5.4-7.9c2.4-3.7,4.5-7.5,6.3-11.5c1.5-3.3,2.9-6.7,4.3-10.1c0.6-1.5,1-3.1,0.9-4.7c-0.1-0.9-0.3-1.8-0.7-2.6
	c-0.3-0.8-1-1-1.8-0.8c-2,0.3-3.4,1.5-4.8,2.8c-3.5,3.3-6.5,7-8.6,11.2c-1.1,2.2-1.9,4.5-2.9,6.7c-2.5,6.1-3.9,12.5-5.6,18.8
	c-1.3,5.1-2.5,10.2-3.6,15.4c-0.7,3.2-1.7,6.3-2.5,9.4c-1,4.2-1.9,8.4-2.8,12.7c-0.6,2.9-1.2,5.9-1.7,8.9c-0.3,1.9-0.3,3.8-0.6,5.6
	c-0.2,1.4-0.5,2.8-1,4.1c-0.8,2.1-3.2,3.2-5.5,2.2c-1.3-0.6-2.5-1.3-2.8-2.8c-0.1-0.7,0-1.5,0.2-2.3c0.7-3.4,1.5-6.9,2.3-10.3
	c0.6-2.5,1.4-4.9,2-7.4c0.8-3.1,1.4-6.3,2.1-9.4c0.6-2.6,1.2-5.3,1.8-7.9c0.8-3.7,1.7-7.5,2.4-11.3c1.1-5.6,2-11.3,3-17
	c0.5-2.6,1-5.2,1.4-7.8c0.4-2.5,0.7-5,1.1-7.5c0.6-3.8,1.3-7.5,2-11.3c0.4-2.1,0.7-4.2,1.2-6.3c0.4-1.8,1.4-3.3,2.8-4.6
	c0.5-0.4,2.1-0.4,2.8,0c1.9,1.1,2.7,2.7,2.3,4.8c-0.7,3.6-1.4,7.2-2.1,10.8c0,0.2-0.1,0.5-0.1,0.7c-0.1,0.6-0.1,1.2,0.6,1.5
	c0.6,0.3,1.1-0.2,1.4-0.7c1.2-1.5,2.4-3,3.7-4.5c2.1-2.5,4.2-4.9,6.7-6.9c1.8-1.5,3.8-2.4,6.2-2.4c2.3-0.1,3.9,1.1,5,3
	c1.4,2.6,1.4,5.4,0.8,8.2c-1,4.4-2.8,8.5-4.8,12.5c-1.3,2.4-2.4,4.9-3.8,7.3c-1,1.8-2.2,3.6-3.3,5.3c-2.7,3.9-5.4,7.8-8.1,11.8
	c-0.6,0.9-0.6,1.5,0.2,2.3c1.9,2,3.4,4.2,3.7,6.9c0.3,2.5,0.4,5.1,0.3,7.6c-0.1,3.2-0.5,6.4-0.7,9.6c-0.1,1.4,1.3,3.2,2.7,3.4
	c0.6,0.1,1-0.1,1.3-0.7c1.2-2.4,2.3-4.8,3.5-7.1c1.7-3.2,3.4-6.4,5.2-9.5c1.6-2.8,3.4-5.4,5-8.2c0.7-1.2,0.9-2.7,1.3-4
	c0.3-1.1,0.4-2.3,0.9-3.4c0.4-1,1.2-2,1.9-2.9c0.5-0.6,2.1-0.6,3-0.1c1.8,1.1,2.3,2.3,1.8,4.5c-0.5,2.2-1,4.4-1.6,6.6
	c-0.7,2.7-1.6,5.4-2.3,8.1c-0.6,2.4-1.2,4.8-1.2,7.3c0,1,0.4,1.6,1.3,1.9c0.8,0.3,1.5-0.1,1.9-0.7c0.9-1.1,1.9-2.3,2.6-3.5
	c2.3-3.8,4.4-7.8,6.7-11.5c3-4.8,6.1-9.6,9.2-14.3c0.5-0.7,1.1-1.2,1.6-1.9c0.6-0.9,1.2-1.9,1.7-2.9c1-2.2,2.6-4.1,3.9-6.1
	c0.3-0.4,0.7-0.8,1-1.3c1-1.3,2.4-1.6,3.9-1.6c1.8,0.1,3,1.1,3.9,2.6c1.3,2.4,1.6,5.1,1.8,7.8c0.1,3-0.2,5.9-0.6,8.8
	c-0.1,1-0.2,2-0.3,2.9c-0.1,1.6-1.5,3.1-3.3,2.7c-1-0.2-1.7-0.9-2.1-1.9c-0.5-1.2-0.3-2.2,0.6-3.2c0.5-0.5,0.6-1.3,0.8-2
	c0.5-2.6,0.7-5.3,0.2-7.9c0-0.3-0.3-0.7-0.4-0.8c-0.3,0-0.8,0.1-1,0.3c-0.7,0.9-1.4,1.8-1.9,2.9c-2.2,4.7-3.5,9.7-4.3,14.9
	c-0.7,4.4-0.8,8.9-0.9,13.3c0,1.6,1.9,2.5,3,2.1c0.4-0.2,0.9-0.6,1.2-0.9c2.7-3.4,5.2-7,8-10.4c2-2.5,4.3-4.8,6.7-7
	c0.7-0.7,1.3-1.6,2.1-2.1c0.9-0.6,1.5-1.3,1.7-2.4c0.7-3.5,2.2-6.8,3.8-9.9c1.3-2.5,2.6-5.1,4.1-7.5c1.5-2.5,3.3-4.8,5.1-7.1
	c0.9-1.1,2.1-2.2,3.6-2.6c1.7-0.5,3.6-0.5,5.3,0.1c1.4,0.5,2.5,1.5,3,2.9c0.5,1.2,0.9,2.5,1.3,3.7c0.1,0.3,0.3,0.7,0.5,0.7
	c0.4,0,0.8-0.2,1-0.4c0.6-0.7,1.2-1.4,1.7-2.2c0.6-0.8,1.3-1.1,2.2-0.8c0.7,0.2,1.3,0.7,1.6,1.5c0.6,1.3,0.2,2.5-0.4,3.5
	c-2.7,4.5-3.5,10.6-4.7,15.6c-1,4.3-1.9,8.6-2.7,13c-0.7,4.2-0.5,8,0,12.2c0.1,1.4,1.7,2,2.9,1.4c1.2-0.6,2-1.6,2.8-2.7
	c3.7-5.3,7.3-10.8,11-16.2c3-4.4,6-8.9,9-13.3c2.1-3.2,4.2-6.4,6.4-9.6c2.4-3.5,4.8-7.1,7.7-10.2c1.1-1.1,2.2-2.2,3.2-3.3
	c0.4-0.4,0.9-0.5,1.3-0.3c0.3,0.2,0.4,0.7,0.4,1c0.1,1.1-0.6,2-1.3,2.7c-2,1.8-3.8,3.8-5.4,6c-1.8,2.6-3.7,5.2-5.4,7.8
	c-2.6,4-5.1,8-7.7,12c-1.3,2-2.7,4-3.9,6.1c-3.6,5.9-6.9,12-10.5,17.9c-1,1.6-2,3.2-3,4.8c-0.7,1.2-1.4,2.5-2.1,3.8
	c-0.9,1.6-2.1,2.8-3.8,3.6c-0.8,0.4-1.8,0.8-2.7,0.7c-1.5,0-3-0.4-4.3-1.5c-1.7-1.5-2.4-3.5-2.6-5.7c-0.5-3.6-0.5-7.3-0.4-11
	c0-1.6,0.2-3.1,0.3-4.7c0.1-0.6-0.4-1.4-1-1.5c-0.3,0-0.8,0.2-0.8,0.3c-0.3,1.2-1.1,2.1-1.7,3.1c-1.1,1.7-2.2,3.4-3.2,5.1
	c-0.7,1.1-1.4,2.1-2.6,2.7c-1.3,0.8-2.7,1.2-4.3,0.9c-2.5-0.4-4.2-1.9-5.4-4c-0.5-0.9-0.7-1.9-0.9-2.9c-0.2-0.9-0.1-1.8-0.2-2.7
	c-0.1-0.7-0.3-1.4-0.6-2c-0.3-0.6-1.1-0.7-1.5-0.3c-1.1,1.2-2.2,2.4-3.1,3.7c-1.4,1.8-2.7,3.7-3.9,5.6c-2.5,4-4.9,8-7.3,11.9
	c-0.7,1.1-1.5,2.2-2.7,2.8c-1.1,0.5-2.3,0.9-3.6,0.5c-2.4-0.6-3.5-2.3-3.9-4.6c-0.2-1.2-0.5-2.4-0.6-3.6c-0.1-1.2-0.1-2.4-0.2-3.7
	C272.1,463.9,272,463.9,272,463.9z M324.7,426.1c-0.1-2.2-0.5-4.4-1.3-6.5c-0.4-1.2-1-1.4-2.2-1.3c-0.8,0.1-1.5,0.5-2.2,0.9
	c-0.9,0.4-1.3,1.2-1.8,2c-1.1,1.8-2.4,3.5-3.2,5.4c-1.1,2.7-2,5.6-2.9,8.4c-0.4,1.4-0.7,2.8-1.1,4.2c-0.5,2.3-1.1,4.6-1.5,6.9
	c-0.4,1.8,0.3,3.3,1.8,4.3c0.5,0.3,1.6,0.4,1.9,0c1-1.2,2.1-2.3,3.1-3.6c0.9-1.2,1.6-2.6,2.5-3.8c0.7-1,1.4-2,2.1-3.1
	c0.5-0.7,1-1.5,1-2.5c0-1.1,0.1-2.3,0.2-3.4c0.1-1.9,1-3.3,2.4-4.4c0.4-0.3,0.7-0.8,0.8-1.3C324.6,427.7,324.6,426.9,324.7,426.1z"
	/>
  <path id="JMI" class="st1" d="M256.1,423.3c-0.1-1.7,1.6-3.6,3.1-3.7c2.6-0.2,4.4,2.1,4.4,3.7c0,2.7-1.4,3.9-3.3,3.9
	C258,427.2,256.1,425.6,256.1,423.3z"/>
</svg>
              
            
!

CSS

              
                body {
  padding: 20px 30px;
  display: flex;
  align-content: center;
  background-color: #888;
  background-size: 500% 500%;
  background-image: repeating-linear-gradient(
    -45deg,
		hsl(215,30%,60%) 0%,  
		hsl(120,30%,90%) 15%, 
		hsl(100,50%,90%) 30%,  
		hsl(215,30%,60%) 45%
	);
  animation: animMainBgMove alternate 30s infinite;
}
.name {
  font-size: 24px;
}
button {
  margin: 2px 1px 2px 10px;
  padding: 6px 14px;
}
#header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
svg {
  height: 470px;
  width: auto;
  margin: 0 auto;
}

/*__________________________________________________*/
/*
/*             Keyframes / Animations
/*__________________________________________________*/
@keyframes animMainBgMove {
    0% {background-position: 0% 50%}
    100% {background-position: 100% 50%}
}
              
            
!

JS

              
                
	// SplashScreen
	var complete_logotext_path = $("#SplashPath1, #SplashPath2, #SplashPath3");
	var schriftzug_jeannette = $("#JM1, #JM2, #JMI");
	tl = new TimelineMax({
        useFrames: false,
		delay: .5
	});

	tl	.timeScale(1)
        .set(complete_logotext_path, {drawSVG:"0%"})
        .set(complete_logotext_path, {fill:"rgba(255,255,255,0)"})
        .set(schriftzug_jeannette, {fill:"rgba(255,255,255,0)"})
        //.to('#splashscreen', 4, {background:"#7c8221"}, 1)
        .to('#NCRM1', 2, {morphSVG:{shape:"#SplashLogo1", precompile: "log"}}, 0)
        .to('#NCRM2', 2, {morphSVG:{shape:"#SplashLogo2", precompile: "log"}}, 0)
        .to('#NCRM3', 2, {morphSVG:{shape:"#SplashLogo3", precompile: "log"}}, 0)
        .to('#NCRM4', 2, {morphSVG:{shape:"#SplashLogo4", precompile: "log"}}, 0)
        .to('#NCRM5', 2, {morphSVG:{shape:"#SplashLogo5", precompile: "log"}}, 0)
        .to('#NCRM6', 2, {morphSVG:{shape:"#SplashLogo6", precompile: "log"}}, 0)

		.fromTo('#SplashPath1', 2.25, {drawSVG:"50% 50%%"}, {drawSVG: "100%"}, 1)
		.fromTo('#SplashPath2', 2.25, {drawSVG:"50% 50%%"}, {drawSVG:"100%"}, 2.1)
		.fromTo('#SplashPath3', 2.25, {drawSVG:"50% 50%%"}, {drawSVG:"100%"}, 3.2)
		.to(complete_logotext_path, 1.4, {fill:"rgba(255,255,255,1)"}, 5.3)
		.to(schriftzug_jeannette, 1.4, {fill:"rgba(255,255,255,1)"}, 5.3);
              
            
!
999px

Console