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 includes JSX processing.

Add External Scripts/Pens

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

+ add another resource

Packages

Add Packages

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

Behavior

Save Automatically?

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

Auto-Updating Preview

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

Format on Save

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

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

HTML

              
                <svg class="geo" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="792px"
	 height="792px" viewBox="0 0 792 792" enable-background="new 0 0 792 792" xml:space="preserve">
<g id="background" display="none">
	<rect x="-24.843" y="-39.979" display="inline" fill="#F7E3CB" width="841.686" height="871.959"/>
</g>
<g id="circles">
	<g id="outer-circ">
		
			<path fill="none" stroke="#E8B746" stroke-width="6.3294" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
			M574.097,456.446C553.315,537.674,479.62,597.74,391.894,597.74c-87.706,0-161.4-60.066-182.182-141.294"/>
		
			<path fill="none" stroke="#E8B746" stroke-width="6.3294" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
			M283.462,256.021c30.645-21.667,68.055-34.396,108.431-34.396c89.329,0,164.122,62.282,183.301,145.788"/>
		
			<path fill="none" stroke="#E8B746" stroke-width="6.3294" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
			M208.614,367.412c5.125-22.316,14.222-43.117,26.507-61.619"/>
	</g>
	<g id="inner-circ">
		
			<path fill="none" stroke="#A2897D" stroke-width="4.2196" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
			M304.948,547.526c-32.871-20.803-57.81-53.02-69.202-91.08"/>
		
			<path fill="none" stroke="#A2897D" stroke-width="4.2196" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
			M548.04,456.446c-11.604,38.82-37.301,71.564-71.142,92.283"/>
		
			<path fill="none" stroke="#A2897D" stroke-width="4.2196" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
			M538.45,338.363c4.498,9.229,8.151,18.945,10.856,29.049"/>
		
			<path fill="none" stroke="#A2897D" stroke-width="4.2196" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
			M302.59,273.369c25.647-16.841,56.333-26.639,89.304-26.639c46.316,0,88.117,19.322,117.782,50.342"/>
		
			<path fill="none" stroke="#A2897D" stroke-width="4.2196" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
			M234.501,367.412c2.851-10.647,6.753-20.864,11.589-30.533"/>
	</g>
	<g id="outer-lines">
		<g id="o-l-one">
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="554.82" y1="574.672" x2="575.062" y2="594.913"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="211.887" y1="231.739" x2="229.331" y2="249.183"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="539.321" y1="267.479" x2="575.062" y2="231.739"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="211.887" y1="594.913" x2="232.112" y2="574.688"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="393.474" y1="638.937" x2="393.474" y2="670.129"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="393.474" y1="156.523" x2="393.474" y2="207.019"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="626.982" y1="413.326" x2="650.277" y2="413.326"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="136.671" y1="413.326" x2="153.061" y2="413.326"/>
		</g>
		<g>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="481.848" y1="619.323" x2="483.932" y2="624.18"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="303.017" y1="202.472" x2="312.124" y2="223.701"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="583.025" y1="332.007" x2="604.328" y2="322.869"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="182.621" y1="503.783" x2="202.595" y2="495.215"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="310.682" y1="620.528" x2="308.341" y2="626.385"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="478.607" y1="200.267" x2="470.039" y2="221.711"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="584.897" y1="489.813" x2="606.533" y2="498.459"/>
			
				<line fill="none" stroke="#E8B746" stroke-width="4" stroke-linecap="round" stroke-miterlimit="10" x1="180.415" y1="328.193" x2="201.948" y2="336.797"/>
		</g>
	</g>
	<g id="brown-dots">
		<g>
			<circle fill="#A2897D" cx="624.329" cy="562.742" r="4.664"/>
			<circle fill="#A2897D" cx="527.539" cy="180.393" r="5.061"/>
			<circle fill="#A2897D" cx="159.235" cy="470.039" r="6.174"/>
		</g>
	</g>
	<g id="yellow-dots">
		<circle fill="#E8B746" cx="683.996" cy="457.09" r="9.891"/>
		<circle fill="#E8B746" cx="632.099" cy="281.298" r="19.967"/>
		<circle fill="#E8B746" cx="332.743" cy="167.358" r="10.835"/>
		<circle fill="#E8B746" cx="165.048" cy="273.318" r="11.987"/>
		<circle fill="#E8B746" cx="315.709" cy="676.327" r="6.198"/>
		<circle fill="#E8B746" cx="110.989" cy="600.943" r="16.143"/>
	</g>
	
		<line class="num_two_lines" fill="none" stroke="#E8B746" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="508.959" y1="383.812" x2="616.632" y2="383.812"/>
	
		<line class="num_two_lines" fill="none" stroke="#E8B746" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="508.959" y1="434.794" x2="616.632" y2="434.794"/>
