css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

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.

            
              	<svg xmlns="http://www.w3.org/2000/svg" viewBox="400 250 1200 1500">
<g id="Bass-And-Amp">
	<g id="Bass-Amp">
		<ellipse id="Bass-Amp-Shadow" opacity="0.3" cx="824.1" cy="1431.3" rx="251.7" ry="25.8"/>
		<g id="Bass-Cab">
			<path fill="#0891BA" stroke="#333333" stroke-width="9" stroke-miterlimit="10" d="M1075.5,737.3c0-6.5-5.3-11.8-11.8-11.8H584.3
				c-6.5,0-11.8,5.3-11.8,11.8v683.4c0,6.5,5.3,11.8,11.8,11.8h479.4c6.5,0,11.8-5.3,11.8-11.8V737.3z"/>
			<g id="bass-Amp-Speaker">
				<path fill="#979797" stroke="#333333" stroke-width="9" stroke-miterlimit="10" d="M1054.5,1399.5c0,6.6-5.4,12-12,12h-437
					c-6.6,0-12-5.4-12-12v-641c0-6.6,5.4-12,12-12h437c6.6,0,12,5.4,12,12V1399.5z"/>
				<g opacity="0.3">
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="760" x2="1055" y2="760"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="772" x2="1055" y2="772"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="784" x2="1055" y2="784"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="796" x2="1055" y2="796"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="808" x2="1055" y2="808"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="820" x2="1055" y2="820"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="832" x2="1055" y2="832"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="844" x2="1055" y2="844"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="856" x2="1055" y2="856"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="868" x2="1055" y2="868"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="880" x2="1055" y2="880"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="892" x2="1055" y2="892"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="904" x2="1055" y2="904"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="916" x2="1055" y2="916"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="929" x2="1055" y2="929"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="941" x2="1055" y2="941"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="953" x2="1055" y2="953"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="965" x2="1055" y2="965"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="977" x2="1055" y2="977"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="989" x2="1055" y2="989"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1001" x2="1055" y2="1001"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1013" x2="1055" y2="1013"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1025" x2="1055" y2="1025"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1037" x2="1055" y2="1037"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1049" x2="1055" y2="1049"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1061" x2="1055" y2="1061"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1073" x2="1055" y2="1073"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1085" x2="1055" y2="1085"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1097" x2="1055" y2="1097"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1109" x2="1055" y2="1109"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1121" x2="1055" y2="1121"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1133" x2="1055" y2="1133"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1145" x2="1055" y2="1145"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1157" x2="1055" y2="1157"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1169" x2="1055" y2="1169"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1181" x2="1055" y2="1181"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1193" x2="1055" y2="1193"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1205" x2="1055" y2="1205"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1217" x2="1055" y2="1217"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1229" x2="1055" y2="1229"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1242" x2="1055" y2="1242"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1254" x2="1055" y2="1254"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1266" x2="1055" y2="1266"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1278" x2="1055" y2="1278"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1290" x2="1055" y2="1290"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1302" x2="1055" y2="1302"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1314" x2="1055" y2="1314"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1326" x2="1055" y2="1326"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1338" x2="1055" y2="1338"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1350" x2="1055" y2="1350"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1362" x2="1055" y2="1362"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1374" x2="1055" y2="1374"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1386" x2="1055" y2="1386"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="593" y1="1398" x2="1055" y2="1398"/>
				</g>
				<path fill="none" stroke="#333333" stroke-width="9" stroke-miterlimit="10" d="M1054.5,1399.5c0,6.6-5.4,12-12,12h-437
					c-6.6,0-12-5.4-12-12v-641c0-6.6,5.4-12,12-12h437c6.6,0,12,5.4,12,12V1399.5z"/>
			</g>
			<path opacity="0.9" fill="#39A7C8" d="M1064.1,729.5H584.5c-3.4,0-6.3,2.3-7.2,5.5h494C1070.4,731.8,1067.5,729.5,1064.1,729.5z"
				/>
		</g>
		<g id="Bass-Head">
			<g>
				<path fill="#0891BA" stroke="#333333" stroke-width="9" stroke-miterlimit="10" d="M1075.8,712.5c0,6.6-5.4,12-12,12h-479
					c-6.6,0-12-5.4-12-12V536.9c0-6.6,5.4-12,12-12h479c6.6,0,12,5.4,12,12V712.5z"/>
				<path opacity="0.9" fill="#39A7C8" d="M1063.8,529.4h-479c-3.4,0-6.3,2.3-7.2,5.5H1071C1070.1,531.8,1067.2,529.4,1063.8,529.4z
					"/>
			</g>
			<g>
				<path fill="#979797" stroke="#333333" stroke-width="9" stroke-miterlimit="10" d="M1054.8,695.7c0,5.4-4.9,9.7-11,9.7h-439
					c-6.1,0-11-4.3-11-9.7v-142c0-5.4,4.9-9.7,11-9.7h439c6.1,0,11,4.3,11,9.7V695.7z"/>
				<g opacity="0.3">
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="594" y1="638" x2="1055" y2="638"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="594" y1="649" x2="1055" y2="649"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="594" y1="660" x2="1055" y2="660"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="594" y1="671" x2="1055" y2="671"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="594" y1="682" x2="1055" y2="682"/>
					<line fill="none" stroke="#7C7C7C" stroke-width="6" stroke-miterlimit="10" x1="594" y1="693" x2="1055" y2="693"/>
				</g>

					<path fill="#FDFFFC" stroke="#333333" stroke-width="9" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
					M1054.5,553.7c0-5.4-4.6-9.2-10.7-9.2h-439c-6.1,0-11.3,3.9-11.3,9.2v71.8h461V553.7z"/>
				<path fill="none" stroke="#333333" stroke-width="9" stroke-miterlimit="10" d="M1054.8,695.7c0,5.4-4.9,9.7-11,9.7h-439
					c-6.1,0-11-4.3-11-9.7v-142c0-5.4,4.9-9.7,11-9.7h439c6.1,0,11,4.3,11,9.7V695.7z"/>
			</g>
			<g>
				<g>
					<path fill="none" stroke="#7C7C7C" stroke-width="3" stroke-miterlimit="10" d="M1033.5,596.5c0,6.6-5.4,12-12,12h-334
						c-6.6,0-12-5.4-12-12v-22c0-6.6,5.4-12,12-12h334c6.6,0,12,5.4,12,12V596.5z"/>
					<g>
						<g>

								<circle fill="#2EC4B6" stroke="#333333" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="999" cy="584.2" r="11.6"/>
							<path fill="#333333" d="M1002.4,578.7c-0.8-0.8-2.1-0.8-2.8,0c-0.8,0.8-0.8,2,0,2.8c0.4,0.4,0.9,0.6,1.4,0.6
								c0.5,0,1-0.2,1.4-0.6C1003.2,580.7,1003.2,579.5,1002.4,578.7z"/>
						</g>
						<g>

								<circle fill="#2EC4B6" stroke="#333333" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="927.5" cy="584.2" r="11.6"/>
							<path fill="#333333" d="M930.9,578.7c-0.8-0.8-2.1-0.8-2.8,0c-0.8,0.8-0.8,2,0,2.8c0.4,0.4,0.9,0.6,1.4,0.6s1-0.2,1.4-0.6
								C931.7,580.7,931.7,579.5,930.9,578.7z"/>
						</g>
						<g>

								<path fill="#2EC4B6" stroke="#333333" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
								M862.5,574.5c5.3,3.6,6.7,10.8,3.2,16.1c-3.6,5.3-10.8,6.7-16.1,3.1c-5.3-3.6-6.7-10.8-3.1-16.1
								C850,572.4,857.2,571,862.5,574.5z"/>
							<path fill="#333333" d="M855.5,579.3c-0.2-1-1-1.7-2-1.7l-0.3,0c-1.1,0.2-1.8,1.2-1.6,2.3c0.2,1,1,1.7,2,1.7l0.3,0
								C855,581.4,855.7,580.3,855.5,579.3z"/>
						</g>
						<g>

								<path fill="#2EC4B6" stroke="#333333" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
								M795.2,588.8c-2.6,5.9-9.4,8.5-15.3,6c-5.9-2.6-8.5-9.4-6-15.3c2.6-5.9,9.4-8.5,15.3-6C795.1,576.1,797.7,582.9,795.2,588.8z
								"/>
							<path fill="#333333" d="M789.9,581c-0.4-1-1.6-1.5-2.6-1.2c-0.5,0.2-0.9,0.5-1.1,1c-0.2,0.5-0.3,1-0.1,1.5
								c0.3,0.8,1,1.3,1.9,1.3c0.2,0,0.5,0,0.7-0.1C789.7,583.1,790.2,582,789.9,581z"/>
						</g>
						<g>

								<circle fill="#2EC4B6" stroke="#333333" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="713.1" cy="584.2" r="11.6"/>
							<path fill="#333333" d="M709.7,580c-0.8-0.8-2.1-0.8-2.8,0c-0.8,0.8-0.8,2,0,2.8c0.4,0.4,0.9,0.6,1.4,0.6s1-0.2,1.4-0.6
								C710.5,582.1,710.5,580.8,709.7,580z"/>
						</g>
					</g>
				</g>
				<g>
					<path fill="none" stroke="#7C7C7C" stroke-width="3" stroke-miterlimit="10" d="M660.5,596.5c0,6.6-5.4,12-12,12h-22
						c-6.6,0-12-5.4-12-12v-22c0-6.6,5.4-12,12-12h22c6.6,0,12,5.4,12,12V596.5z"/>

						<rect x="630" y="574" fill="#E71D36" stroke="#333333" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="14" height="23"/>
				</g>
			</g>
			<g>

					<path fill="#333333" stroke="#FDFFFC" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
					M729,679c0,6.6-5.4,12-12,12h-95c-6.6,0-12-5.4-12-12v-27c0-6.6,5.4-12,12-12h95c6.6,0,12,5.4,12,12V679z"/>
				<g>
					<path fill="#FDFFFC" d="M641.2,647.9c-4,0-8.4,4.7-11.9,10.2c-0.8-0.1-1.4-0.1-2-0.1c-3.5,0-6.6,1.8-6.6,3.9
						c0,1.5,1,2.1,1.9,2.1c1.5,0,2.1-0.6,2.1-1.3c0-0.5-0.3-1.1-0.4-1.1c0.5-1.2,1.9-1.6,4-1.8c-3,5.2-5,10.7-5,13.6
						c0,3.6,2.2,3.7,4.6,3.8c0-0.3-0.5-0.2-0.5-1.9c0-3.5,1.8-10,4.4-15.5c1.5,0.1,2.9,0.5,4.6,1.2l-2.6,12.4h4.9l5.3-25.1
						C643.1,648.1,642,647.9,641.2,647.9z M636.6,659.7c-1.3-0.5-2.8-0.9-4.2-1.2c1.9-3.8,4.1-7,6.2-8.1L636.6,659.7z"/>
					<path fill="#FDFFFC" d="M677.7,656.5c-0.9,0-1.7,0.2-2.4,0.6l0.1-0.6h-4.9l-2.9,13.5c-0.5,0.4-1,0.7-1.5,0.7
						c-1.1,0-1.4-0.6-1.4-1.4c0-0.4,0.1-0.9,0.2-1.3l1.4-6.5c0-0.3,0.1-0.5,0.1-0.8c0-2.3-2-4.3-3.9-4.3c-1.7,0-3.5,1.1-5,2.2
						c-0.8-1.3-2.1-2.2-3.4-2.2c-1.5,0-3,0.8-4.4,1.8l0.4-1.8h-4.9l-3.6,17h4.9l2.9-13.8c0.7-0.5,1.3-0.7,2.1-0.7
						c0.9,0,1.6,0.8,1.6,2c0,0.3,0,0.6-0.1,0.9l-2.5,11.6h4.9l2.5-12c0-0.2,0.1-0.5,0.1-0.7c0-0.4-0.1-0.8-0.2-1.2
						c0.6-0.4,1.2-0.6,2-0.6c0.9,0,1.6,0.8,1.6,2c0,0.3,0,0.6-0.1,0.9l-1.3,6.1c-0.1,0.6-0.2,1.2-0.2,1.7c0,2.6,1.6,3.7,4.2,3.7
						c1.1,0,2.2-0.7,3.2-1.7l-2.2,10.2l5.1-1.2l1.8-8.3c1,0.6,2.1,1,3.2,1c3.5,0,6.4-2.5,7.5-9.8c0.1-0.9,0.2-1.7,0.2-2.4
						C683,657.8,681.3,656.5,677.7,656.5z M678.4,664.1c-1.1,5.4-1.9,6.9-3.6,6.9c-0.5,0-1.4,0-2.2-0.6l2.5-11.4
						c0.6-0.4,1.3-0.7,1.9-0.7c1.1,0,1.9,0.4,1.9,2.5C678.8,661.5,678.7,662.6,678.4,664.1z"/>
					<path fill="#FDFFFC" d="M714.8,669.2c0-0.4,0.1-0.8,0.2-1.2l3.9-18.4l-5,0.7l-3.7,17.7c-0.1,0.4-0.1,0.8-0.2,1.2
						c-0.8,0.6-1.6,1.1-2.3,1.1c-1.3,0-1.7-0.5-1.7-1.3c0-0.3,0.1-0.6,0.2-1.1l3.9-18.4l-5,0.7l-3.8,17.7c-0.1,0.5-0.2,0.9-0.2,1.3
						c-0.7,0.6-1.5,1-2.1,1c-1.4,0-1.7-0.5-1.7-1.3c0-0.3,0.1-0.7,0.1-1.1l2.5-11.6h-4.9l-0.2,0.9c-0.6-0.5-1.5-0.9-2.3-0.9
						c-6.8,0-8.9,7-8.9,12.9c0,2,1,4.3,4.2,4.3c2.1,0,3.6-1.4,4.6-2.8c0.4,1.8,1.9,2.6,4.2,2.6c1.4,0,3.1-1.2,4.6-2.6
						c0.4,1.8,1.9,2.6,4.1,2.6c1.4,0,3.2-1.3,4.8-2.7c0.3,1.6,1.4,2.7,3.4,2.7c1.2,0,2.6-0.2,3.5-3.1c-0.3,0.1-0.6,0.1-0.9,0.1
						C715,670.5,714.8,669.9,714.8,669.2z M692.4,668.1c-0.1,0.4-0.2,0.8-0.2,1.1c-0.6,1-1.4,1.7-2.2,1.7c-0.9,0-2-0.4-2-2.4
						c0-4.6,2-10,4.6-10c0.5,0,1.1,0.1,1.7,0.6L692.4,668.1z"/>
				</g>
			</g>
		</g>
