Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

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.

            
              <div class='wrapper'><svg version="1.1" id="Layer_1" <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 470.31 464.06" style="enable-background:new 0 0 470.31 464.06;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#603813;}
	.st1{fill:#42210B;}
	.red{fill:#E53900;}
	.orange{fill:#E68B00;}
	.yellow{fill:#E6E000;}
	.lightyellow{fill:#FEFE9D;}
</style>
<g id="Layer_1">
	<path class="st0" d="M440.11,373.38c-55.12-4.57-73.9,5.28-80.53,15.61c-1.72,2.68-4.32,8.04-10.49,11.58
		c-14.06,8.09-32.96-1.1-36.29-2.51c-18.3-7.76-85.28-0.34-276.89,53.68c-9.18,0.96-17.6-4.67-20-12.84
		c-2.72-9.28,2.92-19.83,13.08-22.84c60.52-3.14,78.39-9.15,79-15.31c0.21-2.18-1.73-4.5-0.49-6.65c3.49-6.1,25.78,0.65,28.1,1.3
		c17.27,4.85,84.22-3.2,297.58-57.69c10.83-3.25,21.85,3.47,24.06,13.26C459.54,361.12,451.82,372.27,440.11,373.38z"/>
	<path class="st1" d="M48.21,377.8c49.17-5.72,65.67,3.68,71.36,13.83c1.48,2.63,3.67,7.91,9.09,11.31
		c12.35,7.76,29.36-1.8,32.36-3.28c16.46-8.11,75.92-2.15,245.34,47.56c8.15,0.76,15.77-5.03,18.07-13.21
		c2.62-9.3-2.17-19.69-11.16-22.47c-53.81-1.84-69.59-7.45-70-13.57c-0.14-2.17,1.63-4.52,0.58-6.64c-2.98-6-22.96,1.19-25.05,1.89
		c-15.48,5.2-74.91-1.39-263.68-51.12c-9.57-3-19.52,3.92-21.7,13.72C31.17,366.01,37.81,376.95,48.21,377.8z"/>
	<path class="red" d="M258.57,372.04c0.21-0.28,0.5-0.39,0.84-0.38C259.24,372.03,258.93,372.1,258.57,372.04z"/>
	<path class="red" d="M257.24,372.6c0.31-0.11,0.63-0.23,0.94-0.34C257.95,372.59,257.61,372.63,257.24,372.6z"/>
	<path class="orange" d="M223,373.77c0.41-0.09,0.7,0.09,0.91,0.42C223.54,374.2,223.2,374.14,223,373.77z"/>
	<path class="orange" d="M223.91,374.19c0.35-0.06,0.59,0.07,0.72,0.4C224.31,374.61,224.05,374.51,223.91,374.19z"/>
	<path class="orange" d="M224.65,374.59c0.4-0.06,0.68,0.11,0.88,0.44C225.15,375.06,224.86,374.9,224.65,374.59z"/>
	<path class="red" d="M258.16,372.28c0.17-0.1,0.34-0.19,0.51-0.29C258.6,372.25,258.4,372.3,258.16,372.28z"/>
</g>
<g id="Layer_2">
	<g>
		<polygon class="orange" points="291.07,179.08 291.13,179.04 291.06,179.07 		"/>
		<path class="yellow" d="M222.39,214.88c0,0-0.02-0.03-0.02-0.03C222.37,214.85,222.39,214.88,222.39,214.88z"/>
		<polygon class="lightyellow" points="260.77,299.97 260.83,299.99 260.74,299.99 		"/>
		<path class="red" d="M193.48,364.14c-4.59-0.91-9.2-1.77-13.78-2.73c-8.57-1.8-17.11-3.73-25.24-7.12
			c-9.82-4.1-17.62-10.37-22.69-19.98c-6.67-12.64-12.67-25.51-16.1-39.46c-4.23-17.23-2.78-34.13,2.59-50.89
			c4.01-12.51,8.92-24.7,13.04-37.17c7.52-22.75,11.29-46.09,11.43-70.04c0.05-8.83-0.31-17.63-0.99-26.6
			c0.91,0.57,1.21,1.41,1.66,2.1c13.67,21.01,23.93,43.67,32.56,67.12c4.88,13.25,9.14,26.71,13.43,40.16
			c0.17,0.55,0.13,1.23,0.88,1.65c1.41-5.86,2.76-11.66,4.21-17.43c8.29-32.97,17.66-65.61,30.92-97
			c5.29-12.52,11.16-24.74,19.34-35.69c0.89-1.19,1.85-2.31,2.79-3.46c0.15-0.18,0.34-0.33,0.83-0.79
			c-9.93,43.34-3.81,85.35,7.59,127.09c15.47-30.58,36.83-55.75,65.91-74.06c7.29-4.59,14.86-8.64,23.03-12.24
			c-0.23,1.12-0.87,1.42-1.33,1.84c-11.94,10.76-22.56,22.64-30.68,36.6c-13.08,22.5-16.65,46.5-11.5,71.94
			c2.74,13.54,7.58,26.41,12.43,39.27c2.77,7.34,5.18,14.73,5.67,22.69c1.38,22.41-3.25,43.21-16.51,61.63
			c-6.27,8.7-14.73,15.03-23.82,20.56c-5.81,3.53-11.88,6.54-18.17,9.12c-0.5,0.21-0.98,0.55-1.58,0.43
			c0.31-0.77,1.07-0.99,1.7-1.34c8.85-5.02,16.88-11.13,24.3-18.09c5.02-4.72,8.62-10.27,10.52-16.92
			c3.04-10.61,2.82-21.35,1.3-32.12c-1.04-7.35-3.45-14.39-5.36-21.54c-5.44-20.37-10.25-40.83-10.19-62.1
			c0.03-11.9,1.72-23.48,6.56-34.48c0.89-2.03,2.25-3.83,2.81-6.01c0,0,0.06-0.03,0.06-0.03l-0.05,0.04
			c-1.26,0.44-2.18,1.38-3.16,2.22c-7.92,6.79-13.42,15.42-18.5,24.36c-7.89,13.88-14.07,28.56-19.79,43.44
			c-0.21,0.55-0.22,1.4-0.91,1.48c-0.67,0.08-0.91-0.74-1.25-1.22c-6.16-8.91-10.8-18.55-13.61-29.03
			c-4.28-15.98-4.86-32.3-4.25-48.69c0.52-13.89,2.16-27.68,4.33-41.4c0.41-2.56,0.78-5.12,1.17-7.69
			c-0.17-0.04-0.34-0.08-0.51-0.12c-19.04,49.22-32.72,100.05-44.68,151.44c-9-28.55-21.65-55.58-33.12-83.34
			c-0.68,0.91-0.35,1.52-0.28,2.1c0.85,7.5,1.15,15.02,0.81,22.55c-0.66,15.04-4.42,29.36-10.39,43.14
			c-3.12,7.19-6.49,14.27-9.32,21.59c-4.5,11.67-4.57,23.23,0.35,34.79c3.46,8.14,8.52,15.26,13.61,22.42
			c7.78,10.96,17.99,18.46,30.61,22.9C185.97,361.34,189.84,362.45,193.48,364.14z"/>
		<path class="red" d="M193.48,364.14c-3.64-1.69-7.51-2.8-11.28-4.13c-12.62-4.44-22.83-11.94-30.61-22.9
			c-5.09-7.16-10.14-14.29-13.61-22.42c-4.92-11.56-4.85-23.13-0.35-34.79c2.82-7.32,6.2-14.4,9.32-21.59
			c5.98-13.78,9.73-28.1,10.39-43.14c0.33-7.53,0.04-15.05-0.81-22.55c-0.07-0.58-0.39-1.18,0.28-2.1
			c11.47,27.76,24.12,54.79,33.12,83.34c11.96-51.39,25.64-102.21,44.68-151.44c0.17,0.04,0.34,0.08,0.51,0.12
			c-0.39,2.56-0.77,5.13-1.17,7.69c-2.18,13.72-3.82,27.51-4.33,41.4c-0.61,16.39-0.03,32.71,4.25,48.69
			c2.81,10.49,7.44,20.12,13.61,29.03c0.33,0.48,0.57,1.3,1.25,1.22c0.68-0.08,0.7-0.93,0.91-1.48
			c5.72-14.88,11.9-29.55,19.79-43.44c5.08-8.93,10.58-17.57,18.5-24.36c0.98-0.84,1.9-1.78,3.16-2.22l-0.01-0.01
			c-0.57,2.18-1.92,3.98-2.81,6.01c-4.84,11-6.53,22.57-6.56,34.48c-0.06,21.27,4.75,41.73,10.19,62.1
			c1.91,7.15,4.32,14.19,5.36,21.54c1.53,10.77,1.74,21.51-1.3,32.12c-1.91,6.65-5.5,12.2-10.52,16.92
			c-7.41,6.96-15.44,13.07-24.3,18.09c-0.63,0.35-1.39,0.57-1.7,1.34c0,0-0.01-0.01-0.01-0.01c-0.34-0.01-0.63,0.1-0.84,0.38
			c0,0,0.1-0.06,0.1-0.06c-0.17,0.1-0.34,0.19-0.51,0.29c0,0,0.03-0.01,0.03-0.01c-0.31,0.11-0.63,0.23-0.94,0.34
			c-4.55,2.08-9.09,4.19-13.87,5.72c-0.27,0.09-0.59,0.05-0.89,0.06c0.19-0.16,0.35-0.36,0.57-0.47
			c7.98-4.15,14.76-9.83,20.98-16.27c5.59-5.78,11.12-11.6,14.85-18.83c1.69-3.28,2.86-6.67,2.11-10.49
			c-0.62-3.16-1.39-6.27-2.31-9.34c-2.85-9.52-6.19-18.89-8.74-28.51c-2.7-10.17-5.03-20.39-3.89-31.05
			c0.51-4.71,1.9-9.04,4.88-12.79c0.26-0.33,0.83-0.62,0.41-1.3c-1.8,0.61-3.27,1.72-4.64,2.96c-5.47,4.96-8.91,11.31-12.11,17.81
			c-4.7,9.55-8.2,19.58-11.63,29.63c-0.17,0.5-0.16,1.27-0.77,1.37c-0.7,0.12-0.78-0.68-1-1.13c-6.99-14.55-13.1-29.44-17-45.16
			c-2.63-10.6-4.22-21.32-3.02-32.28c0.28-2.57,0.79-5.11,1.19-7.67c0,0,0.02,0.03,0.02,0.03c-0.94,0.57-1.44,1.51-2.01,2.38
			c-3.66,5.65-5.95,11.91-7.82,18.32c-5.13,17.54-7.6,35.56-9.69,53.65c-0.42,3.64-0.79,7.28-1.23,11.33
			c-1.24-1.91-2.2-3.48-3.25-4.98c-4.3-6.19-9.34-11.8-13.94-17.76c-7.79-10.08-13.83-21.01-16.75-33.52
			c-0.09-0.41-0.03-0.98-0.76-1.19c-0.08,0.7-0.17,1.3-0.21,1.91c-0.33,5.37-1.32,10.64-2.52,15.88
			c-2.08,9.09-5.22,17.88-7.79,26.84c-2.19,7.65-3.61,15.41-2.51,23.38c1.82,13.23,9.36,23.33,18.48,32.35
			c6.6,6.52,14.9,10.69,22.99,15.07c8.52,4.61,17.3,8.73,25.66,13.63c0.73,0.43,1.63,0.67,1.94,1.6
			c-7.22-2.74-14.52-5.25-21.92-7.47C198.56,365.55,196.02,364.86,193.48,364.14z"/>
		<path class="red" d="M223,373.77c-0.31-0.94-1.21-1.18-1.94-1.6c-8.36-4.9-17.15-9.02-25.66-13.63
			c-8.09-4.38-16.39-8.55-22.99-15.07c-9.13-9.02-16.66-19.12-18.48-32.35c-1.1-7.97,0.32-15.73,2.51-23.38
			c2.56-8.95,5.71-17.74,7.79-26.84c1.2-5.24,2.18-10.51,2.52-15.88c0.04-0.61,0.13-1.21,0.21-1.91c0.72,0.21,0.66,0.78,0.76,1.19
			c2.92,12.5,8.96,23.44,16.75,33.52c4.6,5.95,9.64,11.57,13.94,17.76c1.05,1.51,2.01,3.07,3.25,4.98
			c0.44-4.05,0.81-7.69,1.23-11.33c2.08-18.09,4.56-36.11,9.69-53.65c1.87-6.41,4.16-12.67,7.82-18.32
			c0.56-0.87,1.07-1.82,2.01-2.38l-0.02-0.03c-0.4,2.56-0.91,5.1-1.19,7.67c-1.19,10.96,0.39,21.68,3.02,32.28
			c3.9,15.72,10,30.61,17,45.16c0.22,0.46,0.3,1.25,1,1.13c0.61-0.1,0.6-0.87,0.77-1.37c3.43-10.05,6.93-20.08,11.63-29.63
			c3.2-6.5,6.64-12.85,12.11-17.81c1.37-1.24,2.84-2.35,4.64-2.96c0.41,0.68-0.15,0.98-0.41,1.3c-2.98,3.75-4.37,8.08-4.88,12.79
			c-1.14,10.66,1.19,20.88,3.89,31.05c2.55,9.61,5.89,18.98,8.74,28.51c0.92,3.08,1.69,6.19,2.31,9.34
			c0.75,3.82-0.42,7.21-2.11,10.49c-3.73,7.23-9.26,13.05-14.85,18.83c-6.22,6.43-13,12.11-20.98,16.27
			c-0.21,0.11-0.38,0.31-0.57,0.47c-2.28,1.2-4.58,2.37-6.83,3.61c-0.74,0.41-1.33,0.49-1.99-0.11c-1-0.9-2.17-1.65-3.05-2.65
			c-1.48-1.69-3.15-3.09-5.09-4.19c-0.2-0.33-0.48-0.51-0.88-0.44c0,0-0.02-0.01-0.02-0.01c-0.13-0.33-0.37-0.46-0.72-0.4
			c0,0,0,0,0,0C223.7,373.85,223.41,373.68,223,373.77L223,373.77z M260.77,299.97c-0.4,0.29-0.79,0.59-1.2,0.87
			c-8.35,5.81-13.93,13.53-16.21,23.51c-0.93,4.09-1.74,8.21-2.65,12.3c-0.53,2.41-0.89,4.87-2.02,7.46
			c-9.92-14.47-15.39-30.26-18.13-47.14c-3.44,11.06-6.45,22.18-7.77,33.93c-18.22-14.72-32.08-32.84-45.47-51.41
			c-0.05,0.78,0.08,1.43,0.24,2.07c2.38,9.69,3.04,19.47,1.8,29.39c-0.41,3.3-0.63,6.64-0.77,9.97c-0.2,4.77,1.1,9.14,3.85,13.08
			c2.61,3.74,5.91,6.79,9.42,9.63c6.54,5.29,13.69,9.69,20.85,14.06c7,4.27,14.25,8.12,21.34,12.24c3.54,2.06,7.39,3.67,11.01,5.67
			c0.64,0.35,1.16,0.21,1.75,0.02c3.2-0.99,6.22-2.38,9.12-4.05c6.75-3.9,12.87-8.51,17.01-15.32c2.23-3.67,3.16-7.51,2.29-11.85
			c-1.32-6.54-3.27-12.92-4.63-19.44c-1.32-6.3-2.28-12.62-1.28-19.1c0.31-2.01,1.4-3.81,1.43-5.87l0.1,0L260.77,299.97z"/>
		<polygon class="red" points="291.07,179.08 291.13,179.04 291.06,179.07 		"/>
		<path class="red" d="M222.39,214.88c0,0-0.02-0.03-0.02-0.03C222.37,214.85,222.39,214.88,222.39,214.88z"/>
		<path class="red" d="M260.74,299.99c-0.03,2.06-1.11,3.86-1.42,5.88c-1,6.48-0.04,12.79,1.28,19.1c1.37,6.52,3.32,12.9,4.63,19.44
			c0.87,4.34-0.06,8.18-2.29,11.85c-4.14,6.8-10.25,11.42-17.01,15.32c-2.89,1.67-5.92,3.06-9.12,4.05
			c-0.59,0.18-1.11,0.33-1.75-0.02c-3.62-2-7.46-3.6-11.01-5.67c-7.09-4.12-14.33-7.97-21.34-12.24
			c-7.17-4.37-14.31-8.77-20.85-14.06c-3.51-2.84-6.81-5.89-9.42-9.63c-2.74-3.93-4.05-8.31-3.85-13.08
			c0.14-3.33,0.36-6.66,0.77-9.97c1.23-9.92,0.58-19.7-1.8-29.39c-0.16-0.65-0.29-1.3-0.24-2.07
			c13.39,18.57,27.25,36.69,45.47,51.41c1.33-11.75,4.33-22.87,7.77-33.93c2.74,16.89,8.22,32.67,18.13,47.14
			c1.12-2.59,1.48-5.05,2.02-7.46c0.91-4.09,1.71-8.21,2.65-12.3c2.28-9.98,7.86-17.7,16.21-23.51c0.4-0.28,0.8-0.58,1.2-0.87
			L260.74,299.99z"/>
		<polygon class="red" points="260.77,299.97 260.83,299.99 260.74,299.99 		"/>
	</g>
</g>
<g id="Layer_3">
	<g>
		<path class="orange" d="M193.48,364.14c-3.64-1.69-7.51-2.8-11.28-4.13c-12.62-4.44-22.83-11.94-30.61-22.9
			c-5.09-7.16-10.14-14.29-13.61-22.42c-4.92-11.56-4.85-23.13-0.35-34.79c2.82-7.32,6.2-14.4,9.32-21.59
			c5.98-13.78,9.73-28.1,10.39-43.14c0.33-7.53,0.04-15.05-0.81-22.55c-0.07-0.58-0.39-1.18,0.28-2.1
			c11.47,27.76,24.12,54.79,33.12,83.34c11.96-51.39,25.64-102.21,44.68-151.44c0.17,0.04,0.34,0.08,0.51,0.12
			c-0.39,2.56-0.77,5.13-1.17,7.69c-2.18,13.72-3.82,27.51-4.33,41.4c-0.61,16.39-0.03,32.71,4.25,48.69
			c2.81,10.49,7.44,20.12,13.61,29.03c0.33,0.48,0.57,1.3,1.25,1.22c0.68-0.08,0.7-0.93,0.91-1.48
			c5.72-14.88,11.9-29.55,19.79-43.44c5.08-8.93,10.58-17.57,18.5-24.36c0.98-0.84,1.9-1.78,3.16-2.22l-0.01-0.01
			c-0.57,2.18-1.92,3.98-2.81,6.01c-4.84,11-6.53,22.57-6.56,34.48c-0.06,21.27,4.75,41.73,10.19,62.1
			c1.91,7.15,4.32,14.19,5.36,21.54c1.53,10.77,1.74,21.51-1.3,32.12c-1.91,6.65-5.5,12.2-10.52,16.92
			c-7.41,6.96-15.44,13.07-24.3,18.09c-0.63,0.35-1.39,0.57-1.7,1.34c0,0-0.01-0.01-0.01-0.01c-0.34-0.01-0.63,0.1-0.84,0.38
			c0,0,0.1-0.06,0.1-0.06c-0.17,0.1-0.34,0.19-0.51,0.29c0,0,0.03-0.01,0.03-0.01c-0.31,0.11-0.63,0.23-0.94,0.34
			c-4.55,2.08-9.09,4.19-13.87,5.72c-0.27,0.09-0.59,0.05-0.89,0.06c0.19-0.16,0.35-0.36,0.57-0.47
			c7.98-4.15,14.76-9.83,20.98-16.27c5.59-5.78,11.12-11.6,14.85-18.83c1.69-3.28,2.86-6.67,2.11-10.49
			c-0.62-3.16-1.39-6.27-2.31-9.34c-2.85-9.52-6.19-18.89-8.74-28.51c-2.7-10.17-5.03-20.39-3.89-31.05
			c0.51-4.71,1.9-9.04,4.88-12.79c0.26-0.33,0.83-0.62,0.41-1.3c-1.8,0.61-3.27,1.72-4.64,2.96c-5.47,4.96-8.91,11.31-12.11,17.81
			c-4.7,9.55-8.2,19.58-11.63,29.63c-0.17,0.5-0.16,1.27-0.77,1.37c-0.7,0.12-0.78-0.68-1-1.13c-6.99-14.55-13.1-29.44-17-45.16
			c-2.63-10.6-4.22-21.32-3.02-32.28c0.28-2.57,0.79-5.11,1.19-7.67c0,0,0.02,0.03,0.02,0.03c-0.94,0.57-1.44,1.51-2.01,2.38
			c-3.66,5.65-5.95,11.91-7.82,18.32c-5.13,17.54-7.6,35.56-9.69,53.65c-0.42,3.64-0.79,7.28-1.23,11.33
			c-1.24-1.91-2.2-3.48-3.25-4.98c-4.3-6.19-9.34-11.8-13.94-17.76c-7.79-10.08-13.83-21.01-16.75-33.52
			c-0.09-0.41-0.03-0.98-0.76-1.19c-0.08,0.7-0.17,1.3-0.21,1.91c-0.33,5.37-1.32,10.64-2.52,15.88
			c-2.08,9.09-5.22,17.88-7.79,26.84c-2.19,7.65-3.61,15.41-2.51,23.38c1.82,13.23,9.36,23.33,18.48,32.35
			c6.6,6.52,14.9,10.69,22.99,15.07c8.52,4.61,17.3,8.73,25.66,13.63c0.73,0.43,1.63,0.67,1.94,1.6
			c-7.22-2.74-14.52-5.25-21.92-7.47C198.56,365.55,196.02,364.86,193.48,364.14z"/>
		<path class="orange" d="M223,373.77c-0.31-0.94-1.21-1.18-1.94-1.6c-8.36-4.9-17.15-9.02-25.66-13.63
			c-8.09-4.38-16.39-8.55-22.99-15.07c-9.13-9.02-16.66-19.12-18.48-32.35c-1.1-7.97,0.32-15.73,2.51-23.38
			c2.56-8.95,5.71-17.74,7.79-26.84c1.2-5.24,2.18-10.51,2.52-15.88c0.04-0.61,0.13-1.21,0.21-1.91c0.72,0.21,0.66,0.78,0.76,1.19
			c2.92,12.5,8.96,23.44,16.75,33.52c4.6,5.95,9.64,11.57,13.94,17.76c1.05,1.51,2.01,3.07,3.25,4.98
			c0.44-4.05,0.81-7.69,1.23-11.33c2.08-18.09,4.56-36.11,9.69-53.65c1.87-6.41,4.16-12.67,7.82-18.32
			c0.56-0.87,1.07-1.82,2.01-2.38l-0.02-0.03c-0.4,2.56-0.91,5.1-1.19,7.67c-1.19,10.96,0.39,21.68,3.02,32.28
			c3.9,15.72,10,30.61,17,45.16c0.22,0.46,0.3,1.25,1,1.13c0.61-0.1,0.6-0.87,0.77-1.37c3.43-10.05,6.93-20.08,11.63-29.63
			c3.2-6.5,6.64-12.85,12.11-17.81c1.37-1.24,2.84-2.35,4.64-2.96c0.41,0.68-0.15,0.98-0.41,1.3c-2.98,3.75-4.37,8.08-4.88,12.79
			c-1.14,10.66,1.19,20.88,3.89,31.05c2.55,9.61,5.89,18.98,8.74,28.51c0.92,3.08,1.69,6.19,2.31,9.34
			c0.75,3.82-0.42,7.21-2.11,10.49c-3.73,7.23-9.26,13.05-14.85,18.83c-6.22,6.43-13,12.11-20.98,16.27
			c-0.21,0.11-0.38,0.31-0.57,0.47c-2.28,1.2-4.58,2.37-6.83,3.61c-0.74,0.41-1.33,0.49-1.99-0.11c-1-0.9-2.17-1.65-3.05-2.65
			c-1.48-1.69-3.15-3.09-5.09-4.19c-0.2-0.33-0.48-0.51-0.88-0.44c0,0-0.02-0.01-0.02-0.01c-0.13-0.33-0.37-0.46-0.72-0.4
			c0,0,0,0,0,0C223.7,373.85,223.41,373.68,223,373.77L223,373.77z M260.77,299.97c-0.4,0.29-0.79,0.59-1.2,0.87
			c-8.35,5.81-13.93,13.53-16.21,23.51c-0.93,4.09-1.74,8.21-2.65,12.3c-0.53,2.41-0.89,4.87-2.02,7.46
			c-9.92-14.47-15.39-30.26-18.13-47.14c-3.44,11.06-6.45,22.18-7.77,33.93c-18.22-14.72-32.08-32.84-45.47-51.41
			c-0.05,0.78,0.08,1.43,0.24,2.07c2.38,9.69,3.04,19.47,1.8,29.39c-0.41,3.3-0.63,6.64-0.77,9.97c-0.2,4.77,1.1,9.14,3.85,13.08
			c2.61,3.74,5.91,6.79,9.42,9.63c6.54,5.29,13.69,9.69,20.85,14.06c7,4.27,14.25,8.12,21.34,12.24c3.54,2.06,7.39,3.67,11.01,5.67
			c0.64,0.35,1.16,0.21,1.75,0.02c3.2-0.99,6.22-2.38,9.12-4.05c6.75-3.9,12.87-8.51,17.01-15.32c2.23-3.67,3.16-7.51,2.29-11.85
			c-1.32-6.54-3.27-12.92-4.63-19.44c-1.32-6.3-2.28-12.62-1.28-19.1c0.31-2.01,1.4-3.81,1.43-5.87l0.1,0L260.77,299.97z"/>
		<polygon class="orange" points="291.07,179.08 291.13,179.04 291.06,179.07 		"/>
		<path class="orange" d="M222.39,214.88c0,0-0.02-0.03-0.02-0.03C222.37,214.85,222.39,214.88,222.39,214.88z"/>
		<path class="orange" d="M260.74,299.99c-0.03,2.06-1.11,3.86-1.42,5.88c-1,6.48-0.04,12.79,1.28,19.1c1.37,6.52,3.32,12.9,4.63,19.44
			c0.87,4.34-0.06,8.18-2.29,11.85c-4.14,6.8-10.25,11.42-17.01,15.32c-2.89,1.67-5.92,3.06-9.12,4.05
			c-0.59,0.18-1.11,0.33-1.75-0.02c-3.62-2-7.46-3.6-11.01-5.67c-7.09-4.12-14.33-7.97-21.34-12.24
			c-7.17-4.37-14.31-8.77-20.85-14.06c-3.51-2.84-6.81-5.89-9.42-9.63c-2.74-3.93-4.05-8.31-3.85-13.08
			c0.14-3.33,0.36-6.66,0.77-9.97c1.23-9.92,0.58-19.7-1.8-29.39c-0.16-0.65-0.29-1.3-0.24-2.07
			c13.39,18.57,27.25,36.69,45.47,51.41c1.33-11.75,4.33-22.87,7.77-33.93c2.74,16.89,8.22,32.67,18.13,47.14
			c1.12-2.59,1.48-5.05,2.02-7.46c0.91-4.09,1.71-8.21,2.65-12.3c2.28-9.98,7.86-17.7,16.21-23.51c0.4-0.28,0.8-0.58,1.2-0.87
			L260.74,299.99z"/>
		<polygon class="orange" points="260.77,299.97 260.83,299.99 260.74,299.99 		"/>
	</g>
</g>
<g id="Layer_4">
	<g>
		<path class="yellow" d="M223,375.16c-0.31-0.94-1.21-1.18-1.94-1.6c-8.36-4.9-17.15-9.02-25.66-13.63
			c-8.09-4.38-16.39-8.55-22.99-15.07c-9.13-9.02-16.66-19.12-18.48-32.35c-1.1-7.97,0.32-15.73,2.51-23.38
			c2.56-8.95,5.71-17.74,7.79-26.84c1.2-5.24,2.18-10.51,2.52-15.88c0.04-0.61,0.13-1.21,0.21-1.91c0.72,0.21,0.66,0.78,0.76,1.19
			c2.92,12.5,8.96,23.44,16.75,33.52c4.6,5.95,9.64,11.57,13.94,17.76c1.05,1.51,2.01,3.07,3.25,4.98
			c0.44-4.05,0.81-7.69,1.23-11.33c2.08-18.09,4.56-36.11,9.69-53.65c1.87-6.41,4.16-12.67,7.82-18.32
			c0.56-0.87,1.07-1.82,2.01-2.38l-0.02-0.03c-0.4,2.56-0.91,5.1-1.19,7.67c-1.19,10.96,0.39,21.68,3.02,32.28
			c3.9,15.72,10,30.61,17,45.16c0.22,0.46,0.3,1.25,1,1.13c0.61-0.1,0.6-0.87,0.77-1.37c3.43-10.05,6.93-20.08,11.63-29.63
			c3.2-6.5,6.64-12.85,12.11-17.81c1.37-1.24,2.84-2.35,4.64-2.96c0.41,0.68-0.15,0.98-0.41,1.3c-2.98,3.75-4.37,8.08-4.88,12.79
			c-1.14,10.66,1.19,20.88,3.89,31.05c2.55,9.61,5.89,18.98,8.74,28.51c0.92,3.08,1.69,6.19,2.31,9.34
			c0.75,3.82-0.42,7.21-2.11,10.49c-3.73,7.23-9.26,13.05-14.85,18.83c-6.22,6.43-13,12.11-20.98,16.27
			c-0.21,0.11-0.38,0.31-0.57,0.47c-2.28,1.2-4.58,2.37-6.83,3.61c-0.74,0.41-1.33,0.49-1.99-0.11c-1-0.9-2.17-1.65-3.05-2.65
			c-1.48-1.69-3.15-3.09-5.09-4.19c-0.2-0.33-0.48-0.51-0.88-0.44c0,0-0.02-0.01-0.02-0.01c-0.13-0.33-0.37-0.46-0.72-0.4
			c0,0,0,0,0,0C223.7,375.24,223.41,375.06,223,375.16L223,375.16z M260.77,301.36c-0.4,0.29-0.79,0.59-1.2,0.87
			c-8.35,5.81-13.93,13.53-16.21,23.51c-0.93,4.09-1.74,8.21-2.65,12.3c-0.53,2.41-0.89,4.87-2.02,7.46
			c-9.92-14.47-15.39-30.26-18.13-47.14c-3.44,11.06-6.45,22.18-7.77,33.93c-18.22-14.72-32.08-32.84-45.47-51.41
			c-0.05,0.78,0.08,1.43,0.24,2.07c2.38,9.69,3.04,19.47,1.8,29.39c-0.41,3.3-0.63,6.64-0.77,9.97c-0.2,4.77,1.1,9.14,3.85,13.08
			c2.61,3.74,5.91,6.79,9.42,9.63c6.54,5.29,13.69,9.69,20.85,14.06c7,4.27,14.25,8.12,21.34,12.24c3.54,2.06,7.39,3.67,11.01,5.67
			c0.64,0.35,1.16,0.21,1.75,0.02c3.2-0.99,6.22-2.38,9.12-4.05c6.75-3.9,12.87-8.51,17.01-15.32c2.23-3.67,3.16-7.51,2.29-11.85
			c-1.32-6.54-3.27-12.92-4.63-19.44c-1.32-6.3-2.28-12.62-1.28-19.1c0.31-2.01,1.4-3.81,1.43-5.87l0.1,0L260.77,301.36z"/>
		<path class="yellow" d="M222.39,216.27c0,0-0.02-0.03-0.02-0.03C222.37,216.24,222.39,216.27,222.39,216.27z"/>
		<path class="yellow" d="M260.74,301.38c-0.03,2.06-1.11,3.86-1.42,5.88c-1,6.48-0.04,12.79,1.28,19.1c1.37,6.52,3.32,12.9,4.63,19.44
			c0.87,4.34-0.06,8.18-2.29,11.85c-4.14,6.8-10.25,11.42-17.01,15.32c-2.89,1.67-5.92,3.06-9.12,4.05
			c-0.59,0.18-1.11,0.33-1.75-0.02c-3.62-2-7.46-3.6-11.01-5.67c-7.09-4.12-14.33-7.97-21.34-12.24
			c-7.17-4.37-14.31-8.77-20.85-14.06c-3.51-2.84-6.81-5.89-9.42-9.63c-2.74-3.93-4.05-8.31-3.85-13.08
			c0.14-3.33,0.36-6.66,0.77-9.97c1.23-9.92,0.58-19.7-1.8-29.39c-0.16-0.65-0.29-1.3-0.24-2.07
			c13.39,18.57,27.25,36.69,45.47,51.41c1.33-11.75,4.33-22.87,7.77-33.93c2.74,16.89,8.22,32.67,18.13,47.14
			c1.12-2.59,1.48-5.05,2.02-7.46c0.91-4.09,1.71-8.21,2.65-12.3c2.28-9.98,7.86-17.7,16.21-23.51c0.4-0.28,0.8-0.58,1.2-0.87
			L260.74,301.38z"/>
		<polygon class="yellow" points="260.77,301.36 260.83,301.38 260.74,301.38 		"/>
	</g>
</g>
<g id="Layer_5">
	<path class="lightyellow" d="M260.74,299.99c-0.03,2.06-1.11,3.86-1.42,5.88c-1,6.48-0.04,12.79,1.28,19.1c1.37,6.52,3.32,12.9,4.63,19.44
		c0.87,4.34-0.06,8.18-2.29,11.85c-4.14,6.8-10.25,11.42-17.01,15.32c-2.89,1.67-5.92,3.06-9.12,4.05
		c-0.59,0.18-1.11,0.33-1.75-0.02c-3.62-2-7.46-3.6-11.01-5.67c-7.09-4.12-14.33-7.97-21.34-12.24
		c-7.17-4.37-14.31-8.77-20.85-14.06c-3.51-2.84-6.81-5.89-9.42-9.63c-2.74-3.93-4.05-8.31-3.85-13.08
		c0.14-3.33,0.36-6.66,0.77-9.97c1.23-9.92,0.58-19.7-1.8-29.39c-0.16-0.65-0.29-1.3-0.24-2.07c13.39,18.57,27.25,36.69,45.47,51.41
		c1.33-11.75,4.33-22.87,7.77-33.93c2.74,16.89,8.22,32.67,18.13,47.14c1.12-2.59,1.48-5.05,2.02-7.46
		c0.91-4.09,1.71-8.21,2.65-12.3c2.28-9.98,7.86-17.7,16.21-23.51c0.4-0.28,0.8-0.58,1.2-0.87L260.74,299.99z"/>
</g>
</svg>

</div>
            
          
!
            
              html {
  margin:0;
  padding:0;
  width:100%;
}

body {
  margin:0;
  padding:0;
  width:100%;
  text-align:center;
  height:100vh;
  display:table;
}

.wrapper {
  position:absolute;
  top:45%;
  left:50%;
  transform:translate(-50%, -50%);
  width:25%;
  margin-top:5vh;
}

.red {
  animation-name: flameWobble;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.orange {
  animation-name: flameGrow;
  animation-duration: 2.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.yellow {
    animation-name: flameWobble;
  animation-duration: 3.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.lightyellow {
    animation-name: flameGrow;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes flameWobble {
  0% {
    fill:red;
  }
  
  50% {
    transform: scale(1, 1.05) rotate(-2.5deg);
    fill: #ffb612;
  }
  
  100% {
    fill: red;
    rotate(2.5deg);
  }
}

@keyframes flameGrow {
  0% {
    fill:yellow;
  }
  
  50% {
    transform: scale(1.05) rotate(1.5deg);
    fill:#ee3124;
  }
  
  100% {
    fill: orange;
  }
}

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console