</g>
<g id="type">
	<g id="georgia">
		<path fill="#3A3935" d="M327.348,571.41c-2.767,1.114-5.114,0.701-7.538-0.379c-2.58-1.148-4.149-2.891-5.045-5.227
			c-1.293-3.368,0.184-6.434,1.666-9.759c1.48-3.323,2.771-6.473,6.141-7.765c2.335-0.896,4.586-0.937,7.259,0.255
			c5.687,2.532,6.462,7.31,5.372,11.18l-5.469-2.437c0.312-1.871-0.198-3.066-2.062-3.896c-0.994-0.443-1.935-0.341-2.572,0.009
			c-0.789,0.431-1.432,1.037-3.23,5.077c-1.8,4.039-1.835,4.954-1.629,5.829c0.169,0.708,0.734,1.443,1.729,1.887
			c1.15,0.512,2.079,0.516,2.812,0.209c0.897-0.345,1.517-1.147,1.891-1.986l0.14-0.312l-3.264-1.453l2.021-4.536l8.668,3.86
			l-1.369,3.077C331.275,568.617,329.789,570.449,327.348,571.41z"/>
		<path fill="#3A3935" d="M336.948,577.615l6.517-23.336l15.863,4.432l-1.428,5.112l-10.127-2.829l-1.09,3.901l8.652,2.416
			l-1.429,5.112l-8.651-2.417l-1.145,4.098l10.127,2.827l-1.428,5.113L336.948,577.615z"/>
		<path fill="#3A3935" d="M377.005,583.213c-1.977,1.533-4.121,2.223-7.059,1.852c-2.936-0.37-4.842-1.57-6.375-3.549
			c-2.213-2.851-1.686-6.213-1.229-9.824c0.456-3.613,0.781-7.001,3.632-9.213c1.977-1.534,4.121-2.224,7.059-1.853
			c2.936,0.371,4.842,1.571,6.375,3.549c2.213,2.851,1.686,6.213,1.23,9.825C380.181,577.611,379.857,581,377.005,583.213z
			 M374.598,567.236c-0.366-0.629-1.151-1.209-2.231-1.345c-1.08-0.137-1.982,0.229-2.494,0.749
			c-0.629,0.641-1.069,1.407-1.623,5.795c-0.555,4.389-0.314,5.208,0.136,5.984c0.366,0.629,1.146,1.242,2.228,1.379
			c1.08,0.137,1.988-0.263,2.498-0.781c0.631-0.642,1.065-1.375,1.619-5.764S375.048,568.013,374.598,567.236z"/>
		<path fill="#3A3935" d="M400.279,586.091l-4.522-8.898l-2.007,0.053l0.239,9.013l-5.953,0.157l-0.639-24.213l9.59-0.254
			c5.374-0.143,8.364,3.591,8.469,7.569c0.088,3.298-1.898,5.428-3.777,6.43l5.504,9.961L400.279,586.091z M396.857,567.295
			l-3.367,0.088l0.129,4.897l3.367-0.089c1.633-0.043,2.553-1.258,2.52-2.517S398.488,567.252,396.857,567.295z"/>
		<path fill="#3A3935" d="M429.734,579.693c-1.658,2.481-3.83,3.465-6.441,3.941c-2.779,0.506-5.059-0.047-7.117-1.469
			c-2.969-2.055-3.477-5.42-4.131-9.002c-0.652-3.582-1.363-6.912,0.689-9.879c1.424-2.059,3.262-3.361,6.141-3.886
			c6.125-1.118,9.463,2.39,10.746,6.202l-5.893,1.074c-0.797-1.722-1.895-2.421-3.902-2.055c-1.07,0.194-1.789,0.81-2.121,1.458
			c-0.406,0.801-0.596,1.665,0.197,6.018c0.795,4.352,1.281,5.127,1.945,5.732c0.539,0.49,1.422,0.778,2.492,0.583
			c1.24-0.226,2.01-0.746,2.441-1.414c0.547-0.79,0.604-1.804,0.439-2.708l-0.061-0.335l-3.516,0.642l-0.891-4.888l9.34-1.703
			l0.604,3.314C431.4,575.17,431.205,577.522,429.734,579.693z"/>
		<path fill="#3A3935" d="M440.688,579.37l-7.117-23.159l5.691-1.75l7.119,23.16L440.688,579.37z"/>
		<path fill="#3A3935" d="M467.559,569.201l-2.504-2.828l-6.793,3.06l0.395,3.776l-5.676,2.557l-1.91-25.701l4.188-1.886
			l17.979,18.467L467.559,569.201z M457.074,557.433l0.668,6.787l3.846-1.731L457.074,557.433z"/>
	</g>
	<g id="cas">
		<path fill="#A2897D" d="M228.206,550.109c-0.98-1.144-1.409-2.491-1.302-3.898c0.159-2.011,1.393-3.043,3.515-4.856
			c2.118-1.812,3.33-2.876,5.338-2.72c1.407,0.109,2.672,0.742,3.651,1.888c1.737,2.027,1.842,4.563-0.022,6.83l-1.459-1.702
			c0.89-1.216,1.028-2.621-0.019-3.843c-0.554-0.65-1.308-1.027-2.056-1.055c-1.051-0.039-1.791,0.379-4.005,2.272
			c-2.21,1.894-2.74,2.562-2.866,3.605c-0.084,0.744,0.169,1.546,0.725,2.194c1.049,1.222,2.47,1.319,3.808,0.627l1.444,1.689
			C232.444,552.649,229.914,552.107,228.206,550.109z"/>
		<path fill="#A2897D" d="M242.731,565.301l4.442-4.507l-4.189-4.129l-4.442,4.509l-1.566-1.544l10.168-10.32l1.568,1.541
			l-4.341,4.409l4.189,4.127l4.341-4.407l1.566,1.542L244.3,566.846L242.731,565.301z"/>
		<path fill="#A2897D" d="M257.082,577.914l1.096-2.877l-4.401-3.661l-2.629,1.599l-1.801-1.495l13.361-7.747l1.362,1.133
			l-5.19,14.544L257.082,577.914z M261.333,566.852l-5.855,3.501l3.428,2.852L261.333,566.852z"/>
		<path fill="#A2897D" d="M270.903,588.119l1.01-6.761l-2.254-1.58l-3.511,5.005l-1.801-1.263l8.333-11.881l4.607,3.231
			c2.252,1.58,2.668,4.038,1.252,6.055c-1.195,1.704-2.992,2.062-4.582,1.492l-0.952,7.176L270.903,588.119z M276.017,576.396
			l-2.67-1.873l-2.61,3.719l2.668,1.873c1.203,0.845,2.501,0.733,3.319-0.435C277.543,578.514,277.216,577.238,276.017,576.396z"/>
		<path fill="#A2897D" d="M279.383,593.607l7.35-12.496l1.896,1.115l-6.348,10.794l6.021,3.54l-1,1.701L279.383,593.607z"/>
		<path fill="#A2897D" d="M293.685,601.653l6.362-13.023l8.324,4.065l-0.867,1.773l-6.348-3.101l-1.856,3.806l5.415,2.646
			l-0.859,1.757l-5.415-2.647l-1.912,3.915l6.348,3.103l-0.867,1.772L293.685,601.653z"/>
		<path fill="#A2897D" d="M312.734,610.356c-2.029-0.796-3.305-1.844-4.079-3.659l1.896-0.812c0.597,1.376,1.56,2.104,2.944,2.647
			c1.764,0.692,3.086,0.338,3.602-0.971c0.231-0.589,0.253-1.147,0.021-1.613c-0.217-0.455-0.505-0.724-1.257-1.151l-1.504-0.854
			c-1.038-0.583-1.764-1.306-2.134-2.087c-0.418-0.886-0.406-1.867,0.026-2.967c0.925-2.354,3.266-3.295,6.072-2.19
			c1.784,0.7,2.857,1.648,3.587,3.184l-1.813,0.776c-0.523-1.125-1.393-1.753-2.53-2.198c-1.593-0.629-2.825-0.06-3.294,1.135
			c-0.194,0.493-0.212,0.989,0.021,1.453c0.223,0.438,0.682,0.884,1.271,1.222l1.448,0.832c1.177,0.683,1.757,1.262,2.126,1.997
			c0.486,0.936,0.465,2.046,0.01,3.201C318.17,610.787,315.562,611.469,312.734,610.356z"/>
		<path fill="#A2897D" d="M333.25,604.104l-3.676,11.98l-2.104-0.645l3.676-11.981l-3.82-1.17l0.581-1.89l9.739,2.987l-0.579,1.89
			L333.25,604.104z"/>
		<path fill="#A2897D" d="M348.57,619.459c-1.188,0.754-2.561,1.01-4.071,0.67c-1.512-0.338-2.623-1.152-3.377-2.343
			c-1.08-1.702-0.705-3.268-0.095-5.992c0.612-2.719,0.944-4.293,2.646-5.373c1.191-0.754,2.544-1.016,4.053-0.674
			c1.512,0.338,2.644,1.156,3.397,2.349c1.08,1.7,0.687,3.262,0.074,5.983C350.587,616.801,350.274,618.379,348.57,619.459z
			 M349.205,609.02c-0.377-0.647-1.076-1.158-1.91-1.346c-0.834-0.189-1.685-0.022-2.303,0.401c-0.863,0.598-1.181,1.36-1.819,4.203
			c-0.637,2.842-0.678,3.666-0.152,4.578c0.379,0.646,1.077,1.158,1.912,1.346c0.833,0.188,1.684,0.022,2.302-0.401
			c0.865-0.598,1.181-1.36,1.819-4.203C349.689,610.756,349.73,609.93,349.205,609.02z"/>
		<path fill="#A2897D" d="M366.428,623.768l-5.293-10.998l-1.348,10.113l-2.182-0.292l1.917-14.371l1.996,0.266l5.297,10.978
			l1.348-10.094l2.18,0.291l-1.916,14.375L366.428,623.768z"/>
		<path fill="#A2897D" d="M394.539,625.288l-0.954-2.928l-5.726-0.085l-1.042,2.896l-2.345-0.034l5.539-14.429l1.772,0.024
			l5.101,14.589L394.539,625.288z M390.898,614.003l-2.359,6.406l4.462,0.067L390.898,614.003z"/>
		<path fill="#A2897D" d="M412.646,624.274l-7.495-9.643l0.813,10.176l-2.194,0.175l-1.155-14.463l2.011-0.159l7.495,9.622
			l-0.813-10.158l2.194-0.173l1.157,14.462L412.646,624.274z"/>
		<path fill="#A2897D" d="M423.057,623.007l-2.143-14.347l2.174-0.325l2.145,14.347L423.057,623.007z"/>
		<path fill="#A2897D" d="M443.949,618.948l-2.153-9.453l-1.688,7.632l-1.589,0.362l-4.905-6.134l2.153,9.455l-2.146,0.488
			l-3.22-14.141l2.145-0.488l6.136,7.858l2.046-9.721l2.145-0.488l3.221,14.141L443.949,618.948z"/>
		<path fill="#A2897D" d="M462.277,613.527l-1.85-2.46l-5.443,1.768l-0.05,3.078l-2.229,0.726l0.579-15.44l1.686-0.546l9.537,12.151
			L462.277,613.527z M455.188,604.029l-0.163,6.821l4.244-1.378L455.188,604.029z"/>
		<path fill="#A2897D" d="M470.869,610.354l-5.559-13.382l2.031-0.843l4.799,11.561l6.447-2.679l0.758,1.823L470.869,610.354z"/>
		<path fill="#A2897D" d="M497.613,597.725c-1.897,1.071-3.516,1.4-5.411,0.861l0.565-1.984c1.441,0.401,2.612,0.115,3.908-0.618
			c1.65-0.932,2.204-2.183,1.515-3.404c-0.312-0.55-0.731-0.921-1.241-1.032c-0.488-0.121-0.877-0.065-1.681,0.25l-1.611,0.628
			c-1.108,0.441-2.124,0.548-2.965,0.345c-0.952-0.233-1.704-0.861-2.287-1.892c-1.242-2.198-0.496-4.607,2.126-6.091
			c1.667-0.941,3.078-1.179,4.73-0.778l-0.541,1.897c-1.201-0.306-2.238-0.023-3.299,0.576c-1.49,0.843-1.826,2.155-1.193,3.272
			c0.26,0.462,0.633,0.789,1.14,0.9c0.48,0.103,1.114,0.024,1.749-0.219l1.558-0.598c1.271-0.485,2.087-0.572,2.891-0.394
			c1.032,0.211,1.879,0.926,2.489,2.007C501.369,593.774,500.255,596.23,497.613,597.725z"/>
		<path fill="#A2897D" d="M514.931,585.012c-0.269,1.387-1.022,2.559-2.304,3.427c-1.279,0.867-2.633,1.118-4.02,0.853
			c-1.979-0.381-2.864-1.727-4.428-4.036c-1.562-2.31-2.48-3.63-2.1-5.61c0.27-1.385,1.005-2.547,2.287-3.414
			c1.281-0.867,2.653-1.131,4.038-0.863c1.978,0.381,2.846,1.737,4.407,4.047C514.376,581.724,515.312,583.032,514.931,585.012z
			 M507.763,577.398c-0.729-0.171-1.581-0.01-2.287,0.468c-0.709,0.479-1.175,1.21-1.288,1.951
			c-0.154,1.039,0.184,1.793,1.815,4.205c1.632,2.411,2.204,3.007,3.229,3.247c0.729,0.169,1.58,0.013,2.289-0.468
			c0.709-0.478,1.17-1.211,1.286-1.95c0.156-1.041-0.184-1.795-1.813-4.206C509.361,578.235,508.788,577.64,507.763,577.398z"/>
		<path fill="#A2897D" d="M527.104,577.736c-1.175,0.946-2.535,1.333-3.938,1.181c-2.003-0.218-2.996-1.483-4.743-3.657
			c-1.747-2.171-2.773-3.414-2.555-5.416c0.152-1.403,0.822-2.648,1.996-3.59c2.079-1.673,4.615-1.701,6.824,0.231l-1.745,1.405
			c-1.189-0.928-2.588-1.107-3.841-0.1c-0.667,0.536-1.065,1.273-1.116,2.021c-0.072,1.051,0.323,1.801,2.148,4.071
			c1.825,2.267,2.475,2.816,3.516,2.971c0.741,0.109,1.549-0.121,2.215-0.657c1.254-1.007,1.393-2.427,0.743-3.787l1.729-1.389
			C529.77,573.579,529.149,576.091,527.104,577.736z"/>
		<path fill="#A2897D" d="M536.688,569.388l-9.797-10.699l1.622-1.483l9.797,10.695L536.688,569.388z"/>
		<path fill="#A2897D" d="M544.383,562.108l-10.46-10.054l6.426-6.683l1.427,1.368l-4.902,5.098l3.056,2.938l4.181-4.349
			l1.409,1.357l-4.179,4.348l3.145,3.022l4.899-5.1l1.426,1.37L544.383,562.108z"/>
		<path fill="#A2897D" d="M549.376,537.854l9.667,7.972l-1.399,1.697l-9.667-7.972l-2.54,3.082l-1.525-1.259l6.48-7.86l1.524,1.257
			L549.376,537.854z"/>
		<path fill="#A2897D" d="M563.79,529.664l4.868,3.449l-1.271,1.795l-4.871-3.447l-9.47-1.393l1.389-1.96l6.956,1.206l-3.449-6.161
			l1.391-1.959L563.79,529.664z"/>
	</g>
	<g id="num_one">
		<path fill="#3A3935" d="M166.033,424.987v-6.346l11.062-12.006c1.114-1.2,1.543-1.973,1.543-3.259c0-1.672-0.942-2.83-2.744-2.83
			c-1.286,0-2.829,0.601-2.829,2.959h-7.032c0-6.003,4.545-9.305,9.861-9.305c5.66,0,9.776,3.474,9.776,9.219
			c0,3.216-1.329,4.931-3.773,7.504l-7.289,7.718h11.062v6.346H166.033z"/>
		<path fill="#3A3935" d="M202.735,425.244c-5.06,0-9.819-3.216-9.819-9.519v-12.005c0-6.304,4.76-9.52,9.819-9.52
			s9.818,3.216,9.818,9.52v12.005C212.553,422.028,207.794,425.244,202.735,425.244z M205.522,403.721
			c0-2.145-1.286-3.174-2.787-3.174s-2.787,1.029-2.787,3.174v12.048c0,2.144,1.286,3.13,2.787,3.13s2.787-0.986,2.787-3.13V403.721
			z"/>
		<path fill="#3A3935" d="M228.246,424.987v-23.025l-6.517,5.66v-7.504l6.517-5.66h7.032v30.529H228.246z"/>
		<path fill="#3A3935" d="M265.376,420.957v4.03h-6.688v-4.03H246.04v-6.689l10.118-19.809h7.719l-10.119,19.809h4.931v-4.03h6.688
			v4.03h2.272v6.689H265.376z"/>
	</g>
	<g id="estd">
		<path fill="#E8B746" d="M202.991,387.977v-8.365h5.346v1.14h-4.077v2.443h3.479v1.128h-3.479v2.515h4.077v1.14H202.991z"/>
		<path fill="#E8B746" d="M213.176,388.047c-1.258,0-2.162-0.294-2.961-1.104l0.846-0.834c0.611,0.611,1.281,0.799,2.139,0.799
			c1.093,0,1.727-0.47,1.727-1.28c0-0.364-0.105-0.67-0.328-0.87c-0.212-0.199-0.424-0.281-0.917-0.352l-0.986-0.142
			c-0.682-0.094-1.223-0.329-1.587-0.67c-0.411-0.388-0.61-0.916-0.61-1.598c0-1.457,1.057-2.455,2.796-2.455
			c1.104,0,1.88,0.281,2.597,0.951l-0.811,0.799c-0.518-0.493-1.116-0.646-1.821-0.646c-0.987,0-1.527,0.563-1.527,1.304
			c0,0.306,0.094,0.575,0.317,0.775c0.211,0.188,0.552,0.329,0.939,0.388l0.952,0.141c0.775,0.118,1.21,0.306,1.562,0.623
			c0.458,0.399,0.682,0.999,0.682,1.716C216.184,387.131,214.926,388.047,213.176,388.047z"/>
		<path fill="#E8B746" d="M221.598,380.751v7.226h-1.269v-7.226h-2.303v-1.14h5.875v1.14H221.598z"/>
		<path fill="#E8B746" d="M231.325,387.19c-0.528,0.528-1.292,0.787-2.161,0.787h-2.938v-8.365h2.938
			c0.869,0,1.633,0.258,2.161,0.787c0.905,0.904,0.847,2.126,0.847,3.337C232.171,384.946,232.23,386.285,231.325,387.19z
			 M230.456,381.315c-0.353-0.388-0.822-0.563-1.422-0.563h-1.539v6.086h1.539c0.6,0,1.069-0.176,1.422-0.564
			c0.435-0.481,0.446-1.386,0.446-2.537S230.89,381.797,230.456,381.315z"/>
	</g>
	<g id="num_two">
		<path fill="#3A3935" d="M511.947,424.987v-6.346l11.062-12.006c1.115-1.2,1.543-1.973,1.543-3.259c0-1.672-0.941-2.83-2.744-2.83
			c-1.285,0-2.828,0.601-2.828,2.959h-7.033c0-6.003,4.545-9.305,9.861-9.305c5.66,0,9.777,3.474,9.777,9.219
			c0,3.216-1.33,4.931-3.773,7.504l-7.289,7.718h11.062v6.346H511.947z"/>
		<path fill="#3A3935" d="M548.65,425.244c-5.061,0-9.82-3.216-9.82-9.519v-12.005c0-6.304,4.76-9.52,9.82-9.52
			c5.059,0,9.818,3.216,9.818,9.52v12.005C558.469,422.028,553.709,425.244,548.65,425.244z M551.438,403.721
			c0-2.145-1.287-3.174-2.787-3.174c-1.502,0-2.787,1.029-2.787,3.174v12.048c0,2.144,1.285,3.13,2.787,3.13
			c1.5,0,2.787-0.986,2.787-3.13V403.721z"/>
		<path fill="#3A3935" d="M574.16,424.987v-23.025l-6.516,5.66v-7.504l6.516-5.66h7.033v30.529H574.16z"/>
		<path fill="#3A3935" d="M602.631,425.244c-5.488,0-10.162-3.344-10.162-9.818c0-3.13,1.5-6.003,2.916-8.876l5.873-12.091h7.719
			l-6.045,11.963c0.6-0.215,1.242-0.215,1.715-0.215c3.73,0,8.146,3.173,8.146,9.219C612.793,421.9,608.119,425.244,602.631,425.244
			z M602.631,411.953c-1.715,0-3.131,1.2-3.131,3.473s1.416,3.473,3.131,3.473s3.129-1.2,3.129-3.473
			S604.346,411.953,602.631,411.953z"/>
	</g>
	<g id="resc">
		<g>
			<path fill="#E8B746" d="M198.885,442.606l-1.763-3.524h-1.586v3.524h-1.269v-8.365h3.243c1.586,0,2.596,1.021,2.596,2.443
				c0,1.198-0.729,1.962-1.668,2.221l1.927,3.701H198.885z M197.417,435.381h-1.88v2.62h1.88c0.847,0,1.422-0.482,1.422-1.305
				S198.263,435.381,197.417,435.381z"/>
			<path fill="#E8B746" d="M202.843,442.606v-8.365h5.346v1.14h-4.077v2.443h3.479v1.128h-3.479v2.515h4.077v1.14H202.843z"/>
			<path fill="#E8B746" d="M213.029,442.677c-1.258,0-2.162-0.294-2.961-1.104l0.846-0.834c0.611,0.611,1.281,0.799,2.139,0.799
				c1.093,0,1.727-0.47,1.727-1.28c0-0.364-0.105-0.67-0.328-0.87c-0.212-0.199-0.424-0.281-0.917-0.352l-0.986-0.142
				c-0.682-0.094-1.223-0.329-1.587-0.67c-0.411-0.388-0.61-0.916-0.61-1.598c0-1.457,1.058-2.455,2.796-2.455
				c1.104,0,1.88,0.281,2.597,0.951l-0.811,0.799c-0.517-0.493-1.116-0.646-1.821-0.646c-0.987,0-1.527,0.563-1.527,1.304
				c0,0.306,0.094,0.575,0.317,0.775c0.211,0.188,0.552,0.329,0.939,0.388l0.952,0.141c0.775,0.118,1.21,0.306,1.562,0.623
				c0.458,0.399,0.682,0.999,0.682,1.716C216.037,441.761,214.779,442.677,213.029,442.677z"/>
			<path fill="#E8B746" d="M221.322,442.677c-0.869,0-1.621-0.317-2.197-0.893c-0.822-0.822-0.811-1.751-0.811-3.36
				s-0.012-2.538,0.811-3.36c0.576-0.576,1.328-0.893,2.197-0.893c1.539,0,2.69,0.904,2.984,2.572h-1.292
				c-0.2-0.846-0.764-1.433-1.692-1.433c-0.493,0-0.939,0.188-1.233,0.505c-0.411,0.446-0.506,0.928-0.506,2.608
				c0,1.68,0.095,2.162,0.506,2.608c0.294,0.317,0.74,0.505,1.233,0.505c0.929,0,1.504-0.587,1.704-1.434h1.28
				C224.024,441.772,222.837,442.677,221.322,442.677z"/>
			<path fill="#E8B746" d="M229.745,442.677c-1.704,0-2.996-1.163-2.996-2.89v-5.546h1.269v5.486c0,1.116,0.682,1.81,1.728,1.81
				c1.045,0,1.738-0.693,1.738-1.81v-5.486h1.27v5.546C232.752,441.514,231.448,442.677,229.745,442.677z"/>
			<path fill="#E8B746" d="M235.688,442.606v-8.365h5.346v1.14h-4.077v2.443h3.479v1.128h-3.479v2.515h4.077v1.14H235.688z"/>
		</g>
	</g>