<g id="sparks_2_v">
			<g class="sparks" id="spark-4_2_">
				<path fill="#FDE74C" d="M910.6,905.1c-0.9,0-1.8-0.4-2.4-1.2c-0.9-1.2-0.8-2.8,0.3-3.9l27.2-27.5l-7.7-3.3
					c-1-0.4-1.6-1.3-1.8-2.3s0.2-2.1,1-2.7l42-36.2c0.6-0.5,1.3-0.7,2-0.7c0.4,0,0.8,0.1,1.2,0.2l21.9,9.3c1,0.4,1.6,1.3,1.8,2.3
					s-0.2,2.1-1,2.7l-24.5,21.2l5.9,2.5c1.1,0.5,1.8,1.5,1.8,2.6c0,1.2-0.6,2.2-1.6,2.8L912,904.7
					C911.5,905,911.1,905.1,910.6,905.1z"/>
				<path d="M971.1,830.2l21.9,9.3l-28.2,24.3l10.3,4.4l-64.6,33.9l30.3-30.7l-11.8-5L971.1,830.2 M971.1,824.2
					c-1.4,0-2.8,0.5-3.9,1.5l-42,36.2c-1.6,1.4-2.3,3.4-2,5.5c0.3,2,1.7,3.8,3.6,4.6l3.6,1.5l-24.1,24.4c-2.1,2.1-2.3,5.4-0.6,7.8
					c1.2,1.6,3,2.4,4.8,2.4c0.9,0,1.9-0.2,2.8-0.7l64.6-33.9c2.1-1.1,3.3-3.2,3.2-5.6c-0.1-2.3-1.5-4.4-3.7-5.3l-1.4-0.6l20.9-18
					c1.6-1.4,2.3-3.4,2-5.5c-0.3-2-1.7-3.8-3.6-4.6l-21.9-9.3C972.7,824.3,971.9,824.2,971.1,824.2L971.1,824.2z"/>
			</g>
			<g class="sparks" id="spark-3_2_">
				<path fill="#FDE74C" d="M739.3,905.8c-0.6,0-1.1-0.2-1.6-0.5l-61.1-39.7c-1-0.6-1.5-1.8-1.3-2.9c0.2-1.1,1-2.1,2.1-2.5l6.1-1.9
					l-22.5-23.4c-0.7-0.7-1-1.8-0.7-2.8s1-1.8,2-2.1l22.7-7.2c0.3-0.1,0.6-0.1,0.9-0.1c0.8,0,1.6,0.3,2.2,0.9l38.4,40
					c0.7,0.7,1,1.8,0.7,2.8s-1,1.8-2,2.1l-8,2.5l24.5,29.9c0.9,1.1,0.9,2.8-0.1,3.9C740.9,905.4,740.1,905.8,739.3,905.8z"/>
				<path d="M685.7,825.6l38.4,40l-12.2,3.9l27.3,33.3l-61.1-39.7l10.7-3.4L663,832.8L685.7,825.6 M685.7,819.6
					c-0.6,0-1.2,0.1-1.8,0.3l-22.7,7.2c-2,0.6-3.5,2.2-4,4.2c-0.5,2,0.1,4.1,1.5,5.6l19.1,19.9l-1.5,0.5c-2.2,0.7-3.8,2.6-4.1,4.9
					s0.7,4.6,2.7,5.8l61.1,39.7c1,0.7,2.1,1,3.3,1c1.7,0,3.3-0.7,4.5-2c2-2.2,2-5.5,0.2-7.8l-21.7-26.5l3.7-1.2c2-0.6,3.5-2.2,4-4.2
					c0.5-2-0.1-4.1-1.5-5.6l-38.4-40C688.9,820.2,687.3,819.6,685.7,819.6L685.7,819.6z"/>
			</g>
			<g class="sparks" id="spark-1_2_">
				<path fill="#FDE74C" d="M679.6,1340.5c-0.5,0-0.9-0.1-1.3-0.3l-21.3-10.7c-0.9-0.5-1.5-1.4-1.6-2.4c-0.1-1,0.4-2,1.2-2.7
					l25.9-19.5l-5.7-2.9c-1-0.5-1.7-1.6-1.6-2.8c0-1.2,0.7-2.2,1.8-2.7l66.6-29.6c0.4-0.2,0.8-0.3,1.2-0.3c1,0,2,0.5,2.5,1.4
					c0.8,1.2,0.6,2.9-0.5,3.9l-28.9,25.7l7.5,3.8c0.9,0.5,1.5,1.4,1.6,2.4c0.1,1-0.4,2-1.2,2.7l-44.2,33.4
					C680.9,1340.3,680.2,1340.5,679.6,1340.5z"/>
				<path d="M744.6,1269.7L744.6,1269.7 M744.6,1269.7l-32.2,28.6l11.4,5.7l-44.2,33.4l-21.3-10.7l29.7-22.4l-10-5L744.6,1269.7
					 M744.6,1263.7c-0.3,0-0.6,0-0.9,0.1c-0.6,0.1-1.1,0.3-1.6,0.5l-66.5,29.5c-2.1,0.9-3.5,3-3.6,5.3c-0.1,2.3,1.2,4.5,3.3,5.5
					l1.4,0.7l-22,16.6c-1.7,1.2-2.5,3.3-2.4,5.3c0.2,2.1,1.4,3.9,3.3,4.8l21.3,10.7c0.9,0.4,1.8,0.6,2.7,0.6c1.3,0,2.6-0.4,3.6-1.2
					l44.2-33.4c1.7-1.2,2.5-3.3,2.4-5.3c-0.2-2.1-1.4-3.9-3.3-4.8l-3.5-1.8l25.5-22.7c1.3-1.1,2.1-2.7,2.1-4.5c0-3.2-2.5-5.8-5.6-6
					C744.9,1263.7,744.8,1263.7,744.6,1263.7L744.6,1263.7z"/>
			</g>
		</g>
	</g>
	<ellipse id="Bass-Shadow_1_" opacity="0.3" cx="991.3" cy="1591.1" rx="274.3" ry="12"/>
	<g id="Bass_Guitar_1_">
		<g>
			<g>
				<g>
					<path fill="#7C7C7C" d="M1127.9,1095.5c0,0-15.6,52.7,18.6,68c22.6,10.1,48.6-11.1,76.6-21.1c16.5-5.9,59.9,11.2,41.1,53.3
						c-6.1,13.7-5.1,14.4-35.8,50.2c-31.3,36.4-62.2,66.5-70.8,78.9c-8.7,12.4-44,50.3-42.6,130.2c1.4,80-1.7,87.6-33.5,98.1
						c-20.5,6.8-137.9,15.6-178.1,12.2c-42.9-3.6-130.4-13-166.4-44.1c-36.1-31.1-13.8-60.4-5-71.3c19.1-23.6,21.3-18.5,100.2-90.1
						c10.2-9.2,27.3-26.8,37.8-39.9c10.5-13.1,28.8-42.1,30.6-74.7c1.8-32.6-0.5-73.6,9.6-99.1c10.1-25.5,35.8-36.3,48.3-36.2
						c11.3,0.1,55.6,1.4,68.7,1.3c13.1-0.1,31.3-7.2,39.2-24.9L1127.9,1095.5z"/>
				</g>
				<g>
					<path fill="#5C5C5C" d="M926.2,1553c-8.9,0-16.2-0.4-21.7-0.9c-61.6-5.1-105.9-14.1-135.5-27.1c-9.7-4.3-17.5-9-23.2-13.9
						c-11.8-10.2-16.6-20.2-14.8-30.7c1.7-9.7,8.6-18.2,11.5-21.8c9.3-11.5,14-15.4,28.1-27.1c13.2-11,33.2-27.6,70.7-61.5
						c10.8-9.8,28.4-27.9,39.3-41.5c7.3-9.1,31.3-41.9,33.5-82.4c0.5-8.3,0.6-16.8,0.8-25.8l0-0.3c0.6-25.5,1.1-51.7,7.8-68.5
						c7.7-19.3,27.2-27.4,35.5-27.4h0.1c3.6,0,10.7,0,19,0.2l6.5,0c15.9,0.4,34,0.8,42.5,0.8l1,0c13.9-0.1,33.9-6.4,46.3-23.7
						l38.4,5.7c-0.8,6.1-1.2,11.9-1.1,17.4c0.6,25.3,11.3,43.7,30.1,52l0.2,0.1c5.6,2.5,11.6,3.7,17.9,3.7
						c15.5,0,30.7-7.3,45.4-14.5l3.8-1.8c6.5-3.1,13.1-6.4,19.5-8.7c0.2-0.1,1.1-0.3,2.9-0.3c3.4,0,7.4,0.9,11,2.5
						c3.6,1.6,10,5.3,12.7,12.1c2.2,5.6,1.4,12.6-2.3,20.9c-0.5,1.1-1,2.2-1.4,3.2c-4.3,9.7-5.4,12.4-32.3,43.7
						c-15.2,17.7-30.5,34.1-42.8,47.2c-13.9,14.9-23.9,25.6-28.9,32.7c-0.7,1-1.7,2.3-2.8,3.8l-0.1,0.1
						c-6.4,8.5-17.2,22.7-26.3,44.8c-11,26.6-16.3,56.7-15.7,89.5c0.7,37.1,0.3,59.3-3.6,70.4c-2.4,6.8-5.4,9.7-20.7,14.8
						C1061.3,1545.8,975.2,1553,926.2,1553C926.2,1553,926.2,1553,926.2,1553z"/>
					<path fill="#7C7C7C" d="M1075.5,1106l31.4,4.7c-0.5,4.8-0.7,9.4-0.6,13.7c0.7,27.1,12.3,47,32.8,56l0.2,0.1
						c6.2,2.7,12.8,4.1,19.7,4.1c16.6,0,32.2-7.6,47.4-14.9l0.6-0.3c1-0.5,2.1-1,3.2-1.5c6.3-3.1,12.9-6.3,19-8.4
						c0.1,0,0.6-0.1,1.4-0.1c2.7,0,6.2,0.8,9.2,2.1c3,1.3,8.2,4.3,10.3,9.6c1.7,4.5,1,10.3-2.2,17.4c-0.5,1.2-1,2.2-1.4,3.2
						c-4.1,9.3-5.1,11.7-31.6,42.6c-15.1,17.6-30.4,34-42.7,47.1l-0.1,0.1c-14,15-24.1,25.8-29.2,33.2c-0.6,0.9-1.6,2.2-2.7,3.7
						l-0.1,0.1c-6.6,8.7-17.5,23.1-26.9,45.8c-11.3,27.1-16.7,57.9-16.1,91.3c0.7,36.6,0.3,58.4-3.3,68.9
						c-1.5,4.4-2.3,6.7-17.8,11.8c-14.1,4.6-98.3,12.1-149.7,12.1c-8.8,0-16-0.2-21.4-0.7c-61.1-5.1-104.9-13.8-134.1-26.6
						c-9.3-4.1-16.7-8.5-22.1-13.2c-14-12.1-14.3-20.9-13.3-26.5c1.5-8.5,7.8-16.4,10.6-19.8c9-11.1,13.3-14.7,27.5-26.5
						c13.3-11,33.3-27.6,70.8-61.7c10.9-9.9,28.7-28.3,39.8-42c7.5-9.3,32.2-43.1,34.5-85c0.5-8.4,0.6-16.9,0.8-26l0-0.3
						c0.5-25.1,1.1-51.1,7.5-67.1c3.9-9.7,10.8-15.7,16-19.1c6.6-4.2,12.8-5.8,15.3-5.8h0.1c3.6,0,10.7,0.2,18.9,0.4l3.8,0.1
						l2.7-0.1c16,0.4,34.1,0.6,42.7,0.6h1c9.3,0,19.2-2.3,27.8-6.6C1063.1,1118.3,1070.1,1112.9,1075.5,1106 M1071.3,1096.3
						c-10.4,16.5-29,24-44.1,24.1c-0.3,0-0.6,0-0.9,0c-8.9,0-28.9-0.5-45.1-0.9c-10-0.2-18.6-0.5-22.8-0.5c-0.1,0-0.1,0-0.2,0
						c-9.4,0-31.2,9.1-39.7,30.5c-7,17.6-7.6,44.4-8.1,70.3c-0.2,9.1-0.4,17.6-0.8,25.9c-2.1,39.2-25.4,71-32.5,79.9
						c-10.7,13.4-28.2,31.3-38.8,41c-37.3,33.9-57.3,50.4-70.5,61.4c-14.4,11.9-19.2,15.9-28.8,27.7c-3.2,3.9-10.6,13.1-12.4,23.9
						c-2.1,12.2,3.3,23.6,16.3,34.9c6.1,5.2,14.3,10.1,24.4,14.6c30,13.2,74.8,22.2,136.9,27.3c5.8,0.5,13.4,0.7,22.1,0.7
						c49.6,0,136.3-7.2,152.5-12.5c15.9-5.2,20.5-8.6,23.5-17.4c4.1-11.8,4.5-33.5,3.8-72c-0.6-32.2,4.6-61.7,15.4-87.7
						c8.9-21.5,19.5-35.5,25.8-43.8c1.2-1.6,2.3-3,3-4.1c4.8-6.8,14.7-17.5,28.5-32.2c12.3-13.2,27.7-29.7,42.9-47.4
						c27.4-31.8,28.6-34.6,33.1-44.8c0.4-1,0.9-2,1.4-3.2c4.2-9.3,5-17.5,2.4-24.3c-3.2-8.3-10.8-12.7-15.1-14.6
						c-4.6-2-9.3-2.9-12.8-2.9c-1.8,0-3.3,0.2-4.4,0.6c-7.7,2.7-15.6,6.7-23.1,10.4c-14.5,7-29.4,14.3-44.1,14.3
						c-5.4,0-10.8-1-16.1-3.3l-0.2-0.1c-17.4-7.7-26.8-24.5-27.4-48c-0.2-7.9,0.7-15.5,1.7-21.1L1071.3,1096.3L1071.3,1096.3z"/>
				</g>
				<g>
					<g>
						<path fill="#FDFFFD" d="M1119.9,1171.1c5,5.3,10.9,9.5,17.8,12.5l0.2,0.1c5.6,2.5,12.6,4.1,19,4.5c0.8,0,1.7,0.1,2.6,0.1
							c10.4,0,20.7-3.4,29.3-6.7c6.6-2.5,12.8-5.7,18.9-8.8c3.8-1.9,7.8-4,11.7-5.7c5.6-2.5,10.2-3.8,14.1-3.8
							c4.7,0,8.2,1.8,11.2,5.5c8.8,11.1-2.9,26.5-14.6,40l-0.8,0.9c-0.6,0.7-1.9,2.3-3.9,4.7c-98.3,119.1-174.5,190.3-211.7,198.3
							L1119.9,1171.1z"/>
						<path fill="#333333" d="M1233.4,1167.7c3.3,0,5.6,1.1,7.7,3.8c2,2.5,3.7,6.4-0.3,14.7c-3.4,7.1-9.6,14.3-14.2,19.6l-0.8,0.9
							c-0.6,0.7-1.9,2.3-4,4.8c-13.4,16.2-54.1,65.6-99.1,111.6c-52.8,54-83.5,74.8-101,82.2l99.7-226.5c4.3,3.6,9.1,6.6,14.4,8.9
							l0.2,0.1c6.1,2.7,13.6,4.4,20.6,4.8c0.9,0.1,1.9,0.1,2.8,0.1c11.1,0,21.9-3.5,31-7c6.8-2.6,13.2-5.8,19.3-9
							c3.9-2,7.7-3.9,11.5-5.7C1226.2,1168.8,1230.2,1167.7,1233.4,1167.7L1233.4,1167.7 M1233.4,1158.7c-5.2,0-10.7,1.8-15.9,4.2
							c-10.2,4.6-19.8,10.4-30.3,14.4c-8.7,3.3-18.3,6.4-27.7,6.4c-0.8,0-1.5,0-2.3-0.1c-5.7-0.3-12.2-1.8-17.4-4.1l-0.2-0.1
							c-8.5-3.8-15.5-9.5-20.7-16.9l-112.3,255.3c0.2,0,0.5,0,0.7,0c60.3,0,217.3-195.8,225.5-205.3c9.7-11.2,27.7-31.3,15.5-46.7
							C1243.9,1160.7,1238.8,1158.7,1233.4,1158.7L1233.4,1158.7z"/>
					</g>
					<g>
						<path fill="#F8FDFD" d="M1233.4,1176.7c0.1,0,0.2,0,0.3,0c0.1,0.1,0.2,0.2,0.3,0.4c0.1,0.1,0.2,0.2,0.2,0.2
							c0,0.2,0.1,1.6-1.5,4.9c-1.2,2.4-5,8.2-16.7,22.2c-0.5,0.6-0.9,1-1.1,1.3c-1.1,1.4-2.4,2.9-3.9,4.7
							c-15.9,19.4-53.2,64.8-94.3,106.8c-32.4,33.1-53.2,50.6-69,61.8l81.3-184.7c9,4.9,19,7.4,29.8,7.4c15,0,27.8-4.9,34-7.3
							l0.8-0.3c6.9-2.6,13.2-5.9,19.3-9l0.9-0.5l0.9-0.5c3.5-1.8,6.9-3.5,10.3-5.1C1230,1177,1232.6,1176.7,1233.4,1176.7
							 M1233.4,1167.7c-3.2,0-7.3,1.1-12.3,3.4c-3.8,1.7-7.6,3.7-11.5,5.7c-6.1,3.1-12.5,6.4-19.3,9c-5.6,2.2-17.6,7-31.6,7
							c-10.7,0-22.6-2.8-33.7-11.9l-97.5,221.5c20-11.6,43.1-25.3,95.5-78.8c45.1-46.1,85.3-95.8,98.7-112.1
							c2.1-2.5,15.6-18.2,19-25.3c4-8.3,2.2-12.2,0.3-14.7c-1.2-1.5-2.4-2.5-3.7-3.1C1236.2,1168,1234.9,1167.7,1233.4,1167.7
							L1233.4,1167.7z"/>
					</g>
					<g>
						<path fill="#333333" d="M1233.4,1167.7c3.3,0,5.6,1.1,7.7,3.8c2,2.5,3.7,6.4-0.3,14.7c-3.4,7.1-9.6,14.3-14.2,19.6l-0.8,0.9
							c-0.6,0.7-1.9,2.3-4,4.8c-13.4,16.2-54.1,65.6-99.1,111.6c-52.8,54-83.5,74.8-101,82.2l99.7-226.5c4.3,3.6,9.1,6.6,14.4,8.9
							l0.2,0.1c6.1,2.7,13.6,4.4,20.6,4.8c0.9,0.1,1.9,0.1,2.8,0.1c11.1,0,21.9-3.5,31-7c6.8-2.6,13.2-5.8,19.3-9
							c3.9-2,7.7-3.9,11.5-5.7C1226.2,1168.8,1230.2,1167.7,1233.4,1167.7L1233.4,1167.7 M1233.4,1158.7c-5.2,0-10.7,1.8-15.9,4.2
							c-10.2,4.6-19.8,10.4-30.3,14.4c-8.7,3.3-18.3,6.4-27.7,6.4c-0.8,0-1.5,0-2.3-0.1c-5.7-0.3-12.2-1.8-17.4-4.1l-0.2-0.1
							c-8.5-3.8-15.5-9.5-20.7-16.9l-112.3,255.3c0.2,0,0.5,0,0.7,0c60.3,0,217.3-195.8,225.5-205.3c9.7-11.2,27.7-31.3,15.5-46.7
							C1243.9,1160.7,1238.8,1158.7,1233.4,1158.7L1233.4,1158.7z"/>
					</g>
					<g>
						<circle fill="#333333" cx="1127.7" cy="1190.9" r="2"/>
						<circle fill="#333333" cx="1043.2" cy="1383.1" r="2"/>
						<path fill="#333333" d="M1086.3,1285.2c-1-0.4-2.2,0-2.6,1c-0.4,1,0,2.2,1,2.6c1,0.4,2.2,0,2.6-1
							C1087.7,1286.8,1087.3,1285.6,1086.3,1285.2z"/>
						<path fill="#333333" d="M1237.4,1172.5c-1-0.4-2.2,0-2.6,1c-0.4,1,0,2.2,1,2.6c1,0.4,2.2,0,2.6-1
							C1238.9,1174.1,1238.4,1172.9,1237.4,1172.5z"/>
						<path fill="#333333" d="M1185.8,1242.7c-1-0.4-2.2,0-2.6,1c-0.4,1,0,2.2,1,2.6c1,0.4,2.2,0,2.6-1
							C1187.3,1244.3,1186.8,1243.1,1185.8,1242.7z"/>
						<path fill="#333333" d="M1117.8,1317.6c-1-0.4-2.2,0-2.6,1c-0.4,1,0,2.2,1,2.6c1,0.4,2.2,0,2.6-1
							C1119.3,1319.3,1118.9,1318.1,1117.8,1317.6z"/>
						<circle fill="#333333" cx="1187.3" cy="1192" r="2"/>
					</g>
				</g>
				<g>
					<g>

							<line fill="#5C5C5C" stroke="#7C7C7C" stroke-width="9" stroke-linejoin="round" stroke-miterlimit="10" x1="1026.7" y1="1125" x2="841.9" y2="1545.1"/>

							<line fill="#5C5C5C" stroke="#7C7C7C" stroke-width="9" stroke-linejoin="round" stroke-miterlimit="10" x1="1120.2" y1="1158.5" x2="946.6" y2="1552.9"/>
					</g>
					<g>

							<line fill="none" stroke="#333333" stroke-width="9" stroke-linejoin="round" stroke-miterlimit="10" x1="1020.5" y1="1116.8" x2="829.2" y2="1551.6"/>

							<line fill="none" stroke="#333333" stroke-width="9" stroke-linejoin="round" stroke-miterlimit="10" x1="1130.8" y1="1156.6" x2="952.8" y2="1561.2"/>
					</g>
				</g>
				<g>
					<path fill="#333333" d="M1071.3,1096.1l45.7,6.8c-1,5.6-1.9,13.1-1.7,21c0.6,23.4,10.1,40,27.5,47.7c5.1,2.3,10.7,3.5,16.5,3.5
						c14.5,0,28.7-6.8,43.7-14.1c7.5-3.6,15.3-7.4,23-10.1c0.6-0.2,2-0.6,4.4-0.6c8.5,0,20,4.6,25.8,13.4c4.9,7.5,4.8,17.1-0.3,28.4
						c-0.5,1.1-1,2.2-1.4,3.2c-4.5,10.2-5.7,13-33.1,44.8c-15.2,17.7-30.6,34.2-42.9,47.4c-13.8,14.7-23.7,25.4-28.5,32.2
						c-0.7,1.1-1.8,2.5-3,4.1c-6.3,8.3-16.8,22.2-25.8,43.8c-10.8,26-16,55.5-15.4,87.7c0.7,38.5,0.3,60.2-3.8,72
						c-3,8.7-7.6,12.1-23.5,17.4c-15,4.9-99.3,12.5-152.4,12.5c-9.1,0-16.6-0.2-22.2-0.7c-33.2-2.8-60.9-6.5-84.7-11.5
						c-36.4-7.7-62.1-17.9-76.6-30.4c-13.1-11.3-18.4-22.7-16.3-34.9c1.9-10.8,9.3-20,12.4-23.9c9.6-11.8,14.4-15.8,28.8-27.7
						c13.2-11,33.2-27.5,70.5-61.4c10.6-9.6,28-27.6,38.8-41c7.1-8.8,30.4-40.6,32.5-79.9c0.5-8.3,0.6-16.9,0.8-26
						c0.6-25.9,1.1-52.7,8.1-70.3c4.8-12,13.3-19.3,19.5-23.3c8.3-5.3,16-7.2,20.2-7.2h0.2c4.2,0,12.8,0.1,22.8,0.3
						c16.1,0.4,36.1,0.7,45,0.7h1C1042.4,1120,1061,1112.6,1071.3,1096.1 M1066.4,1086.4c-7.9,17.7-26.1,24.9-39.2,24.9
						c-0.3,0-0.6,0-1,0c-14.2,0-56.7-1.2-67.7-1.4c-0.1,0-0.2,0-0.3,0c-12.7,0-38,10.9-48.1,36.2c-10.1,25.5-7.8,66.5-9.6,99.1
						c-1.8,32.6-20,61.6-30.6,74.7c-10.5,13.1-27.6,30.7-37.8,39.9c-78.9,71.6-81.1,66.5-100.2,90.1c-8.8,10.9-31.1,40.1,5,71.3
						c36.1,31.1,123.5,40.5,166.4,44.1c6.1,0.5,13.9,0.7,23,0.7c50.6,0,137.8-7.2,155.2-13c31.8-10.5,34.9-18.1,33.5-98.1
						c-1.4-80,33.9-117.9,42.6-130.2c8.7-12.4,39.6-42.5,70.8-78.9c30.7-35.8,29.7-36.5,35.8-50.2c16.4-36.8-14.6-54.5-33.7-54.5
						c-2.8,0-5.3,0.4-7.4,1.1c-22.8,8.1-44.3,23.7-63.7,23.7c-4.4,0-8.7-0.8-12.9-2.7c-34.3-15.3-18.6-68-18.6-68L1066.4,1086.4
						L1066.4,1086.4z"/>
				</g>
			</g>
			<g>
				<g>
					<path fill="#2EC4B6" d="M1045,1443.8c-1.7,0-3.3-0.3-4.8-1c-6-2.7-8.6-9.7-6-15.6c1.9-4.3,6.1-7,10.8-7c1.7,0,3.3,0.3,4.8,1
						c2.9,1.3,5.1,3.6,6.2,6.6c1.1,3,1,6.2-0.2,9C1053.9,1441.1,1049.6,1443.8,1045,1443.8z"/>
					<path fill="#333333" d="M1045,1423.2L1045,1423.2c1.2,0,2.4,0.3,3.6,0.8c2.2,1,3.8,2.7,4.6,4.9c0.8,2.2,0.8,4.6-0.2,6.8
						c-1.4,3.2-4.6,5.2-8.1,5.2c-1.2,0-2.4-0.3-3.6-0.8c-4.4-2-6.4-7.2-4.5-11.7C1038.3,1425.2,1041.5,1423.2,1045,1423.2
						 M1045,1417.2c-5.7,0-11.1,3.3-13.5,8.8c-3.3,7.5,0,16.2,7.5,19.6c2,0.9,4,1.3,6,1.3c5.7,0,11.1-3.3,13.5-8.8
						c3.3-7.5,0-16.2-7.5-19.6C1049,1417.6,1047,1417.2,1045,1417.2L1045,1417.2z"/>
				</g>
				<g>
					<path fill="#2EC4B6" d="M1027.2,1483.7c-1.7,0-3.3-0.3-4.8-1c-6-2.7-8.6-9.7-6-15.6c1.9-4.3,6.1-7,10.8-7c1.7,0,3.3,0.3,4.8,1
						c6,2.7,8.6,9.7,6,15.6C1036.1,1480.9,1031.8,1483.7,1027.2,1483.7z"/>
					<path fill="#333333" d="M1027.2,1463L1027.2,1463c1.2,0,2.4,0.3,3.6,0.8c4.4,2,6.4,7.2,4.5,11.7c-1.4,3.2-4.6,5.2-8.1,5.2
						c-1.2,0-2.4-0.3-3.6-0.8c-4.4-2-6.4-7.2-4.5-11.7C1020.5,1465.1,1023.7,1463,1027.2,1463 M1027.2,1457
						c-5.7,0-11.1,3.3-13.5,8.8c-3.3,7.5,0,16.2,7.5,19.6c2,0.9,4,1.3,6,1.3c5.7,0,11.1-3.3,13.5-8.8c3.3-7.5,0-16.2-7.5-19.6
						C1031.3,1457.4,1029.2,1457,1027.2,1457L1027.2,1457z"/>
				</g>
				<g>
					<path fill="#2EC4B6" d="M1009.4,1523.5c-1.7,0-3.3-0.3-4.8-1c-6-2.7-8.6-9.7-6-15.6c1.9-4.3,6.1-7,10.8-7c1.7,0,3.3,0.3,4.8,1
						c2.9,1.3,5.1,3.6,6.2,6.6s1,6.2-0.2,9C1018.3,1520.8,1014,1523.5,1009.4,1523.5z"/>
					<path fill="#333333" d="M1009.4,1502.8L1009.4,1502.8c1.2,0,2.4,0.3,3.6,0.8c2.2,1,3.8,2.7,4.6,4.9c0.8,2.2,0.8,4.6-0.2,6.8
						c-1.4,3.2-4.6,5.2-8.1,5.2c-1.2,0-2.4-0.3-3.6-0.8c-4.4-2-6.4-7.2-4.5-11.7C1002.7,1504.9,1005.9,1502.8,1009.4,1502.8
						 M1009.4,1496.8c-5.7,0-11.1,3.3-13.5,8.8c-3.3,7.5,0,16.2,7.5,19.6c2,0.9,4,1.3,6,1.3c5.7,0,11.1-3.3,13.5-8.8
						c3.3-7.5,0-16.2-7.5-19.6C1013.5,1497.3,1011.4,1496.8,1009.4,1496.8L1009.4,1496.8z"/>
				</g>
			</g>
		</g>
		<g>
			<g>
				<g>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="9" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M964.3,1497.7c-2.3,5.2-8.3,7.5-13.5,5.3l-60.8-26.8c-5.2-2.3-7.5-8.3-5.3-13.5l9.1-20.6c2.3-5.2,8.3-7.5,13.5-5.3l60.8,26.8
						c5.2,2.3,7.5,8.3,5.3,13.5L964.3,1497.7z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="9" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M964.4,1484.8l-29.1-12.8l-0.9-0.4l-39.6-17.4c-5.6-2.4-12.1,0.1-14.5,5.6c-2.4,5.6,0.1,12.1,5.6,14.5l39.6,17.4l0,0l30,13.2
						c5.6,2.4,12-0.1,14.5-5.6S969.9,1487.3,964.4,1484.8z"/>
					<g>
						<path fill="#333333" d="M904.7,1444.5c-1-0.4-2.2,0-2.6,1c-0.4,1,0,2.2,1,2.6c1,0.4,2.2,0,2.6-1
							C906.2,1446.2,905.7,1445,904.7,1444.5z"/>
						<path fill="#333333" d="M965.1,1471.1c-1-0.4-2.2,0-2.6,1c-0.4,1,0,2.2,1,2.6c1,0.4,2.2,0,2.6-1
							C966.6,1472.7,966.1,1471.6,965.1,1471.1z"/>
					</g>
				</g>
				<g>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="9" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M999.2,1420.8c-1.9,4.4-7,6.3-11.4,4.4l-64.8-28.5c-4.4-1.9-6.3-7-4.4-11.4l8.8-19.9c1.9-4.4,7-6.3,11.4-4.4l64.8,28.5
						c4.4,1.9,6.3,7,4.4,11.4L999.2,1420.8z"/>
					<g>
						<path fill="#333333" d="M934.1,1377.7c-1-0.4-2.2,0-2.6,1c-0.4,1,0,2.2,1,2.6c1,0.4,2.2,0,2.6-1
							C935.6,1379.3,935.1,1378.2,934.1,1377.7z"/>
						<path fill="#333333" d="M994.5,1404.3c-1-0.4-2.2,0-2.6,1c-0.4,1,0,2.2,1,2.6c1,0.4,2.2,0,2.6-1
							C996,1405.9,995.5,1404.7,994.5,1404.3z"/>
					</g>
				</g>
				<g>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="9" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1047.2,1311.9c-1.9,4.4-7,6.3-11.4,4.4l-64.8-28.5c-4.4-1.9-6.3-7-4.4-11.4l8.8-19.9c1.9-4.4,7-6.3,11.4-4.4l64.8,28.5
						c4.4,1.9,6.3,7,4.4,11.4L1047.2,1311.9z"/>
					<g>
						<path fill="#333333" d="M982,1268.8c-1-0.4-2.2,0-2.6,1c-0.4,1,0,2.2,1,2.6c1,0.4,2.2,0,2.6-1
							C983.5,1270.4,983,1269.2,982,1268.8z"/>
						<path fill="#333333" d="M1042.4,1295.4c-1-0.4-2.2,0-2.6,1c-0.4,1,0,2.2,1,2.6c1,0.4,2.2,0,2.6-1
							C1043.9,1297,1043.4,1295.8,1042.4,1295.4z"/>
					</g>
				</g>
			</g>
			<g>
				<g>
					<path fill="#2EC4B6" d="M1351.3,455.7c-1.7,0-3.3-0.3-4.8-1c-2.9-1.3-5.2-3.6-6.3-6.6c-1.2-3-1.1-6.2,0.2-9.2
						c1.9-4.4,6.2-7.2,11-7.2c1.7,0,3.3,0.3,4.8,1c6.1,2.7,8.8,9.8,6.1,15.8C1360.4,452.9,1356,455.7,1351.3,455.7z"/>
					<path fill="#333333" d="M1351,429v5.7c2,0,2.6,0.3,3.8,0.8c4.5,2,6.7,7.3,4.7,11.9c-1.4,3.3-4.6,5.4-8.2,5.4
						c-1.2,0-2.4-0.3-3.6-0.8c-4.5-2-6.7-7.3-4.8-11.9c1.4-3.3,5.1-5.4,8.1-5.4V429 M1351.3,428.7c-5.8,0-11.3,3.3-13.7,9
						c-3.3,7.6,0.1,16.4,7.7,19.8c2,0.9,4,1.3,6,1.3c5.8,0,11.3-3.3,13.7-9c3.3-7.6-0.1-16.4-7.7-19.8
						C1355.4,429.1,1353.3,428.7,1351.3,428.7L1351.3,428.7z"/>
				</g>
				<g>
					<path fill="#2EC4B6" d="M1330,484c-1.7,0-3.3-0.3-4.8-1c-6.1-2.7-8.8-9.8-6.1-15.8c1.9-4.4,6.2-7.2,11-7.2c1.7,0,3.3,0.3,4.8,1
						c6.1,2.7,8.8,9.8,6.1,15.8C1339.1,481.2,1334.8,484,1330,484z"/>
					<path fill="#333333" d="M1330.1,463L1330.1,463c1.2,0,2.5,0.3,3.6,0.8c4.5,2,6.6,7.3,4.6,11.9c-1.4,3.3-4.7,5.4-8.2,5.4
						c-1.2,0-2.5-0.3-3.6-0.8c-4.5-2-6.6-7.3-4.6-11.9C1323.3,465.1,1326.5,463,1330.1,463 M1330.1,457c-5.8,0-11.3,3.3-13.7,9
						c-3.3,7.6,0.1,16.4,7.7,19.8c2,0.9,4,1.3,6,1.3c5.8,0,11.3-3.3,13.7-9c3.3-7.6-0.1-16.4-7.7-19.8
						C1334.1,457.4,1332.1,457,1330.1,457L1330.1,457z"/>
				</g>
				<g>
					<path fill="#2EC4B6" d="M1308.8,512.3c-1.7,0-3.3-0.3-4.8-1c-6.1-2.7-8.8-9.8-6.1-15.8c1.9-4.4,6.2-7.2,11-7.2
						c1.7,0,3.3,0.3,4.8,1c6.1,2.7,8.8,9.8,6.1,15.8C1317.9,509.5,1313.6,512.3,1308.8,512.3z"/>
					<path fill="#333333" d="M1308.8,491.3L1308.8,491.3c1.2,0,2.5,0.3,3.6,0.8c4.5,2,6.6,7.3,4.6,11.9c-1.4,3.3-4.7,5.4-8.2,5.4
						c-1.2,0-2.5-0.3-3.6-0.8c-4.5-2-6.6-7.3-4.6-11.9C1302,493.4,1305.3,491.3,1308.8,491.3 M1308.8,485.3c-5.8,0-11.3,3.3-13.7,9
						c-3.3,7.6,0.1,16.4,7.7,19.8c2,0.9,4,1.3,6,1.3c5.8,0,11.3-3.3,13.7-9c3.3-7.6-0.1-16.4-7.7-19.8
						C1312.9,485.7,1310.9,485.3,1308.8,485.3L1308.8,485.3z"/>
				</g>
				<g>
					<path fill="#2EC4B6" d="M1287.6,540.6c-1.7,0-3.3-0.3-4.8-1c-6.1-2.7-8.8-9.8-6.1-15.8c1.9-4.4,6.2-7.2,11-7.2
						c1.7,0,3.3,0.3,4.8,1c6.1,2.7,8.8,9.8,6.1,15.8C1296.7,537.8,1292.3,540.6,1287.6,540.6z"/>
					<path fill="#333333" d="M1287.6,519.6L1287.6,519.6c1.2,0,2.5,0.3,3.6,0.8c4.5,2,6.6,7.3,4.6,11.9c-1.4,3.3-4.7,5.4-8.2,5.4
						c-1.2,0-2.5-0.3-3.6-0.8c-4.5-2-6.6-7.3-4.6-11.9C1280.8,521.7,1284,519.6,1287.6,519.6 M1287.6,513.6c-5.8,0-11.3,3.3-13.7,9
						c-3.3,7.6,0.1,16.4,7.7,19.8c2,0.9,4,1.3,6,1.3c5.8,0,11.3-3.3,13.7-9c3.3-7.6-0.1-16.4-7.7-19.8
						C1291.7,514,1289.6,513.6,1287.6,513.6L1287.6,513.6z"/>
				</g>
			</g>
			<g>
				<g>
					<path fill="#5C5C5C" d="M1326.1,623.7c-0.6,0-1.2-0.1-1.8-0.4l-37.1-16.3c-1.1-0.5-1.9-1.4-2.4-2.5s-0.4-2.4,0.1-3.4
						c4.8-10.8,4.6-21.1-0.5-30.5c-3.8-7-9-10.9-9.1-11c-1-0.7-1.6-1.8-1.8-3c-0.2-1.2,0.1-2.4,0.9-3.4l91.1-121.5
						c6-8.6-3.2-15.9-4.3-16.7c-1-0.7-1.6-1.8-1.7-3s0.2-2.4,0.9-3.4c0.5-0.7,13.2-16.3,33.3-16.3c5.6,0,11.3,1.2,16.9,3.7
						c23.9,10.5,23.4,35.1,19.8,46.7c0,0.1-0.1,0.2-0.1,0.2l-58.2,154.7c-0.7,1.8-2.4,2.9-4.2,2.9c-0.3,0-0.6,0-0.9-0.1
						c0,0-2.2-0.4-5.5-0.4c-10,0-23.6,3.6-31.2,21c-0.5,1.1-1.4,1.9-2.5,2.4C1327.3,623.6,1326.7,623.7,1326.1,623.7z"/>
					<path fill="#333333" d="M1393.8,396.9c4.6,0,9.7,0.9,15,3.3c26.5,11.7,17.3,41.2,17.3,41.2l-58.2,154.7c0,0-2.5-0.5-6.4-0.5
						c-9.3,0-26.3,3-35.3,23.7l-37.1-16.3C1302,573.6,1278,556,1278,556l91.2-121.5c8.8-12.5-5.2-23-5.2-23
						S1375.6,396.9,1393.8,396.9 M1393.8,388L1393.8,388c-22.2,0-36.2,17.2-36.8,17.9c-1.5,1.9-2.3,4.3-1.9,6.8
						c0.3,2.4,1.6,4.5,3.6,6c0.7,0.5,2.6,2.3,3.7,4.4c1.2,2.3,1.1,4-0.3,6.1l-91.1,121.4c-1.5,1.9-2.1,4.3-1.7,6.7
						c0.4,2.4,1.6,4.5,3.6,5.9c0.4,0.3,4.9,3.9,8.1,10.1c4.1,8,4.2,16.7,0.1,26c-1,2.2-1,4.7-0.2,6.9c0.9,2.2,2.6,4,4.8,5l37.1,16.3
						c1.2,0.5,2.4,0.8,3.6,0.8c1.1,0,2.2-0.2,3.3-0.6c2.2-0.9,4-2.6,5-4.8c6.7-15.1,18.4-18.3,27.1-18.3c2.6,0,4.3,0.3,4.6,0.3
						c0.7,0.1,1.3,0.2,2,0.2c3.7,0,7-2.3,8.3-5.9l58.2-154.7c0.1-0.2,0.1-0.3,0.2-0.5c0.3-0.9,2.8-9.5,1.7-19.9
						c-1.7-14.9-10-26-23.9-32.2C1406.3,389.3,1400,388,1393.8,388L1393.8,388z"/>
				</g>
				<g>
					<path fill="#5C5C5C" d="M1296.9,592.2c2.8-18.6-7.2-31.3-12.8-36.8c0,0,88.7-118.3,88.8-118.3c4.6-6.6,4.9-14,0.9-21
						c-1.1-1.9-2.3-3.4-3.4-4.7c4.1-3.8,12.5-10,23.4-10c4.4,0,8.8,1,13.2,2.9c9.4,4.1,14.7,11.2,15.9,21.1
						c0.9,7.3-0.8,13.7-1.1,14.6l-56.9,151.2c-1-0.1-2.1-0.1-3.4-0.1c-7.9,0-22.1,2.1-32.7,15.1L1296.9,592.2z"/>
					<path fill="#7C7C7C" d="M1393.8,405.9c3.7,0,7.6,0.9,11.4,2.5c7.8,3.4,12.2,9.1,13.2,17.3c0.8,6.2-0.6,12-0.8,13.1L1361.9,587
						c-0.1,0-0.2,0-0.4,0c-8.2,0-22.5,1.8-33.9,14l-25.8-11.5c1.3-15.9-6-27.7-11.8-34.3l86.4-115.2c0.1-0.1,0.1-0.2,0.2-0.2
						c7.1-10.1,4.9-20.3,0-27.6C1380.6,409.1,1386.6,405.9,1393.8,405.9L1393.8,405.9 M1393.8,396.9c-18.2,0-29.8,14.6-29.8,14.6
						s14,10.5,5.2,23L1278,556c0,0,19.6,14.4,13.8,38.8l38.4,16.9c9.5-13.9,23.2-16.2,31.2-16.2c3.9,0,6.4,0.5,6.4,0.5l58.2-154.7
						c0,0,9.2-29.5-17.3-41.2C1403.4,397.8,1398.4,396.9,1393.8,396.9L1393.8,396.9z"/>
				</g>
			</g>
			<g>
				<g>

						<line fill="none" stroke="#333333" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="1293.5" y1="604.9" x2="1317.6" y2="549.5"/>

						<line fill="none" stroke="#333333" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="1303.1" y1="609.1" x2="1338.8" y2="521.2"/>

						<line fill="none" stroke="#333333" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="1311.7" y1="612.9" x2="1360" y2="492.9"/>

						<line fill="none" stroke="#333333" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="1321.3" y1="617.1" x2="1381.3" y2="464.6"/>
				</g>
				<g>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1317.6,549.5c-1.2,2.8-4.5,4-7.2,2.8c-2.8-1.2-4-4.5-2.8-7.2c1.2-2.8,4.5-4,7.2-2.8C1317.5,543.5,1318.8,546.7,1317.6,549.5z"
						/>

						<circle fill="#2EC4B6" stroke="#333333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1333.8" cy="519" r="5.5"/>

						<circle fill="#2EC4B6" stroke="#333333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1355" cy="490.7" r="5.5"/>

						<circle fill="#2EC4B6" stroke="#333333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1376.2" cy="462.4" r="5.5"/>
				</g>
			</g>
			<g>
				<g>
					<path fill="#FFD192" d="M1074.4,1214.4c-0.6,0-1.2-0.1-1.8-0.4l-52.3-22.7c-1.1-0.5-2-1.4-2.4-2.5c-0.4-1.1-0.4-2.4,0.1-3.5
						L1285,601c0.8-1.7,2.4-2.6,4.1-2.6c0.6,0,1.2,0.1,1.8,0.4l37.1,16.3c2.3,1,3.3,3.6,2.3,5.9l-251.7,590.6
						c-0.5,1.1-1.4,2-2.5,2.4C1075.6,1214.3,1075,1214.4,1074.4,1214.4z"/>
					<path fill="#333333" d="M1289.1,602.9l37.1,16.3l-251.7,590.6l-52.3-22.7L1289.1,602.9 M1289.1,593.9c-3.4,0-6.7,2-8.2,5.3
						L1014,1183.4c-1,2.2-1.1,4.7-0.2,7c0.9,2.3,2.6,4.1,4.8,5l52.3,22.7c1.1,0.5,2.4,0.7,3.6,0.7c1.1,0,2.3-0.2,3.3-0.6
						c2.2-0.9,4-2.6,5-4.8l251.7-590.6c1.9-4.5-0.1-9.8-4.7-11.8l-37.1-16.3C1291.5,594.2,1290.3,593.9,1289.1,593.9L1289.1,593.9z"
						/>
				</g>
				<g>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1311.6,653.2c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3c0.7-1.6,2.6-2.4,4.3-1.7
						L1311.6,653.2z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1078,1184c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3s2.6-2.4,4.3-1.7L1078,1184z
						"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1297.7,684.8c1.6,0.7,2.4,2.6,1.7,4.3s-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3s2.6-2.4,4.3-1.7L1297.7,684.8z"
						/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1283.8,716.5c1.6,0.7,2.4,2.6,1.7,4.3s-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3s2.6-2.4,4.3-1.7L1283.8,716.5z"
						/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1269.8,748.1c1.6,0.7,2.4,2.6,1.7,4.3s-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3s2.6-2.4,4.3-1.7L1269.8,748.1z"
						/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1255.9,779.8c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3s2.6-2.4,4.3-1.7
						L1255.9,779.8z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1242,811.4c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3c0.7-1.6,2.6-2.4,4.3-1.7
						L1242,811.4z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1228,843.1c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3c0.7-1.6,2.6-2.4,4.3-1.7
						L1228,843.1z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1214.1,874.7c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3c0.7-1.6,2.6-2.4,4.3-1.7
						L1214.1,874.7z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1200.2,906.4c1.6,0.7,2.4,2.6,1.7,4.3s-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3c0.7-1.6,2.6-2.4,4.3-1.7
						L1200.2,906.4z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1186.3,938c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3c0.7-1.6,2.6-2.4,4.3-1.7
						L1186.3,938z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1172.3,969.7c1.6,0.7,2.4,2.6,1.7,4.3s-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3s2.6-2.4,4.3-1.7L1172.3,969.7z"
						/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1158.4,1001.3c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3
						c0.7-1.6,2.6-2.4,4.3-1.7L1158.4,1001.3z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1141.9,1038.8c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3
						c0.7-1.6,2.6-2.4,4.3-1.7L1141.9,1038.8z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1131.3,1063c1.6,0.7,2.4,2.6,1.7,4.3s-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3s2.6-2.4,4.3-1.7L1131.3,1063z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1120.6,1087.2c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3
						c0.7-1.6,2.6-2.4,4.3-1.7L1120.6,1087.2z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1110,1111.4c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3c0.7-1.6,2.6-2.4,4.3-1.7
						L1110,1111.4z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1099.3,1135.6c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3s2.6-2.4,4.3-1.7
						L1099.3,1135.6z"/>

						<path fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
						M1088.7,1159.8c1.6,0.7,2.4,2.6,1.7,4.3c-0.7,1.6-2.6,2.4-4.3,1.7l-39.1-17.2c-1.6-0.7-2.4-2.6-1.7-4.3
						c0.7-1.6,2.6-2.4,4.3-1.7L1088.7,1159.8z"/>

						<circle fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1299.8" cy="627" r="4.2"/>

						<circle fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1083.8" cy="1117.9" r="4.2"/>

						<circle fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1269.8" cy="695" r="4.2"/>

						<circle fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1242" cy="758.3" r="4.2"/>

						<circle fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1214.1" cy="821.6" r="4.2"/>

						<circle fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1186.3" cy="884.9" r="4.2"/>

						<circle fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1158.4" cy="948.2" r="4.2"/>

						<circle fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1062.5" cy="1166.2" r="4.2"/>

						<circle fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1105.1" cy="1069.5" r="4.2"/>
					<g>

							<circle fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1118.1" cy="1009.5" r="4.2"/>

							<circle fill="#2EC4B6" stroke="#333333" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="1140.5" cy="1019.4" r="4.2"/>
					</g>
				</g>
				<g id="strings">

						<polyline id="stringStraight_4" fill="none" stroke="#333333" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" points="
						1293.5,604.9 969.3,1324.4 907.7,1461.3 					"/>

						<polyline id="stringStraight_3" fill="none" stroke="#333333" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" points="
						1303.1,609.1 982,1330.1 921,1467.2 					"/>

						<polyline id="stringStraight_2" fill="none" stroke="#333333" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" points="
						1311.7,612.9 997,1336.6 937.1,1474.3 					"/>

						<polyline id="stringStraight_1" fill="none" stroke="#333333" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" points="
						1321.3,617.1 1009.7,1342.2 950.4,1480.1 					"/>
				</g>
				<g id="penStringsPlucked">
					<polyline id="stringPlucked_4" fill="none" points="1293.5,604.9 974.3,1326 907.7,1461.3 					"/>
					<polyline id="stringPlucked_3" fill="none" points="1303.1,609.1 987,1331.6 921,1467.2 					"/>
					<polyline id="stringPlucked_2" fill="none" points="1311.7,612.9 1001.9,1338.2 937.1,1474.3 					"/>
					<polyline id="stringPlucked_1" fill="none" points="1321.3,617.1 1014.6,1343.8 950.4,1480.1 					"/>
				</g>
			</g>
		</g>
		<g id="notes_1_">

				<path class="notes" id="note-4_1_" display="inline" fill="#FDE74C" stroke="#000000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
				M1351.2,868.9l28.9-41.4c1.7-2.5,1.1-5.8-1.3-7.5l-36.5-25.5c-2.5-1.7-5.8-1.1-7.5,1.3l-25.6,36.7c-1.5-1.9-3.4-3.5-5.7-4.7
				c-8-4.2-17.6-1.8-21.4,5.5c-3.8,7.2-0.4,16.5,7.7,20.7c7.7,4.1,16.5,1.7,21-4.7l29.8-42.8l27.6,19.3l-18.2,26.1
				c-1.5-1.9-3.4-3.5-5.7-4.7c-8-4.2-17.6-1.8-21.4,5.5c-3.8,7.2-0.4,16.5,7.7,20.7C1338,877.3,1346.8,875.2,1351.2,868.9z"/>

				<path class="notes" id="note-3_1_" display="inline" fill="#FDE74C" stroke="#000000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
				M1202.8,651.5l0.9-50.5c0.1-3-2.3-5.5-5.3-5.5l-44.5-0.8c-3-0.1-5.5,2.3-5.5,5.3l-0.8,44.7c-2.3-0.7-4.8-1-7.4-0.7
				c-9,1-15.6,8.3-14.7,16.4c0.9,8.1,8.9,13.9,17.9,12.9c8.7-0.9,14.7-7.8,14.8-15.6l1-52.1l33.7,0.6l-0.6,31.8
				c-2.3-0.7-4.8-1-7.4-0.7c-9,1-15.6,8.3-14.7,16.5c0.9,8.1,8.9,13.9,17.9,12.9C1196.5,665.7,1202.6,659.1,1202.8,651.5z"/>

				<path class="notes" id="note-2_1_" display="inline" fill="#FDE74C" stroke="#000000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
				M1416.4,697.8c0.8-8.3-3.1-16.8-11.6-25.2l0,0c-0.6-0.6-1.2-1.2-1.8-1.7c-4.6-3.8-8.2-2.9-9.8-0.9l-28.5,34.4l0,0
				c-1.4-2-3.2-3.8-5.3-5.2c-3.7-2.3-8-3.3-12.1-2.6c-4.1,0.7-7.5,2.9-9.7,6.2c-3.9,6.2-2.2,14.8,4.1,19.9c0.6,0.5,1.2,0.9,1.9,1.4
				c7.2,4.5,16.1,3.3,21.3-3l27.9-33.8c0.5,0.4,1,0.8,1.5,1.1c5.7,4.7,9,11.5,9.5,19.5c0.2,3.3-0.1,6.2-0.4,8
				c-0.1,0.4,0.1,0.9,0.5,1.1c0.4,0.2,0.9,0.2,1.2-0.1C1408.9,713.8,1415.5,707,1416.4,697.8z"/>

				<path class="notes" id="note-1_1_" display="inline" fill="#FDE74C" stroke="#000000" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
				M1161,748.8c-2.7-7.9-9.8-14-21-18l0,0c-0.8-0.3-1.6-0.6-2.4-0.8c-5.8-1.5-8.6,0.8-9.3,3.3l-11.5,43.2l0,0
				c-2.1-1.3-4.5-2.1-7-2.5c-4.3-0.6-8.6,0.4-12.1,2.7c-3.4,2.3-5.6,5.8-6.2,9.7c-1,7.3,4.2,14.3,12,16.4c0.7,0.2,1.5,0.3,2.3,0.4
				c8.4,1.1,16-3.7,18.1-11.6l11.3-42.4c0.6,0.1,1.2,0.3,1.8,0.4c7.2,1.9,12.9,6.7,16.7,13.7c1.6,2.9,2.5,5.6,3,7.4
				c0.1,0.4,0.5,0.8,0.9,0.8c0.5,0,0.9-0.2,1.1-0.6C1161,766.6,1164.1,757.7,1161,748.8z"/>
		</g>
	</g>
