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

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

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

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.

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

HTML Settings

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

HTML

            
              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="270.6px"
	 height="226.3px" viewBox="0 0 270.6 226.3" style="enable-background:new 0 0 270.6 226.3;" xml:space="preserve">
<style type="text/css">
	.st0{fill:none;stroke:#5F1F60;stroke-miterlimit:10;}
	.st1{fill:#F3D2B3;}
	.st2{fill:none;stroke:#5F1F60;stroke-miterlimit:10;}
	.st3{fill:#D5D4BD;}
	.st4{fill:#5F1F60;}
	.st5{display:none;}
	.st6{display:inline;}
	.st7{fill:#8E62A9;}
</style>
<defs>
</defs>
<g>
	<path class="st0" d="M145,152.4c0,6.1-4.7,11-10.5,11s-10.5-4.9-10.5-11"/>
	<circle class="st1" cx="88" cy="144.4" r="13"/>
	<circle class="st1" cx="177" cy="144.4" r="13"/>
	<path class="st2" d="M114,105.4c0,4.4-6.5,8-14.5,8s-14.5-3.6-14.5-8"/>
	<path class="st2" d="M85,105.4c0,1.1-1.8,2-4,2"/>
	<path class="st2" d="M85.7,107.9c0,1.1-1.6,2-3.5,2"/>
	<path class="st2" d="M87.8,109.9c0,1.1-1.3,2-3,2"/>
	<g>
		<path class="st2" d="M151,106.4c0,4.4,6.5,8,14.5,8s14.5-3.6,14.5-8"/>
		<path class="st2" d="M180,106.4c0,1.1,1.8,2,4,2"/>
		<path class="st2" d="M179.2,108.9c0,1.1,1.6,2,3.5,2"/>
		<path class="st2" d="M177.2,110.9c0,1.1,1.3,2,3,2"/>
	</g>
	<g>
		<path class="st2" d="M135.2,125.2c0.2,7.5-2.3,13.6-5.5,13.7"/>
		<path class="st2" d="M130.1,138.3c0.1,3.2,1.9,4.6,3.4,4.5"/>
	</g>
	<g>
		<g>
			<path class="st3" d="M144.5,46.4c2.1,8-2.6,15.6-8.2,21c-6.1,5.9-13.5,10.7-20.8,15c-4.3,2.6-8.7,4.9-13.3,7c1,1.3,2,2.6,3,3.9
				c6.8-6,11.7-13.9,14-22.7c0.5-1.9-1.8-4.2-3.7-2.8c-9.5,7.2-19.4,13.8-29.6,19.9c-5,3-10.1,5.6-15.1,8.6
				c-4.7,2.8-9.2,6.1-12.3,10.6c-3.3,4.8-4.8,11.1-2.8,16.7c1.4-0.8,2.8-1.6,4.2-2.4c-4.1-3.6-5.3-9.3-4.3-14.5
				c1.2-6.7,5.3-12.5,9.1-18.1c0.8-1.1,0.2-2.8-0.9-3.4c-1.2-0.7-2.7-0.2-3.4,0.9c-4.3,6.2-8.8,12.8-9.8,20.5
				c-0.9,6.5,0.7,13.7,5.8,18.2c1.7,1.5,5.1,0.1,4.2-2.4c-1.5-4.4-0.3-8.9,2.2-12.7c2.7-4.1,7-6.9,11.1-9.3
				c4.7-2.8,9.6-5.3,14.3-8.2c4.8-2.9,9.5-5.9,14.2-9c5.3-3.5,10.5-7.2,15.6-11.1c-1.2-0.9-2.4-1.9-3.7-2.8
				c-2.1,7.9-6.6,15-12.7,20.4c-0.9,0.8-0.9,2.4-0.2,3.3c0.8,1,2.1,1.2,3.2,0.6c8.6-4,16.8-8.8,24.5-14.4
				c7.1-5.1,14.7-10.9,18.4-19.1c2.1-4.8,3-10.1,1.6-15.2C148.5,41.9,143.7,43.2,144.5,46.4L144.5,46.4z"/>
		</g>
	</g>
	<g>
		<g>
			<path class="st3" d="M141.5,9.5C127.1,1.1,108.5,1,94,9.3c-2.3,1.3-1.1,4.4,1.3,4.7c7.5,0.8,17,2,21.6,8.8
				c0.9-1.2,1.9-2.4,2.8-3.7c-20.5-6.2-43.1-5.7-63.3,1.4c-5.8,2-11.3,4.5-16.6,7.6c-2.1,1.2-1.3,4.8,1.3,4.7
				c9.8-0.7,19.6,0.2,29.1,2.6c0-1.6,0-3.2,0-4.8C54.3,34.4,39.8,43.5,29.4,56c-3,3.6-5.6,7.4-7.9,11.5c-1.4,2.5,1.8,4.9,3.9,3
				c6.1-5.4,13.6-9,21.7-10.4c-0.4,0-0.9,0-1.3,0c0.6,0.2,0.4,0-0.6-0.6C45,58.7,45,58.6,45,58.9c0,0.2,0,0.1,0-0.1
				c0,0.2-0.1,0.3-0.2,0.5c0.1-0.3-0.3,0.5-0.3,0.4c0.1-0.1-0.3,0.4-0.3,0.4c-1.4,1.3-3.2,2.3-4.7,3.5c-3.5,2.5-6.9,5.1-10.4,7.6
				c-6.9,5.1-13.9,10.1-20.8,15.2c-1,0.7-1.6,1.9-1,3.1c0.5,1.1,1.7,1.8,2.9,1.4c14.5-4.1,27.8-12.2,38.1-23.2
				c2.2-2.3-1.3-5.9-3.5-3.5c-9.7,10.4-22.2,18-35.9,21.9c0.6,1.5,1.3,3,1.9,4.6c9.8-7.2,19.6-14.3,29.4-21.5
				c2.4-1.8,5.1-3.4,7.3-5.4c1.4-1.3,2.5-3.3,2.4-5.3c-0.1-1.2-0.7-2.3-1.8-2.9c-1.3-0.7-2.6-0.4-4-0.1c-2.5,0.5-4.9,1.3-7.3,2.2
				C31.3,60,26.3,63.1,21.9,67c1.3,1,2.6,2,3.9,3c7.5-13.4,19.3-24.1,33.3-30.5c4-1.8,8.1-3.2,12.3-4.2c2.4-0.6,2.4-4.2,0-4.8
				c-9.9-2.5-20.2-3.5-30.4-2.8c0.4,1.6,0.8,3.1,1.3,4.7c17.8-10.1,38.7-14.3,59.1-12c5.8,0.6,11.5,1.9,17,3.5
				c2,0.6,4.1-1.9,2.8-3.7c-5.8-8.5-16.5-10.3-26-11.3c0.4,1.6,0.8,3.1,1.3,4.7c12.9-7.4,29.6-7.3,42.4,0.2
				C141.8,15.5,144.3,11.2,141.5,9.5L141.5,9.5z"/>
		</g>
	</g>
	<g>
		<g>
			<path class="st3" d="M157.9,57.2c9.8-1.3,17.9,5.3,23.2,12.9c5.8,8.2,9.7,17.6,11.9,27.4c1.2,5.5,1.8,11.1,1.7,16.7
				c0,2.9,4,3.3,4.9,0.7c3-8.7,4.6-17.8,4.6-27c0-3.2-5-3.2-5,0c-0.1,8.7-1.6,17.4-4.5,25.6c1.6,0.2,3.3,0.4,4.9,0.7
				c0.1-10.9-2.1-21.8-6.2-31.8c-4-9.7-9.8-19.7-18.6-25.7c-4.9-3.4-11.1-5.3-17-4.5c-1.3,0.2-2.5,1-2.5,2.5
				C155.4,55.9,156.5,57.3,157.9,57.2L157.9,57.2z"/>
		</g>
	</g>
	<g>
		<g>
			<path class="st3" d="M142.9,33.4c-6.3-0.1-12.5-2.2-17.4-6.2c-1.7-1.4-4.2-0.5-4.3,1.8c-0.3,6.9,4.1,13.2,10.5,15.5
				c0.2-1.6,0.4-3.3,0.7-4.9c-11.4-0.2-22.5-3.3-32.4-9c-2.4-1.4-5.2,2-3,3.9c4.9,4.3,9.8,8.6,14.8,12.8c0.8-1.4,1.6-2.8,2.4-4.2
				c-17.8-2.4-36.3,4.6-48.3,18c-3.3,3.7-6.2,7.9-8.3,12.4c-1.2,2.5,1.7,5,3.9,3c12.6-11.5,30-17,46.9-15.1c1.3,0.1,2.5-1.3,2.5-2.5
				c0-1.5-1.2-2.4-2.5-2.5c-14.1-1.5-28.7,1.9-40.8,9.3c-3.4,2.1-6.7,4.6-9.6,7.3c1.3,1,2.6,2,3.9,3c7-14.9,21.5-25.3,37.6-28
				c4.4-0.7,8.9-0.8,13.3-0.2c1.1,0.2,2.2-0.1,2.8-1.1c0.5-0.9,0.4-2.3-0.4-3c-5-4.2-9.9-8.5-14.8-12.8c-1,1.3-2,2.6-3,3.9
				c10.6,6.1,22.7,9.4,34.9,9.6c3,0.1,3.2-4,0.7-4.9c-4.3-1.6-7.1-6.1-6.8-10.7c-1.4,0.6-2.8,1.2-4.3,1.8c5.9,4.8,13.2,7.6,20.9,7.6
				C146.1,38.4,146.1,33.4,142.9,33.4L142.9,33.4z"/>
		</g>
	</g>
	<g>
		<g>
			<path class="st3" d="M158.5,57c14.6-0.5,28.8,7.8,35.7,20.7c1.1,2.1,5,1.2,4.7-1.3c-1-8-3.3-16.1-8.2-22.7
				c-4.5-5.9-10.8-10.6-18.2-11.9c0.5,1.2,1,2.4,1.5,3.7c3.9-6.4,10.6-10,17.9-11c1-0.1,1.9-0.5,2.3-1.5c0.4-0.9,0.2-2.1-0.5-2.7
				c-5.1-4.6-11.8-6-18.5-5.9c-3.2,0-6.7,0.2-9.7,1.1c-3.2,1-6.3,2.8-8.7,5.1c-2.3,2.3,1.2,5.8,3.5,3.5c4.1-4,9.5-4.7,14.9-4.8
				c5.3-0.1,10.9,0.8,15,4.5c0.6-1.4,1.2-2.8,1.8-4.3c-9.1,1.2-17.4,5.4-22.2,13.5c-0.8,1.3-0.1,3.4,1.5,3.7
				c14.1,2.6,21.2,16.7,22.8,29.8c1.6-0.4,3.1-0.8,4.7-1.3c-7.6-14.4-23.7-23.7-40-23.2C155.3,52.1,155.3,57.1,158.5,57L158.5,57z"
				/>
		</g>
	</g>
	<g>
		<g>
			<path class="st4" d="M53,90.6c-15.5-1.8-32.4-3.2-45.7,6.6c-1.5,1.1-2.9,2.3-4.3,3.7c-1.1,1.1-2.5,2.4-2.9,4
				c-0.4,1.7,0.4,3.3,1.2,4.7c0.9,1.5,1.9,3,3,4.3c4.7,5.6,11.2,9.4,18.1,11.5c4.4,1.3,9.1,2,13.7,2.1c4.3,0.1,8.8,0.1,12.7-2.1
				c1-0.5,0.1-2-0.9-1.5c-3.3,1.9-7.2,1.9-10.9,1.9c-3.9-0.1-7.7-0.5-11.5-1.4c-6.7-1.6-13.1-4.7-18-9.6c-1.1-1.1-2.2-2.4-3.2-3.7
				c-1-1.3-2.3-3-2.7-4.7c-0.4-1.8,1.2-3.2,2.3-4.3c1.3-1.3,2.7-2.6,4.2-3.7c5.8-4.3,12.7-6.5,19.9-7.3c8.3-0.8,16.6,0.1,24.8,1
				C54.1,92.4,54.1,90.7,53,90.6L53,90.6z"/>
		</g>
	</g>
	<g>
		<g>
			<g>
				<path class="st3" d="M55.5,129.2c-3.5,7.1-10.4,13.7-8.1,22.4c1,3.7,3.8,6,6.6,8.4c2.4,2,4.1,4.4,4.4,7.6
					c0.2,3.1-0.6,6.1-2.8,8.3c-2.7,2.8-5.9,4.8-7.5,8.5c-1.4,3.3-1.6,7.2-0.3,10.6c1.4,3.7,4.2,6,7.1,8.5c2.7,2.3,4.4,4.8,4.4,8.4
					c0,2.8-1.1,6-3.4,7.7c1.3,0.7,2.6,1.5,3.9,2.2c0.1-1,0.1-2.1,0.2-3.1c0.2-3.3-4.9-3.3-5.1,0c-0.1,1-0.1,2.1-0.2,3.1
					c-0.1,1.8,2.3,3.4,3.9,2.2c5.4-4.1,7.4-11.7,4.8-18c-1.5-3.5-4.3-5.7-7.1-8.1c-2.5-2.2-4.2-4.7-4.1-8.2c0.1-3.7,2.4-5.9,5-8.2
					c2.9-2.4,5.2-5.2,6-8.9c0.8-3.6,0.5-7.4-1.1-10.8c-1.5-3.3-4.4-5.2-7-7.6c-7.5-6.8,1.8-15.9,5-22.4c0.6-1.2,0.3-2.8-0.9-3.5
					C57.9,127.6,56.1,127.9,55.5,129.2L55.5,129.2z"/>
			</g>
		</g>
		<g>
			<g>
				<path class="st3" d="M39.4,137.1c3.2,2,6.3,4.2,9.3,6.7c1.5,1.2,3,2.5,4.4,3.8c0.9,0.8,2.7,2.1,3,3.2c0,0-0.1,0.4-0.3,0.7
					c-0.4,0.6-1.1,1.1-1.6,1.6c-1.3,1.1-2.4,2.1-3.4,3.5c-1.9,2.7-2.7,6.3-2.6,9.6c0.1,3.8,1.3,7.4,3,10.7c1.7,3.4,4,6.4,5.7,9.7
					c1.4,2.7,2.4,6,0.4,8.7c-1.7,2.4-4.4,3.9-6.1,6.3c-2.4,3.4-2.3,8-0.7,11.8c1.7,4,4.8,7,8,9.8c1,0.9,2.6,1,3.6,0
					c0.9-0.9,1-2.7,0-3.6c-2.6-2.3-5.6-4.7-6.9-8.1c-1.1-2.7-1-5.8,1-8c2.1-2.3,4.9-4,6.2-6.9c1.7-3.6,1.1-7.6-0.4-11.2
					c-2.8-6.6-8.6-12-8.8-19.6c0-2.9,0.7-5.8,2.8-7.8c2.3-2.2,5.4-4.2,5.1-7.8c-0.2-2.4-1.8-4-3.5-5.6c-1.6-1.5-3.2-3-4.9-4.3
					c-3.4-2.9-7.1-5.5-10.9-7.9C39.2,130.9,36.6,135.4,39.4,137.1L39.4,137.1z"/>
			</g>
		</g>
		<g>
			<g>
				<path class="st3" d="M54.5,220.4c-0.2,0.5-0.2,1.1-0.2,1.6c0,0.3,0.1,0.7,0.2,1.1c0.1,0.2,0.1,0.3,0.2,0.5
					c0.1,0.2,0.1,0.4,0.2,0.5c0.2,0.3,0.4,0.6,0.6,0.9c0.2,0.3,0.5,0.5,0.8,0.7c0.6,0.4,1.3,0.6,2,0.6c0.3,0,0.7-0.1,1-0.1
					c0.1,0,0.3-0.1,0.4-0.1c0.7-0.3,1.3-0.6,1.8-1.1c0.5-0.5,0.9-1.1,1-1.8c0.1-0.3,0.1-0.7,0.1-1.1c0-0.4-0.1-0.7-0.2-1.1
					c-0.2-0.7-0.6-1.4-1.2-1.9c-0.3-0.2-0.6-0.5-0.9-0.6c-0.6-0.3-1-0.4-1.7-0.4c-0.4,0-0.7,0.1-1,0.2c-0.3,0.1-0.6,0.3-0.8,0.5
					c-0.2,0.2-0.4,0.5-0.5,0.8c-0.2,0.3-0.2,0.6-0.2,1c0,0.7,0.2,1.3,0.7,1.8c0.5,0.5,1.1,0.7,1.8,0.7c0,0,0.1,0,0.1,0
					c-0.2,0-0.5-0.1-0.7-0.1c0.1,0,0.2,0,0.3,0.1c-0.2-0.1-0.4-0.2-0.6-0.3c0.1,0,0.2,0.1,0.3,0.2c-0.2-0.1-0.3-0.3-0.5-0.4
					c0.1,0.1,0.2,0.2,0.3,0.3c-0.1-0.2-0.3-0.3-0.4-0.5c0.1,0.1,0.2,0.3,0.2,0.4c-0.1-0.2-0.2-0.4-0.3-0.6c0.1,0.1,0.1,0.3,0.1,0.4
					c0-0.2-0.1-0.5-0.1-0.7c0,0.1,0,0.3,0,0.4c0-0.2,0.1-0.5,0.1-0.7c0,0.1-0.1,0.2-0.1,0.4c0.1-0.2,0.2-0.4,0.3-0.6
					c0,0.1-0.1,0.2-0.2,0.3c0.1-0.2,0.3-0.3,0.4-0.5c-0.1,0.1-0.2,0.2-0.3,0.3c0.2-0.1,0.3-0.3,0.5-0.4c-0.1,0.1-0.2,0.2-0.4,0.2
					c0.2-0.1,0.4-0.2,0.6-0.3c-0.1,0.1-0.3,0.1-0.5,0.1c0.2,0,0.5-0.1,0.7-0.1c-0.1,0-0.3,0-0.4,0c0.2,0,0.5,0.1,0.7,0.1
					c-0.1,0-0.3-0.1-0.4-0.1c0.2,0.1,0.4,0.2,0.6,0.3c-0.1-0.1-0.2-0.1-0.4-0.2c0.2,0.1,0.3,0.3,0.5,0.4c-0.1-0.1-0.2-0.2-0.3-0.3
					c0.1,0.2,0.3,0.3,0.4,0.5c-0.1-0.1-0.2-0.3-0.3-0.5c0.1,0.2,0.2,0.4,0.3,0.6c-0.1-0.2-0.1-0.4-0.2-0.6c0,0.2,0.1,0.5,0.1,0.7
					c0-0.2,0-0.4,0-0.6c0,0.2-0.1,0.5-0.1,0.7c0-0.1,0-0.2,0.1-0.3c0.1-0.3,0.1-0.7,0-1c0-0.3-0.1-0.7-0.3-1
					c-0.2-0.3-0.4-0.5-0.7-0.7c-0.2-0.2-0.5-0.4-0.9-0.5c-0.7-0.1-1.4-0.1-2,0.3C55.1,219.2,54.7,219.7,54.5,220.4L54.5,220.4z"/>
			</g>
		</g>
	</g>
	<g>
		<g>
			<path class="st3" d="M40.1,145.8c0.4,7.8-2.9,15.4-9,20.3c-1,0.8-0.9,2.4-0.2,3.3c0.8,1,2.1,1.2,3.2,0.6c4-1.9,7.9-3.7,11.9-5.6
				c-1.2-0.9-2.4-1.9-3.7-2.8c-1.9,10.6-6.5,20.5-13.5,28.7c-0.8,0.9-1,2.3-0.2,3.3c0.7,0.9,2.2,1.3,3.2,0.6
				c5.3-3.5,10.1-7.7,14.2-12.6c0.9-1,1-2.5,0-3.5c-0.9-0.9-2.7-1-3.5,0c-3.8,4.6-8.2,8.5-13.2,11.8c1,1.3,2,2.6,3,3.9
				c7.5-8.8,12.7-19.5,14.8-30.9c0.4-2.2-1.6-3.8-3.7-2.8c-4,1.9-7.9,3.7-11.9,5.6c1,1.3,2,2.6,3,3.9c7-5.7,11-14.9,10.5-23.9
				C44.9,142.6,39.9,142.6,40.1,145.8L40.1,145.8z"/>
		</g>
	</g>
	<g>
		<g>
			<g>
				<path class="st3" d="M219.5,195.1c2.6-4.8,4.9-9.9,7.5-14.8c1.7-3.2,2.8-6.9,2.2-10.5c-0.5-3.3-2.4-5.9-4.8-8.1
					c-2-1.8-4-3.5-4.8-6.2c-0.8-2.4-0.7-5.1,0.3-7.5c1.1-2.7,3.4-4.3,5.6-6.1c2.6-2,4.7-4.4,5.7-7.7c1.1-3.5,0.8-7.3-0.8-10.5
					c-0.6-1.4-1.6-2.9-2.9-3.7c-0.3-0.2-0.5-0.3-0.8-0.4c-0.4-0.2,0.3,0.4-0.1-0.1c-0.2-0.3-0.5-0.6-0.7-0.9
					c-0.8-1.1-2.3-1.6-3.5-0.9c-1.1,0.7-1.7,2.3-0.9,3.5c0.7,1.1,1.5,2.2,2.7,2.8c0.2,0.1,0.4,0.2,0.6,0.3c-0.5-0.2-0.2-0.2,0,0.1
					c-0.1-0.2-0.1-0.1,0.1,0.2c0.2,0.2,0.3,0.5,0.5,0.7c1.3,2.2,1.5,4.8,0.9,7.2c-0.8,2.7-2.7,4.4-4.9,6.1c-2.5,1.9-4.7,3.9-6,6.7
					c-2.5,5.5-1.8,12.2,2.2,16.8c1.8,2.1,4.2,3.6,5.6,5.9c1.5,2.5,1.1,5.6,0,8.2c-1.1,2.7-2.8,5.3-4.1,7.9c-1.4,2.8-2.7,5.6-4.2,8.3
					C213.5,195.4,217.9,198,219.5,195.1L219.5,195.1z"/>
			</g>
		</g>
		<g>
			<g>
				<path class="st3" d="M231.7,191.3c-0.9-0.5-1.3-0.9-2.1-1.8c-0.4-0.5-1.2-1.8-1.6-2.7c-1.1-2.2-1.9-4.4-2.9-6.7
					c-1-2.3-2-4.7-3.5-6.7c-0.8-1.1-1.2-1.2-1.3-2.4c-0.1-1.4,0.7-2.5,1.7-3.4c1-1,2.1-1.7,3.1-2.7c1.1-1.1,1.9-2.4,2.6-3.8
					c1.3-2.9,1.8-6.1,1.4-9.3c-0.4-3.5-1.6-6.9-3.1-10c-1.5-3-3.4-5.8-4.6-9c-1.1-2.9-1.6-6,0.7-8.4c2.3-2.4,5.1-3.9,6.9-6.7
					c1.7-2.8-2.7-5.4-4.4-2.6c-1.5,2.4-4.2,3.7-6.1,5.7c-2.6,2.7-3.5,6.1-3,9.8c1,7.1,6.5,12.5,8.2,19.4c0.7,2.9,0.7,6.1-0.5,8.9
					c-1.2,2.8-3.9,4.1-5.7,6.3c-2.1,2.6-3,6.5-1.2,9.6c0.7,1.2,1.3,1.6,2,2.7c0.7,1.2,1.3,2.4,1.8,3.6c2.2,5,3.9,11.7,9.1,14.6
					C232,197.4,234.6,192.9,231.7,191.3L231.7,191.3z"/>
			</g>
		</g>
		<g class="st5">
			<g class="st6">
				<path class="st3" d="M222.5,100.2c0.3-1.2,0.2-2.6-0.5-3.7c-0.4-0.6-0.9-1.1-1.5-1.5c-0.6-0.4-1.3-0.6-2-0.6
					c-0.3,0-0.7,0.1-1,0.1c-0.1,0-0.3,0.1-0.4,0.1c-0.7,0.3-1.3,0.6-1.8,1.1c-0.5,0.5-0.9,1.1-1,1.8c-0.1,0.7-0.2,1.5,0.1,2.2
					c0.3,0.7,0.6,1.4,1.2,1.9c0.5,0.5,0.8,0.6,1.5,0.9c0.4,0.1,0.8,0.2,1.1,0.2c0.7,0,1.4-0.3,1.8-0.7c0.2-0.2,0.4-0.5,0.5-0.8
					c0.2-0.3,0.2-0.6,0.2-1c0-0.7-0.2-1.3-0.7-1.8c-0.5-0.5-1.1-0.7-1.8-0.7c-0.1,0-0.1,0-0.2,0c0.2,0,0.5,0.1,0.7,0.1
					c-0.1,0-0.2,0-0.3-0.1c0.2,0.1,0.4,0.2,0.6,0.3c-0.1,0-0.2-0.1-0.3-0.2c0.2,0.1,0.3,0.3,0.5,0.4c-0.1-0.1-0.2-0.2-0.3-0.3
					c0.1,0.2,0.3,0.3,0.4,0.5c-0.1-0.1-0.2-0.3-0.2-0.4c0.1,0.2,0.2,0.4,0.3,0.6c-0.1-0.1-0.1-0.3-0.1-0.4c0,0.2,0.1,0.5,0.1,0.7
					c0-0.1,0-0.3,0-0.4c0,0.2-0.1,0.5-0.1,0.7c0-0.1,0.1-0.2,0.1-0.4c-0.1,0.2-0.2,0.4-0.3,0.6c0.1-0.1,0.1-0.2,0.2-0.3
					c-0.1,0.2-0.3,0.3-0.4,0.5c0.1-0.1,0.2-0.2,0.3-0.3c-0.2,0.1-0.3,0.3-0.5,0.4c0.1-0.1,0.2-0.2,0.4-0.2c-0.2,0.1-0.4,0.2-0.6,0.3
					c0.2-0.1,0.3-0.1,0.5-0.1c-0.2,0-0.5,0.1-0.7,0.1c0.1,0,0.3,0,0.4,0c-0.2,0-0.5-0.1-0.7-0.1c0.1,0,0.3,0.1,0.4,0.1
					c-0.2-0.1-0.4-0.2-0.6-0.3c0.1,0.1,0.2,0.1,0.4,0.2c-0.2-0.1-0.3-0.3-0.5-0.4c0.1,0.1,0.2,0.2,0.3,0.3c-0.1-0.2-0.3-0.3-0.4-0.5
					c0.1,0.2,0.2,0.3,0.3,0.5c-0.1-0.2-0.2-0.4-0.3-0.6c0.1,0.2,0.1,0.4,0.2,0.6c0-0.2-0.1-0.5-0.1-0.7c0,0.2,0,0.4,0,0.6
					c0-0.2,0.1-0.5,0.1-0.7c0,0.1,0,0.2-0.1,0.3c-0.1,0.3-0.1,0.7,0,1c0,0.3,0.1,0.7,0.3,1c0.2,0.3,0.4,0.5,0.7,0.7
					c0.2,0.2,0.5,0.4,0.9,0.5c0.7,0.1,1.4,0.1,2-0.3C221.9,101.4,222.4,100.9,222.5,100.2L222.5,100.2z"/>
			</g>
		</g>
	</g>
	<g>
		<g>
			<path class="st4" d="M217.6,93.2c14.3-1.6,29.9-3.2,42.6,4.8c2.9,1.8,6.1,4.2,8,7c1.1,1.7,0.3,3.2-0.6,4.8
				c-0.9,1.5-1.9,2.9-3.1,4.2c-4.5,5.1-10.5,8.7-17,10.6c-4.2,1.3-8.5,1.9-12.8,2.1c-4.1,0.2-8.6,0.2-12.3-1.8
				c-1-0.5-1.8,0.9-0.9,1.5c3.4,1.9,7.3,2.1,11.1,2.1c4.1,0,8.2-0.5,12.2-1.4c7.2-1.6,14.1-5,19.3-10.3c2.3-2.3,4.9-5.4,6-8.5
				c1.2-3.5-2.5-6.5-4.9-8.5c-5.9-5-13-7.9-20.6-9c-9-1.3-18.2-0.3-27.2,0.7C216.5,91.7,216.5,93.4,217.6,93.2L217.6,93.2z"/>
		</g>
	</g>
	<g>
		<g>
			<path class="st3" d="M139,13.8c4.4,3.2,11.3,2.6,13.2-3.2c1.6-4.9-2.9-10.9-8.1-10.2c-1.3,0.2-2.5,1-2.5,2.5
				c0,1.3,1.1,2.5,2.5,2.5c4.2-0.1,8.4,1.9,10.9,5.4c1,1.4,2.6,1.6,3.9,0.5c2.8-2.4,5.6-4.8,8.3-7.2c-1.4-0.6-2.8-1.2-4.3-1.8
				c0.1,3.3,0.2,6.6,0.3,9.9c0,1.7,1.6,2.7,3.2,2.4c5.2-0.9,10.5,0.3,14.8,3.2c-0.4-0.9-0.8-1.9-1.1-2.8c-0.6,1.7-1.2,3.4-1.8,5.1
				c-0.5,1.4,0.8,3.3,2.4,3.2c8-0.7,16.3-1.6,24.2,0.4c6.1,1.6,11.9,4.9,15.2,10.4c0.7-1.3,1.4-2.5,2.2-3.8
				c-8.9-0.6-18,0.8-26.3,4.2c-1,0.4-1.8,1.2-1.8,2.4c0,1,0.8,2.2,1.8,2.4c15.8,3.1,30.6,10.3,42.7,20.9c0.8-1.4,1.6-2.8,2.4-4.2
				c-9.5-2.8-19.4-4-29.2-3.3c-2.4,0.2-3.5,3.4-1.3,4.7c11.3,6.5,20.6,16.3,26.5,27.9c1.7,3.3,3,6.8,4.1,10.3
				c1.2-0.9,2.4-1.9,3.7-2.8c-10.2-6.6-20.5-13.2-30.7-19.8c-2.4-1.5-5.2,2-3,3.9c11.2,10,19,23.5,22.4,38.1
				c0.9,4.1,1.5,8.4,1.7,12.6c1.6-0.4,3.1-0.8,4.7-1.3c-6.2-8.1-12.3-16.3-18.5-24.4c-5.1-6.7-10.1-14.6-18.5-17.4
				c-3.1-1-4.4,3.8-1.3,4.8c3.4,1.1,6.2,3.5,8.5,6.2c2.8,3.2,5.3,6.7,7.9,10.1c5.9,7.7,11.7,15.5,17.6,23.2c0.7,0.9,1.7,1.5,2.8,1.1
				c1-0.3,1.9-1.3,1.8-2.4c-0.7-16.1-6.5-31.8-16.4-44.5c-2.7-3.5-5.8-6.8-9.1-9.8c-1,1.3-2,2.6-3,3.9c10.2,6.6,20.5,13.2,30.7,19.8
				c1.8,1.2,4.3-0.8,3.7-2.8C242,81,233.9,68.8,223,60c-3.1-2.5-6.4-4.8-9.9-6.8c-0.4,1.6-0.8,3.1-1.3,4.7
				c9.4-0.6,18.9,0.4,27.9,3.2c2.3,0.7,4.3-2.5,2.4-4.2c-12.7-11.2-28.3-18.9-44.9-22.2c0,1.6,0,3.2,0,4.8c7.9-3.2,16.4-4.6,25-4
				c1.9,0.1,3.1-2.2,2.2-3.8c-3.8-6.4-10.4-10.5-17.5-12.5c-8.6-2.4-17.6-1.6-26.3-0.8c0.8,1.1,1.6,2.1,2.4,3.2
				c0.6-1.7,1.2-3.4,1.8-5.1c0.4-1.1-0.3-2.2-1.1-2.8c-5.5-3.6-12.2-4.8-18.6-3.7c1.1,0.8,2.1,1.6,3.2,2.4c-0.1-3.3-0.2-6.6-0.3-9.9
				c-0.1-2.3-2.6-3.2-4.3-1.8c-2.8,2.4-5.6,4.8-8.3,7.2c1.3,0.2,2.6,0.3,3.9,0.5c-3.5-4.9-9.1-8-15.2-7.9c0,1.7,0,3.3,0,5
				c1.1-0.1,1.9,0.1,2.7,1.1c0.3,0.4,0.5,0.8,0.6,1.3c0.1,0.4,0.1,1,0,1.3c-0.4,1-1.3,1.6-2.1,1.7c-1.4,0.2-2.7-0.5-3.8-1.3
				c-1.1-0.8-2.8-0.2-3.4,0.9C137.3,11.7,137.9,13.1,139,13.8L139,13.8z"/>
		</g>
	</g>
	<g>
		<g>
			<path class="st3" d="M196.8,105.7c3.6,4.9,4.8,10.8,5.1,16.7c0.4,7,0,14.2-0.3,21.2c-0.1,2.6,3.4,3.2,4.7,1.3
				c3.8-5.8,6.4-12.3,7.8-19.1c-1.6,0-3.2,0-4.8,0c4.8,15.2-0.3,31.1-5.6,45.5c-0.5,1.3,0.5,2.7,1.7,3.1c1.4,0.4,2.6-0.5,3.1-1.7
				c5.6-15.2,10.7-32.1,5.6-48.1c-0.7-2.2-4.3-2.6-4.8,0c-1.3,6.4-3.7,12.4-7.3,17.9c1.6,0.4,3.1,0.8,4.7,1.3
				c0.3-7.3,0.7-14.7,0.2-22c-0.4-6.5-1.8-13.1-5.7-18.4c-0.8-1.1-2.2-1.6-3.4-0.9C196.6,102.9,195.9,104.7,196.8,105.7L196.8,105.7
				z"/>
		</g>
	</g>
	<g>
		<g>
			<path class="st3" d="M209,176c3.4,10.2-3.3,19.6-7.9,28.2c-0.9,1.6,0.6,4.3,2.7,3.5c4.7-1.9,8.4-5.2,11-9.4
				c-1.5-0.4-2.9-0.8-4.4-1.2c0.8,7.5-2.8,14.3-6.9,20.4c-1.1,1.6,0.7,4.3,2.7,3.5c5.1-2.1,8.4-6.6,12-10.6c3.7-4.1,6.9-9,8.2-14.4
				c0.8-3-3.8-4.2-4.6-1.3c-1.2,4.6-3.9,8.8-7,12.3c-1.6,1.8-3.2,3.6-4.8,5.3c-1.5,1.6-3.1,3.2-5.1,4c0.9,1.2,1.8,2.3,2.7,3.5
				c4.5-6.7,8.4-14.5,7.5-22.8c-0.2-2.3-3.1-3.3-4.4-1.2c-1.9,3.1-4.7,5.9-8.2,7.3c0.9,1.2,1.8,2.3,2.7,3.5
				c5.2-9.8,12.2-20.3,8.4-31.9C212.6,171.8,208,173.1,209,176L209,176z"/>
		</g>
	</g>
	<g>
		<g>
			<path class="st3" d="M41.9,179.2c-1.5,8.5-4.9,16.9-10.1,23.9c-0.7,0.9-0.4,2.4,0.2,3.2c0.7,0.9,1.9,1.3,3,1
				c4.3-1,8.1-3.5,11.1-6.8c-1.6-0.7-3.3-1.4-4.9-2c0,5.4-1.2,10.7-3.7,15.5c-1.8,3.3,3.2,6.2,5,2.9c3-5.6,4.5-12,4.5-18.4
				c0-2.4-3.2-3.9-4.9-2c-2.3,2.6-5.1,4.5-8.5,5.3c1.1,1.4,2.2,2.8,3.3,4.2c5.5-7.3,9.1-16.3,10.7-25.2c0.3-1.5-0.4-3.1-2-3.6
				C44.1,176.8,42.2,177.7,41.9,179.2L41.9,179.2z"/>
		</g>
	</g>
</g>
<g>
	<g>
		<path class="st7" d="M161.7,69.4c-1.4,0.5-2.4,1.7-2.6,3.2c-0.2,1.6,0.6,3.2,2,3.9c0.8,0.4,1.6,0.7,2,1.6c0.3,0.7,0.3,1.6,0.2,2.3
			c-0.3,1.9-1.4,3.5-1.8,5.4c-0.1,0.8,1.1,1.1,1.2,0.3c0.5-2.9,2.9-5.8,1.4-8.8c-0.3-0.6-0.7-1-1.2-1.4c-0.8-0.5-1.6-0.6-2.1-1.4
			c-1-1.4-0.3-3.3,1.3-3.9C162.7,70.4,162.4,69.1,161.7,69.4L161.7,69.4z"/>
	</g>
</g>
<g>
	<g>
		<path class="st7" d="M130.9,94.4c-2.5,1.5-3,5-1.1,7.2c0.5,0.6,1.2,1.1,1.5,1.8c0.5,1,0,2-0.7,2.8c-1.1,1.3-2.6,2.3-3.1,4
			c-0.2,0.8,1,1.1,1.2,0.3c0.5-1.6,2.1-2.5,3.1-3.8c1-1.3,1.4-2.9,0.4-4.3c-0.8-1.2-2.1-1.9-2.3-3.5c-0.2-1.4,0.5-2.8,1.7-3.5
			C132.2,95.1,131.6,94,130.9,94.4L130.9,94.4z"/>
	</g>
</g>
<g>
	<g>
		<path class="st7" d="M73.1,114.6c-1,1-1.9,2.1-1.5,3.6c0.4,1.5,1.7,2.4,2.5,3.8c0.9,1.6-0.3,3.3-1.2,4.7c-0.9,1.3-1.7,2.5-1.8,4.1
			c0,0.8,1.2,0.8,1.2,0c0.2-3,3.6-4.8,3.3-7.9c-0.1-1.3-1-2.3-1.8-3.2c-0.5-0.6-1-1.3-1.1-2.1c0-0.9,0.7-1.5,1.2-2.1
			C74.5,114.9,73.6,114.1,73.1,114.6L73.1,114.6z"/>
	</g>
</g>
<g>
	<g>
		<path class="st7" d="M108.4,162.9c-1.5,1.8-1.7,4.1-0.7,6.2c0.5,1.1,1,2,1,3.3c0,1.2-0.4,2.3-1.1,3.2c-0.5,0.6,0.6,1.3,1.1,0.6
			c1.3-1.7,1.7-4.1,0.9-6.1c-0.4-1.1-1.1-2-1.2-3.2c-0.1-1.1,0.2-2.3,1-3.2C109.8,163.2,109,162.3,108.4,162.9L108.4,162.9z"/>
	</g>
</g>
<g>
	<g>
		<path class="st7" d="M188.6,164.5c-0.9,0.9-1.6,2-1.9,3.2c-0.3,1.2,0,2.4,0.8,3.4c0.8,1.1,1.5,2,1.6,3.4c0.1,1.4-0.2,2.7-0.6,4.1
			c-0.2,0.8,1,1.1,1.2,0.3c0.7-2.2,1.2-4.8,0-7c-0.6-1-1.7-1.9-1.8-3.1c-0.1-1.3,0.8-2.5,1.7-3.4
			C190.1,164.8,189.2,163.9,188.6,164.5L188.6,164.5z"/>
	</g>
</g>
</svg>

            
          
!

CSS

            
              html {
  height: 100%;
}

body {
  background-color: #afaf8c;
  height: 100%;
  display: grid;
  align-content: center;
  justify-content: center;
}

svg {
  transform: scale(1.7);
}
.st1 {
 opacity: 0.7;
}
.st7 {
  opacity: 0;
  animation: darkening 6s ease-in infinite;
  fill: purple;
  box-shadow: 0 0 5px 5px pink;
}

@keyframes darkening {
  50% {
    opacity: 1;
  }
}
            
          
!

JS

            
              
            
          
!
999px

Console