</g>
<g id="dog">
	
		<path fill="none" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M357.662,530.623c-8.673,0-22.431-11.273-22.431-42.619c0-38.88-31.137-24.422-31.137-75.266c0-10.855-0.76-18.227-1.722-23.21
		c-1.047-5.423-4.831-9.877-9.977-11.885c-7.411-2.891-20.271-10.168-30.739-27.814c-15.702-26.469-29.795-78.323-16.15-91.967
		c16.41-16.41,72.375,38.646,79.854,46.208c11.068,11.19,13.462,18.966,20.593,17.54c5.291-1.058,14.984-4.585,25.751-4.585
		c10.767,0,16.227,11.641,16.227,11.641s4.351-11.17,17.521-11.17c13.145,0,18.115,7.996,27.984,7.996
		c9.87,0,9.015-29.047,39.521-29.047c13.459,0,22.88,9.421,34.544,9.421s13.907-3.589,17.945-3.589
		c4.037,0,12.112,1.795,12.112,9.87c0,8.075,2.389,13.486-3.234,17.578c-4.522,3.291-15.874,2.822-15.874,2.822
		s0.267,18.181-12.295,30.294s-26.469,27.366-26.469,27.366s-2.691,10.094-2.691,27.516c0,40.376-30.806,46.955-30.806,69.387
		c0,35.572-14.355,43.965-25.721,43.965c-9.379,0-15.48-10.855-30.95-10.855C374.05,520.217,372.639,530.623,357.662,530.623z"/>
	
		<path fill="none" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M411.964,528.127c-0.183,0.282-4.423,6.497-20.318,6.497c-15.408,0-24.107-5.849-24.968-6.455c0.042-0.021,0.084-0.035,0.127-0.049
		c7.937-2.956,12.65-7.902,22.717-7.902c10.28,0,15.81,4.946,22.428,7.902C411.957,528.12,411.957,528.12,411.964,528.127z"/>
	
		<path fill="none" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M357.662,527.197c-8.673,0-22.431-7.848-22.431-39.193c0-38.88-31.137-24.422-31.137-75.266c0-10.855-0.76-18.227-1.722-23.21
		c-1.047-5.423-4.831-9.877-9.977-11.885c-7.411-2.891-20.271-10.168-30.739-27.814c-15.702-26.469-29.795-78.323-16.15-91.967
		c16.41-16.41,72.375,38.646,79.854,46.208c11.068,11.19,13.462,18.966,20.593,17.54c5.291-1.058,14.984-4.585,25.751-4.585
		c10.767,0,16.227,11.641,16.227,11.641s4.351-11.17,17.521-11.17c13.145,0,18.115,7.996,27.984,7.996
		c9.87,0,9.015-29.047,39.521-29.047c13.459,0,22.88,9.421,34.544,9.421s13.907-3.589,17.945-3.589
		c4.037,0,12.112,1.795,12.112,9.87c0,8.075,2.389,13.486-3.234,17.578c-4.522,3.291-15.874,2.822-15.874,2.822
		s0.267,18.181-12.295,30.294s-26.469,27.366-26.469,27.366s-2.691,10.094-2.691,27.516c0,40.376-30.806,46.955-30.806,69.387
		c0,35.572-14.355,40.538-25.721,40.538c-9.379,0-15.48-7.429-30.95-7.429C374.05,520.217,372.639,527.197,357.662,527.197z"/>
	
		<path fill="#8285AC" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M421.914,322.198c0,0,10.817,5.056,15.051,8.231"/>
	
		<path fill="#8285AC" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M475.768,381.226c0,0,4.232,4.938,2.821,15.168"/>
	
		<path fill="#8285AC" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M304.094,404.507c0,0-1.646-21.165,3.762-29.396"/>
	
		<path fill="#8285AC" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M332.555,326.913c2.93-1.634,9.202-4.737,16.574-6.008"/>
	
		<path id="nose" fill="#3A3935" stroke="#3A3935" stroke-width="3.9298" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M390.516,501.963c-8.746,0-13.208-4.641-13.208-7.854s8.568-0.715,8.568-6.069c0-3.569-2.142-6.426-6.069-6.426
		c-4.641,0-2.142,5.354-5.891,5.354c-2.499,0-3.034-2.498-3.034-4.997c0-4.394,7.138-7.495,19.812-7.495
		c12.674,0,19.635,3.032,19.635,7.495c0,2.499-0.535,4.997-3.034,4.997c-3.749,0-1.25-5.354-5.891-5.354
		c-3.927,0-6.069,2.856-6.069,6.426c0,5.354,8.568,2.856,8.568,6.069S399.263,501.963,390.516,501.963z"/>
	<path fill="#3A3935" d="M509.516,327.347c-0.296,0.717-0.76,1.266-1.351,1.667c0.971,5.317,0.717,13.904-6.709,23.334
		c-6.056,7.722-11.498,13.123-15.001,16.288c-1.667,1.498-3.798,2.321-5.991,2.321c-0.719,0-1.436-0.105-2.152-0.274
		c-2.849-0.696-5.169-2.743-6.204-5.506c-2.066-5.549-5.295-11.013-9.641-16.225c-0.253-0.295-0.485-0.591-0.739-0.865
		c0.696-0.211,1.413-0.38,2.132-0.527c1.139-0.211,1.878-1.308,1.667-2.447c-0.232-1.14-1.33-1.899-2.469-1.646
		c-1.52,0.295-2.997,0.696-4.452,1.245c-0.675-0.696-1.35-1.372-2.046-2.004c-0.423-0.401-0.739-0.907-0.908-1.456
		c1.098-0.443,2.194-0.822,3.334-1.118c0.507-0.147,1.013-0.253,1.54-0.358c1.14-0.211,1.878-1.308,1.667-2.447
		c-0.231-1.139-1.329-1.899-2.469-1.667c-1.497,0.295-2.975,0.696-4.41,1.224c-1.223,0.443-2.446,0.992-3.628,1.604
		c-0.781-0.611-1.582-1.224-2.363-1.772c-0.316-0.211-0.569-0.485-0.781-0.781c0.781-0.675,1.731-1.372,2.828-2.089
		c2.405-1.583,5.549-3.08,9.283-3.819c1.14-0.211,1.878-1.308,1.667-2.447c-0.212-1.118-1.351-1.877-2.448-1.646
		c-3.818,0.738-7.067,2.152-9.684,3.713c-1.076,0.633-2.047,1.309-2.911,1.941c-0.738-1.055-0.823-2.426-0.211-3.587
		c2.869-5.422,11.097-18.018,25.528-18.018c9.241,0,19.474,5.106,29.347,10.042c1.963,0.971,3.903,1.941,5.803,2.849
		C509.432,323.675,510.19,325.638,509.516,327.347z"/>
	
		<path fill="#3A3935" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M525.992,332.241c-5.843,0-12.658-2.764-19.768-6.182L525.992,332.241z"/>
	<path fill="#3A3935" d="M325.202,338.951c-0.548,0.401-1.075,0.823-1.582,1.287c-3.143-1.898-6.477-3.207-9.938-3.861
		c-1.118-0.232-2.236,0.528-2.448,1.646c-0.21,1.139,0.528,2.236,1.667,2.447c2.617,0.527,5.19,1.456,7.638,2.827
		c-1.013,1.118-1.877,2.3-2.615,3.46c-2.448-1.224-5.001-2.088-7.575-2.595c-1.118-0.211-2.235,0.527-2.447,1.667
		c-0.211,1.139,0.527,2.236,1.667,2.447c2.13,0.401,4.262,1.14,6.308,2.131v0.021c-1.54,3.122-2.489,6.181-3.354,8.966l-0.422,1.35
		c-0.844,2.637-2.764,4.811-5.274,5.929c-1.265,0.591-2.616,0.865-3.987,0.865c-1.33,0-2.659-0.274-3.903-0.823
		c-3.06-1.351-6.71-3.08-10.866-5.169c-17.871-8.925-26.9-37.935-31.753-53.505c-6.35-20.38-6.203-31.583,0.506-36.31
		c5.486-3.861,14.578-0.886,27.807,9.093c9.917,7.49,19.304,16.815,23.271,21.119c13.882,15.043,17.702,27.955,18.672,32.47
		c-2.744-2.532-7.955-6.372-15.128-7.764c-1.138-0.211-2.236,0.527-2.447,1.646c-0.233,1.14,0.527,2.236,1.646,2.469
		c4.62,0.886,8.354,3.017,10.907,4.937C323.388,337.073,324.632,338.339,325.202,338.951z"/>
	<path fill="#3A3935" d="M385.227,341.834c0-9.171-2.822-21.165-15.756-21.165c3.091-1.793,11.074,1.718,18.813,2.117
		c10.913,0.562,8.937-5.174,16.933-1.411c-15.521,0-14.463,18.684-14.463,20.225L385.227,341.834z"/>
	
		<path fill="none" stroke="#3A3935" stroke-width="4.9385" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M448.253,343.363c0,0,11.288,8.231,17.872,23.752"/>
	
		<path fill="none" stroke="#445586" stroke-width="7.5422" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M336.312,496.929"/>
	
		<path id="nose-line" fill="none" stroke="#3A3935" stroke-width="4.9385" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M425.759,467.917c-9.291-6.495-21.341-10.262-34.981-10.262c-13.016,0-24.552,3.429-33.618,9.404"/>
	
		<path fill="none" stroke="#3A3935" stroke-width="4.9385" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M477.413,405.213c0-5.409,3.528-8.937,10.818-8.937"/>
	
		<path fill="none" stroke="#3A3935" stroke-width="4.9385" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M478.354,399.099c0-7.291,9.406-12.935,16.696-12.935"/>
	
		<path fill="none" stroke="#3A3935" stroke-width="4.9385" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M476.943,414.854c0-6.114,5.174-7.407,7.407-7.407"/>
	
		<path fill="none" stroke="#3A3935" stroke-width="4.9385" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M485.645,383.812c4.938-5.174,13.404-9.642,19.283-5.409"/>
	
		<path fill="none" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M429.204,324.432c0,0-1.411-8.113,4.232-19.049"/>
	
		<path fill="none" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M351.951,318.436c0,0-2.822-12.699-10.935-18.696"/>
	
		<path fill="none" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M283.164,385.105c0,0,16.227-1.058,20.107,7.761"/>
	
		<path fill="none" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M288.808,395.688c0,0,10.935-0.353,14.11,5.644"/>
	
		<path fill="none" stroke="#3A3935" stroke-width="7.0551" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M293.747,407.682c0,0,5.291-1.058,8.466,5.645"/>
	
		<line fill="none" stroke="#3A3935" stroke-width="4.9385" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="390.516" y1="520.217" x2="390.516" y2="501.963"/>
	<g>
		<path fill="#3A3935" d="M352.083,439.431c-1.748-0.847-3.861-0.124-4.716,1.63c-0.054,0.111-0.101,0.211-0.154,0.321
			c-0.053,0.065-0.094,0.11-0.148,0.179c-3.817,4.858-10.467,11.817-16.713,11.817c-11.234,0-17.567-12.276-19.308-17.069
			c-2.178-5.996-0.423,7.324,3.202,13.539c3.239,5.554,8.67,11.517,13.653,17.347c2.415,2.825,4.743,5.718,6.439,7.515
			c-1.546,7.279-2.024,14.618-2.024,24.336c0,1.949,1.579,3.527,3.528,3.527c1.949,0,3.527-1.578,3.527-3.527
			c0-20.307,1.689-28.886,14.344-54.898C354.564,442.396,353.834,440.283,352.083,439.431z"/>
		<path fill="#3A3935" d="M470.175,437.975c-1.739,4.792-5.643,15.403-17.983,15.403c-6.246,0-13.039-7.497-17.456-11.817
			c-0.486-0.475-0.884-0.808-1.235-1.068c-1.028-1.145-2.717-1.532-4.159-0.831c-1.751,0.854-2.48,2.965-1.63,4.717
			c12.655,26.01,14.345,34.589,14.345,54.896c0,1.949,1.578,3.527,3.527,3.527s3.527-1.578,3.527-3.527
			c0-9.186-0.439-16.243-1.791-23.136c4.405-2.908,15.931-17.637,20.978-26.29C471.923,443.633,472.354,431.978,470.175,437.975z"/>
	</g>
	<circle fill="#3A3935" cx="421.123" cy="486.927" r="1.293"/>
	<circle fill="#3A3935" cx="422.416" cy="494.356" r="1.293"/>
	<circle fill="#3A3935" cx="429.439" cy="490.829" r="1.293"/>
	<circle fill="#3A3935" cx="410.219" cy="501.33" r="1.293"/>
	<circle fill="#3A3935" cx="411.513" cy="508.761" r="1.293"/>
	<circle fill="#3A3935" cx="418.536" cy="505.233" r="1.293"/>
	<circle fill="#3A3935" cx="426.532" cy="502.812" r="1.293"/>
	<circle fill="#3A3935" cx="427.825" cy="510.241" r="1.293"/>
	<circle fill="#3A3935" cx="434.848" cy="506.714" r="1.293"/>
	<circle fill="#3A3935" cx="357.92" cy="490.045" r="1.293"/>
	<circle fill="#3A3935" cx="359.214" cy="497.476" r="1.293"/>
	<circle fill="#3A3935" cx="366.237" cy="493.947" r="1.293"/>
	<circle fill="#3A3935" cx="347.017" cy="504.449" r="1.293"/>
	<circle fill="#3A3935" cx="348.311" cy="511.879" r="1.293"/>
	<circle fill="#3A3935" cx="355.333" cy="508.352" r="1.293"/>
	<circle fill="#3A3935" cx="363.329" cy="505.93" r="1.293"/>
	<circle fill="#3A3935" cx="364.623" cy="513.36" r="1.293"/>
	<circle fill="#3A3935" cx="371.646" cy="509.833" r="1.293"/>
	
		<path id="r-brow" fill="none" stroke="#3A3935" stroke-width="4.9385" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M416.076,380.78c0,0,24.935-5.959,37.544,9.686"/>
	
		<path id="l-brow" fill="none" stroke="#3A3935" stroke-width="4.9385" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
		M364.956,380.78c0,0-24.935-5.959-37.543,9.686"/>
	<g id="eyes">
		<g id="r-eye">
			<circle fill="#3A3935" cx="431.801" cy="404.701" r="9.806"/>
		</g>
		<polygon id="r-eye-tri" fill="#F7E3CB" points="416.63,393.777 427.36,404.507 416.63,415.237 		"/>
		<g id="l-eye">
			<circle fill="#3A3935" cx="350.305" cy="404.701" r="9.806"/>
		</g>
		<polygon id="l-eye-tri" fill="#F7E3CB" points="336.791,415.237 347.521,404.507 336.791,393.777 		"/>
	</g>