</g>
</svg>

<!-- Audio stuff -->
<audio id="Bass-E1">
	<source src="https://s3.amazonaws.com/iamjoshellis-codepen/pens-of-rock/bass/Muted-Bass-E1.mp3" preload="auto" type="audio/mp3" />
</audio>
<audio id="Bass-F1">
	<source src="https://s3.amazonaws.com/iamjoshellis-codepen/pens-of-rock/bass/Muted-Bass-F1.mp3" preload="auto" type="audio/mp3" />
</audio>
<audio id="Bass-FS1">
	<source src="https://s3.amazonaws.com/iamjoshellis-codepen/pens-of-rock/bass/Muted-Bass-FS1.mp3" preload="auto" type="audio/mp3" />
</audio>
<audio id="Bass-G1">
	<source src="https://s3.amazonaws.com/iamjoshellis-codepen/pens-of-rock/bass/Muted-Bass-G1.mp3" preload="auto" type="audio/mp3" />
</audio>
<audio id="Bass-A1">
	<source src="https://s3.amazonaws.com/iamjoshellis-codepen/pens-of-rock/bass/Muted-Bass-A1.mp3" preload="auto" type="audio/mp3" />
</audio>
<audio id="Bass-AS1">
	<source src="https://s3.amazonaws.com/iamjoshellis-codepen/pens-of-rock/bass/Muted-Bass-AS1.mp3" preload="auto" type="audio/mp3" />
</audio>
<audio id="Bass-C2">
	<source src="https://s3.amazonaws.com/iamjoshellis-codepen/pens-of-rock/bass/Muted-Bass-C2.mp3" preload="auto" type="audio/mp3" />
</audio>

<!-- Check out my other pens or hit me up on Twitter -->
<div id="footer" class="footer hidden">
	<a target="blank"  href="https://codepen.io/iamjoshellis/"><i class="fa fa-codepen"></i></a>
	<p>Click or Touch to Play!</p>
	<a target="blank"  href="https://twitter.com/iamjoshellis/"><i class="fa fa-twitter"></i></a>
</div>
            
          
!
            
              html, body {
	overflow: hidden;
}

body{
	background: #24c7f9;
}

svg {
	height: 100vh;
	width: 100vw;
	display: block;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

i {
	color: $white;
}
i:hover {
	color: $gray-light;
}

.notes, .sparks {
	opacity: 0;
}

#Bass-Shadow_1_ {
	animation: shadow 4s infinite linear;
	transform-origin: 50% 50%;
}

#Bass_Guitar_1_ {
	animation: hover 4s infinite linear;
		&:hover {
		cursor: pointer;
	}
}

@keyframes hover {
	from, to {
		transition-timing-function: ease-in-out;
		transform: translate3d(0,0,0);
	}
	50% {
		transition-timing-function: ease-in-out;
		transform: translate3d(0,1.5%,0);
	}
}