</g>
</svg>

              
            
!

CSS

              
                body{
  background: #F7E3CB;
  margin: 0px;
}

.geo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width: 100%;
}


#yellow-dots{
  circle{
    transform-origin: 50%;
  }
}


// #l-eye-tri, #r-eye-tri{
//   transform: translate(8px, 9px) rotate(-90deg);
//   transform-origin: 50% 50%;
// }

#georgia{
  path{
    // transform: translateY(10px);
    // opacity: 0;
  }
}


              
            
!

JS

              
                var tweenTime = .6;

// BUBBLES
var bubbles = new TimelineMax({
    paused: true
  })
  .staggerFrom($("#yellow-dots circle"), .8, {
    scale: 0,
    transformOrigin: '50% 50%',
    autoAlpha: 0,
    ease: Back.easeInOut.config(8),
  }, 0.1)

.staggerTo($("#yellow-dots circle"), 1.8, {
  scale: 0,
  transformOrigin: '50%',
  autoAlpha: 0,
  ease: Power2.easeInOut,
}, 0.14)

.staggerFrom($("#brown-dots circle"), .8, {
  scale: 0,
  transformOrigin: '50% 50%',
  autoAlpha: 0,
  ease: Back.easeInOut.config(8),
}, 0.1, '-=3')

.staggerTo($("#brown-dots circle"), 1.8, {
  scale: 0,
  transformOrigin: '50%',
  autoAlpha: 0,
  ease: Power2.easeInOut,
}, 0.14, '-=2')