@keyframes shadow {
	from, to {
		transition-timing-function: ease-in-out;
		transform: scale(0.95,1);
	}
	50% {
		transition-timing-function: ease-in-out;
		transform: scale(1.05,1);
	}
}
            
          
!
            
              //Click/Touch the guitar, or any key to play!

//Note to self: Name stuff better in illustrator!
//Varibles for the animation
stringStringyness = 2;
guitar = document.getElementById('Bass_Guitar_1_');
stringStraight_1 = document.getElementById('stringStraight_1');
stringPlucked_1 = document.getElementById('stringPlucked_1');
stringStraight_2 = document.getElementById('stringStraight_2');
stringPlucked_2 = document.getElementById('stringPlucked_2');
stringStraight_3 = document.getElementById('stringStraight_3');
stringPlucked_3 = document.getElementById('stringPlucked_3');
stringStraight_4 = document.getElementById('stringStraight_4');
stringPlucked_4 = document.getElementById('stringPlucked_4');
speaker_1 = document.getElementById('speaker-1');
note_1 = document.getElementById('note-1_1_');
note_2 = document.getElementById('note-2_1_');
note_3 = document.getElementById('note-3_1_');
note_4 = document.getElementById('note-4_1_');
spark_1 = document.getElementById('spark-1_2_');
spark_2 = document.getElementById('spark-3_2_');
spark_3 = document.getElementById('spark-4_2_');
speaker_1 = document.getElementById('bass-Amp-Speaker');

//Declare timeline
var pluck = new TimelineMax({
	paused: true
})

//String Animtaions
pluck.to(stringStraight_1, 0.1, {ease: Expo.easeOut,morphSVG: {points: stringPlucked_1.getAttribute('points')}})
					.to(stringStraight_1, 1, {morphSVG: {points: stringStraight_1.getAttribute('points')},ease: Elastic.easeOut.config(stringStringyness, 0.04)})

					.to(stringStraight_2, 0.1, {ease: Expo.easeOut,morphSVG: {points: stringPlucked_2.getAttribute('points')}}, "-=1.1")
					.to(stringStraight_2, 1, {morphSVG: {points: stringStraight_2.getAttribute('points')},ease: Elastic.easeOut.config(stringStringyness,0.04)}, "-=1")

					.to(stringStraight_3, 0.1, {ease: Expo.easeOut,morphSVG: {points: stringPlucked_3.getAttribute('points')}}, "-=1.1")
					.to(stringStraight_3, 1, {morphSVG: {points: stringStraight_3.getAttribute('points')},ease: Elastic.easeOut.config(stringStringyness, 0.04)}, "-=1")

					.to(stringStraight_4, 0.1, {ease: Expo.easeOut,morphSVG: {points: stringPlucked_4.getAttribute('points')}}, "-=1.1")
					.to(stringStraight_4, 1, {morphSVG: {points: stringStraight_4.getAttribute('points')},ease: Elastic.easeOut.config(stringStringyness, 0.04)}, "-=1")