.staggerFromTo($("#outer-lines line"), .5, {
  drawSVG: "0%",
  autoAlpha: '0',
  ease: Power2.ease
}, {
  drawSVG: "100%",
  autoAlpha: '1',
  fill: 'none',
  ease: Power3.easeOut
}, .015, '-=3')

.staggerTo($("#outer-lines line"), .4, {
  autoAlpha: '0',
  ease: Power4.easeOut
}, .01, '-=1')

// BROWS
var brows = new TimelineMax({
    repeat: -1
  })
  .from($("#l-brow"), 0.25, {
    x: -5,
    y: -1,
    rotation: -11,
    scale: 0.92,
    transformOrigin: '50% 50%',
    ease: Power2.easeIn
  }, '+=2.25')
  .to($("#l-brow"), 0.25, {
    x: -5,
    y: -1,
    rotation: -11,
    scale: 0.92,
    transformOrigin: '50% 50%',
    ease: Power4.easeOut
  }, '+=1.5')

.from($("#r-brow"), 0.25, {
    x: 5,
    y: -1,
    rotation: 15,
    scale: 0.92,
    transformOrigin: '50% 50%',
    ease: Power2.easeIn
  }, '-=1.75')
  .to($("#r-brow"), 0.25, {
    x: 5,
    y: -1,
    rotation: 15,
    scale: 0.92,
    transformOrigin: '50% 50%',
    ease: Power4.easeOut
  }, '+=2.25')