//Note Animations
					.to(note_1, 0.4, {x:"-50%", y:"-50%"}, "-=1.1")
					.to(note_1, 0.2, {opacity:1 , ease:SlowMo.easeIn}, "-=1.1")
					.to(note_1, 0.2, {opacity:0 , ease:SlowMo.easeOut}, "-=0.9")

					.to(note_2, 0.4, {x:"50%", y:"-50%"}, "-=1.1")
					.to(note_2, 0.2, {opacity:1 , ease:SlowMo.easeIn}, "-=1.1")
					.to(note_2, 0.2, {opacity:0 , ease:SlowMo.easeOut}, "-=0.9")

					.to(note_3, 0.4, {x:"-20%", y:"-50%"}, "-=1.1")
					.to(note_3, 0.2, {opacity:1 , ease:SlowMo.easeIn}, "-=1.1")
					.to(note_3, 0.2, {opacity:0 , ease:SlowMo.easeOut}, "-=0.9")

					.to(note_4, 0.4, {x:"50%", y:"-25%"}, "-=1.1")
					.to(note_4, 0.2, {opacity:1 , ease:SlowMo.easeIn}, "-=1.1")
					.to(note_4, 0.2, {opacity:0 , ease:SlowMo.easeOut}, "-=0.9")

//Sparks Animations
					.to(spark_1, 0.4, {x:"-50%", y:"50%"}, "-=1.1")
					.to(spark_1, 0.2, {opacity:1 , ease:SlowMo.easeIn}, "-=1.1")
					.to(spark_1, 0.2, {opacity:0 , ease:SlowMo.easeOut}, "-=0.9")

					.to(spark_2, 0.4, {x:"-50%", y:"-50%"}, "-=1.1")
					.to(spark_2, 0.2, {opacity:1 , ease:SlowMo.easeIn}, "-=1.1")
					.to(spark_2, 0.2, {opacity:0 , ease:SlowMo.easeOut}, "-=0.9")

					.to(spark_3, 0.4, {x:"50%", y:"-50%"}, "-=1.1")
					.to(spark_3, 0.2, {opacity:1 , ease:SlowMo.easeIn}, "-=1.1")
					.to(spark_3, 0.2, {opacity:0 , ease:SlowMo.easeOut}, "-=0.9")