// NOSE
var nose = new TimelineMax({
  repeat: -1
})

.from($("#nose"), 0.125, {
  scale: 0.97,
  transformOrigin: '50% 50%',
  ease: Elastic
})

.to($("#nose"), 0.125, {
  scale: 0.97,
  transformOrigin: '50% 50%',
  ease: Elastic
})

.from($("#nose-line"), 0.5, {
  scale: 0.98,
  y: -1,
  transformOrigin: '50% 50%',
  ease: Power3.easeOut
}, '-=.5')

.to($("#nose-line"), 0.5, {
  scale: 0.98,
  y: -1,
  transformOrigin: '50% 50%',
  ease: Power3.easeOut
})

// EYES
var eyes = new TimelineMax({
    repeat: -1
  })
  .from($("#l-eye-tri"), .5, {
    x: 7,
    y: 9,
    rotation: -90,
    transformOrigin: '50% 50%',
    ease: Expo
  })
  .to($("#l-eye-tri"), .5, {
    x: 7,
    y: 9,
    rotation: -90,
    transformOrigin: '50% 50%',
    ease: Expo
  })

.from($("#r-eye-tri"), 0.5, {
    x: 8,
    y: 9,
    rotation: -90,
    transformOrigin: '50% 50%',
    ease: Expo
  }, '-=1')
  .to($("#r-eye-tri"), 0.5, {
    x: 8,
    y: 9,
    rotation: -90,
    transformOrigin: '50% 50%',
    ease: Expo
  }, '-=0.5')

.to($("#l-eye-tri"), .5, {
  x: 17,
  y: 0,
  rotation: -180,
  transformOrigin: '50% 50%',
  ease: Expo
}, '+=2')

.to($("#r-eye-tri"), .5, {
  x: 17,
  y: 0,
  rotation: -180,
  transformOrigin: '50% 50%',
  ease: Expo
}, '-=.5')

.to($("#l-eye-tri"), .5, {
    x: 7,
    y: 9,
    rotation: -90,
    transformOrigin: '50% 50%',
    // autoAlpha: 0,
    ease: Expo
  }, '+=3')
  .to($("#r-eye-tri"), 0.5, {
    x: 8,
    y: 9,
    rotation: -90,
    transformOrigin: '50% 50%',
    ease: Expo
  }, '-=0.5')

// MAIN TL
var main = new TimelineMax({repeat:-1, yoyo:true})
  .staggerFromTo($("#outer-circ path"), 1.2, {
    drawSVG: "0%",
    autoAlpha: '0',
    ease: Power2.easeIn
  }, {
    drawSVG: "100%",
    autoAlpha: '1',
    fill: 'none',
    ease: Power2.easeIn
  }, .025)
  .staggerFromTo($("#inner-circ path"), 1.2, {
    drawSVG: "0%",
    autoAlpha: '0',
    ease: Power2.easeIn
  }, {
    drawSVG: "100%",
    autoAlpha: '1',
    fill: 'none',
    ease: Power2.easeIn
  }, .025, '-=1')