//Speaker Animtaions
					.to(speaker_1, 0.1, {scale: 1.015, transformOrigin: "50% 50%", ease: Expo.easeOut}, "-=1.1")
	    .to(speaker_1, 0.3, {scale: 1, transformOrigin: "50% 50%", ease: Elastic.easeOut}, "-=1");

bassAudioE1 = document.getElementById("Bass-E1");
bassAudioF1 = document.getElementById("Bass-F1");
bassAudioFS1 = document.getElementById("Bass-FS1");
bassAudioG1 = document.getElementById("Bass-G1");
bassAudioA1 = document.getElementById("Bass-A1");
bassAudioAS1 = document.getElementById("Bass-AS1");
bassAudioC2 = document.getElementById("Bass-C2");

//Trigger Audio
var i = 0;
function playAudio() {
	++i;
	if (i === 1) {
		bassAudioE1.currentTime = 0;
		bassAudioE1.play();
	} else if (i === 2) {
		bassAudioF1.currentTime = 0;
		bassAudioF1.play();
	} else if (i === 3) {
		bassAudioFS1.currentTime = 0;
		bassAudioFS1.play();
	} else if (i > 3 && i < 21) {
		bassAudioG1.currentTime = 0;
		bassAudioG1.play();
	} else if (i === 21 || i === 22 || i === 23) {
		bassAudioC2.currentTime = 0;
		bassAudioC2.play();
	} else if (i === 24) {
		bassAudioAS1.currentTime = 0;
		bassAudioAS1.play();
	} else if (i > 24 && i < 29) {
		bassAudioG1.currentTime = 0;
		bassAudioG1.play();
	} else if (i === 29 ) {
		bassAudioA1.currentTime = 0;
		bassAudioA1.play();
		i = 0;
	}
}

function rockOut() {
	pluck.restart();
	pluck.play();
	playAudio();
}

//Do the stuff when clicked
guitar.addEventListener("click", rockOut);
            
          
!
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.
Loading ..................

Console