.from($("#dog"), 0.8, {
  scale: 0,
  transformOrigin: '50% 50%',
  autoAlpha: 0,
  ease: Back.easeInOut.config(1.15),
}, '-=1')

.staggerFrom($('#cas path'), 0.8, {
  fill: '#E8B746',
  opacity: 0,
  ease: Power2.easeIn,
}, 0.05, '-=.8')

.staggerFrom($('#georgia path'), 0.6, {
  y: 12,
  fill: '#E8B746',
  opacity: 0,
  ease: Back.easeOut.config(4),
}, 0.08, '-=1.2')

.from($("#estd"), 0.8, {
    scale: 0,
    transformOrigin: '50% 50%',
    autoAlpha: 0,
    ease: Back.easeInOut.config(1.15),
  }, '-=1')
  .from($("#resc"), 0.8, {
    scale: 0,
    transformOrigin: '50% 50%',
    autoAlpha: 0,
    ease: Back.easeInOut.config(1.15),
  }, '-=1')
  .staggerFrom($('#num_one path'), 0.4, {
    y: 12,
    fill: '#E8B746',
    opacity: 0,
    ease: Back.easeOut.config(2.5),
  }, 0.08, '-=.8')

.staggerFromTo($(".num_two_lines"), 1.2, {
    drawSVG: "0%",
    autoAlpha: '0',
    ease: Power2.ease
  }, {
    drawSVG: "100%",
    autoAlpha: '1',
    fill: 'none',
    ease: Power2.ease
  }, .025, '-=1')
  .staggerFrom($('#num_two path'), 0.4, {
    y: 12,
    fill: '#E8B746',
    opacity: 0,
    ease: Back.easeOut.config(2.5),
  }, 0.08, '-=.4')

.add(bubbles.play(), '-=1.2')
              
            
!
999px

Console