Pen Settings

HTML

About HTML Preprocessors

HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug.

Learn more · Versions

Adding Classes

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-up elements like the <html> tag. If you want to add classes there that can affect the whole document, this is the place to do it.

About the <head>

In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. If you need things in the <head> of the document, put that code here.

!
Insecure Resource

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.

CSS

About CSS Preprocessors

CSS preprocessors help make authoring CSS easier. All of them offer things like variables and mixins to provide convenient abstractions.

Learn more · Versions

CSS Base

About CSS Base

It's a common practice to apply CSS to a page that styles elements such that they are consistent across all browsers. We offer two of the most popular choices: normalize.css and a reset. Or, choose Neither and nothing will be applied.

Vendor Prefixing

About Vendor Prefixing

To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work. For instance -webkit- or -moz-.

We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via a script, client-side).

Add External Stylesheets/Pens

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

Powered by Algolia
About External Resources

You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself.

You can also link to another Pen here (use the .css URL Extension) and we'll pull the CSS from that Pen and include it. If it's using a matching preprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ add another resource

JavaScript

About JavaScript Preprocessors

JavaScript preprocessors can help make authoring JavaScript easier and more convenient.

Learn more · Versions

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.

Powered by Algolia
About External Resources

You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you have them, before the JavaScript in the Pen itself.

If the script you link to has the file extension of a preprocessor, we'll attempt to process it before applying.

You can also link to another Pen here, and we'll pull the JavaScript from that Pen and include it. If it's using a matching preprocessor, we'll combine the code before preprocessing, so you can use the linked Pen as a true dependency.

Learn more

+ 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.

Powered by Algolia
About Packages

Using packages here is powered by esm.sh, which makes packages from npm not only available on a CDN, but prepares them for native JavaScript ESM usage.

All packages are different, so refer to their docs for how they work.

If you're using React / ReactDOM, make sure to turn on Babel for the JSX processing.

Behavior

Auto Save

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 version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="100%" height="100%" viewBox="0 0 767.352 800" enable-background="new 0 0 767.352 800" xml:space="preserve">
<defs>
	<clipPath id="clip_water">
	        <path d="M319.594,583.422 593.358,463.777 313.917,415.933 592.142,315.336 355.142,285.567 325.542,302.763 274.981,294.584 348.652,268.424 669.201,308.441 392.598,411.819 665.964,449.594 405.577,589.477 375.564,579.907 361.774,587.748 379.35,593.697 303.912,633.983 226.654,612.802 285.121,576.122z"/>
	</clipPath>
	<text id="01" x="350" y="580" transform="rotate(66,350,580)" style="font-family:arial;font-size:10pt;" fill="#ffffff">0.1
		<animate attributeType="CSS" attributeName="font-size" values="10;5;10" dur="2s" repeatCount="indefinite" />
		<animateTransform attributeName="transform" begin="0s" dur="2s" type="rotate" from="360 350 580" to="0 350 580" repeatCount="indefinite"/>
	</text>
	<text id="11" x="350" y="580" transform="rotate(66,350,580)" style="font-family:arial;font-size:10pt;" fill="#ffffff">1.1
		<animate attributeType="CSS" attributeName="font-size" values="10;5;10" dur="2s" repeatCount="indefinite" />
		<animateTransform attributeName="transform" begin="1s" dur="2s" type="rotate" from="360 350 580" to="0 350 580" repeatCount="indefinite"/>
	</text>
	<path id="waterPath" d="M0,0 l280-120 L0,-168 L271,-265 L21,-294 L-60,-279" fill="none"/>
	<linearGradient id="Gwaterfall" gradientUnits="userSpaceOnUse" x1="255.2427" y1="458.8765" x2="325.5415" y2="458.8765">
		<stop  offset="0.07" style="stop-color:#FFFFFF;stop-opacity:0.3"><animate dur="0.5s" repeatCount="indefinite" attributeName="offset" values="#0.07;0.10;0.07;"/></stop>
		<stop  offset="0.14" style="stop-color:#939191;stop-opacity:0.3"><animate dur="0.3s" repeatCount="indefinite" attributeName="offset" values="#0.14;0.17;0.14;"/></stop>
		<stop  offset="0.21" style="stop-color:#FFFFFF;stop-opacity:0.3"><animate dur="0.2s" repeatCount="indefinite" attributeName="offset" values="#0.21;0.24;0.21;"/></stop>
		<stop  offset="0.28" style="stop-color:#939191;stop-opacity:0.3"><animate dur="0.9s" repeatCount="indefinite" attributeName="offset" values="#0.28;0.31;0.28;"/></stop>
		<stop  offset="0.36" style="stop-color:#FFFFFF;stop-opacity:0.3"><animate dur="0.7s" repeatCount="indefinite" attributeName="offset" values="#0.36;0.39;0.36;"/></stop>
		<stop  offset="0.42" style="stop-color:#939191;stop-opacity:0.3"><animate dur="0.2s" repeatCount="indefinite" attributeName="offset" values="#0.42;0.45;0.42;"/></stop>
		<stop  offset="0.49" style="stop-color:#FFFFFF;stop-opacity:0.3"><animate dur="0.3s" repeatCount="indefinite" attributeName="offset" values="#0.49;0.52;0.49;"/></stop>
		<stop  offset="0.56" style="stop-color:#939191;stop-opacity:0.3"><animate dur="0.8s" repeatCount="indefinite" attributeName="offset" values="#0.56;0.59;0.56;"/></stop>
		<stop  offset="0.63" style="stop-color:#FFFFFF;stop-opacity:0.3"><animate dur="0.2s" repeatCount="indefinite" attributeName="offset" values="#0.63;0.66;0.63;"/></stop>
		<stop  offset="0.7" style="stop-color:#939191;stop-opacity:0.3"><animate dur="0.4s" repeatCount="indefinite" attributeName="offset" values="#0.7;0.73;0.7;"/></stop>
		<stop  offset="0.77" style="stop-color:#FFFFFF;stop-opacity:0.3"><animate dur="0.7s" repeatCount="indefinite" attributeName="offset" values="#0.77;0.8;0.77;"/></stop>
		<stop  offset="0.84" style="stop-color:#939191;stop-opacity:0.3"><animate dur="0.4s" repeatCount="indefinite" attributeName="offset" values="#0.84;0.87;0.84;"/></stop>
		<stop  offset="0.91" style="stop-color:#FFFFFF;stop-opacity:0.3"><animate dur="0.5s" repeatCount="indefinite" attributeName="offset" values="#0.91;0.94;0.91;"/></stop>
	</linearGradient>
</defs>

<rect fill="#333333" width="767.352" height="800"/>

<g id="house">
	<path id="house_rwall" fill="#9E9C95" d="M176.832,458.877 176.832,610.19 193.46,603.701 225.906,613.029 344.74,576.899 344.74,392.801z"/>
	<path id="house_lwall" fill="#9E9C95" d="M70.976,430.215 117.211,406.591 176.832,458.877 176.832,610.19 70.976,581.8z"/>
	<line id="house_corner" fill="none" stroke="#51504C" stroke-miterlimit="10" x1="176.832" y1="458.877" x2="176.832" y2="610.19"/>
	<path id="house_roofedge" fill="#42413C" d="M58.403,432.757 120.456,395.609 184.538,465.399 180.076,467.021 120.253,408.821 60.025,436.656z"/>
	<path id="house_roof" fill="#51504C" d="M306.007,330.373 120.456,395.609 182.104,466.21 363.802,388.745 306.007,330.373z"/>
	<path id="house_doorlintel" fill="#FFFFFF" d="M139.113,530.698 172.776,537.998 172.776,546.109 139.113,537.998z"/>
	<path id="house_lwindowlintel" fill="#FFFFFF" d="M86.388,515.894 117.617,522.587 117.617,530.698 86.388,523.295z"/>
	<path id="house_tlwindowshadow" fill="#42413C" d="M113.156,424.827c0,0,15.412-13.504,21.09,6.639c-0.626-1.973-4.461-2.766-4.461-2.766l-9.329-3.874l-7.3,3.874V424.827z"/>
	<path id="house_tlwindowsill" fill="#FFFFFF" d="M113.156,428.701l7.3-3.874c0,0,11.356,1.502,13.79,6.639L113.156,428.701z"/>
	<path id="house_lwindowshutter" fill="#51504C" d="M77.668,522.18 90.716,524.321 90.716,561.318 77.668,557.668z"/>
	<path id="house_rwindowshutter" fill="#51504C" d="M124.917,532.522 112.306,529.439 112.306,566.591 124.917,569.633z"/>
	<path id="house_blwindowsill" fill="#FFFFFF" d="M96.73,558.276 112.306,561.927 112.306,566.591 90.716,561.318z"/>
	<path id="house_blwindowshadow" fill="#42413C" d="M96.73,525.892 112.306,529.439 112.306,561.927 96.73,558.276z"/>
	<path id="house_doorjamb" fill="#51504C" d="M151.415,599.104 151.415,540.963 144.025,539.182 144.025,601.268z"/>
	<path id="house_doorshadow" fill="#42413C" d="M166.557,602.619 166.557,544.61 151.415,540.963 151.415,599.104z"/>
	<path id="house_walkway" fill="#FFFFFF" d="M193.46,603.701 303.912,633.983 379.35,593.697 361.774,587.748 375.564,579.907 412.877,591.804 304.994,648.584 193.46,616.949 168.179,631.01 14.06,585.044 71.11,561.318 71.381,581.529 144.025,601.268 151.415,599.104 166.557,602.619 166.557,606.945 176.832,610.19 193.46,603.701z"/>
	<path id="house_trwindowlintel" fill="#FFFFFF" d="M187.376,466.21 187.376,467.021 205.222,460.668 203.87,460.499z"/>
	<path id="house_trwindowjamb" fill="#51504C" d="M192.514,480.406 188.999,482.569 188.999,487.706 194.136,487.706 194.136,484.056 210.63,477.161 207.115,475.539 200.896,477.431 201.35,462.046 196.299,463.76 196.299,474.876 192.784,476.62z"/>
	<path id="house_trwindowshadow" fill="#42413C" d="M192.706,465.033 192.706,476.62 196.299,474.876 196.299,463.76z"/>
	<path id="house_chimneybl" fill="#9E9C95" d="M138.504,399.087 154.525,403.346 154.525,422.611 138.504,403.549z"/>
	<path id="house_chimneyplatform" fill="#FFFFFF" d="M154.525,392.801 171.816,397.006 154.525,403.346 138.504,399.087z"/>
	<path id="house_chimneytl" fill="#9E9C95" d="M142.155,372.117 142.155,397.655 154.525,400.089 154.525,361.166 147.021,362.788 142.155,369.046z"/>
	<path id="house_chimneytr" fill="#51504C" d="M166.083,397.655 166.083,370.061 154.525,370.061 154.525,400.089z"/>
	<path id="house_chimneycap"  fill="#42413C" d="M136.274,371.306 138.504,373.739 147.021,362.788 154.525,375.767 170.545,367.858 160.203,353.866 144.588,359.341z"/>
	<path id="house_walllower" fill="#9E9C95" d="M412.877,678.991 223.762,786.864 70.976,740.245 70.976,602.619 168.179,631.01 193.46,616.949 304.994,648.584 412.877,591.804z"/>
</g>
<g id="wheel">
	<path id="p1" fill="#FFFFFF" d="M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;"/>
	</path>
	<path id="p2" fill="#FFFFFF" d="M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;"/>
	</path>
	<path id="p3" fill="#FFFFFF" d="M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;"/>
	</path>
	<path id="p4" fill="#FFFFFF" d="M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;"/>
	</path>
	<path id="p5" fill="#FFFFFF" d="M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;"/>
	</path>
	<path id="p6" fill="#FFFFFF" d="M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;"/>
	</path>
	<path id="p7" fill="#FFFFFF" d="M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;"/>
	</path>
	<path id="p8" fill="#FFFFFF" d="M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;"/>
	</path>
	<path id="p9" fill="#FFFFFF" d="M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;"/>
	</path>
	<path id="p10" fill="#FFFFFF" d="M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;"/>
	</path>
	<path id="p11" fill="#FFFFFF" d="M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;"/>
	</path>
	<path id="p12" fill="#FFFFFF" d="M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;"/>
	</path>
	<path id="p13" fill="#FFFFFF" d="M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;"/>
	</path>
	<path id="p14" fill="#FFFFFF" d="M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z">
		<animate dur="5s" repeatCount="indefinite" attributeName="d" values="
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;
			M295.26,472.294 332.573,481.217 329.328,482.434 293.097,474.065z;
			M284.715,479.594 322.028,488.517 318.783,489.734 282.552,481.366z;
			M277.415,489.328 314.728,498.251 311.483,499.468 275.251,491.1z;
			M270.114,498.251 307.427,507.174 303.372,509.202 267.14,500.833z;
			M265.247,509.607 303.372,518.529 300.127,521.369 262.273,512.189z;
			M262.002,520.963 300.938,529.886 296.071,533.536 258.217,524.356z;
			M262.813,531.508 301.749,540.431 294.449,545.703 256.595,536.524z;
			M262.813,541.242 302.56,550.165 294.449,556.248 255.784,547.069z;
			M263.625,550.976 303.372,559.898 294.449,565.982 255.784,556.803z;
			M266.87,559.898 305.805,569.633 296.882,575.716 259.028,565.726z;
			M270.114,570.443 309.049,580.178 304.183,583.828 267.951,573.837z;
			M274.17,576.933 312.294,586.667 310.672,590.316 273.629,579.516z;
			M344.2,583.692 345.551,583.692 345.045,588.492 343.921,588.164z;
			M344.2,478.242 345.551,478.242 345.045,483.042 343.921,482.714z;"/>
	</path>
	<path id="support_pillar" fill="#42413C" d="M339.53,463.676 339.603,574.678 371.64,560.677 371.64,470.926z"/>
	<path id="side" fill="#42413C" d="M338.719,478.242c0,0-64.684,26.498-25.884,105.586l-0.541,2.839l26.425-11.958V478.242z"/>
</g>
<g id="superstructure">
	<g id="walltop_4b">
		<path fill="#FFFFFF" d="M438.292,268.7 451,264.639 560.109,281.205 555.368,288.163z"/>
		<path fill="#FFFFFF" d="M370.155,257.609 370.077,264.068 441.266,275.995 442.348,268.7z"/>
		<path fill="#FFFFFF" d="M554.688,279.781 562.938,275.995 679.204,292.759 677.009,300.431z"/>
	</g>
	<path id="walltop_5b" fill="#FFFFFF" d="M324.98,256.341 257.714,278.596 275.634,282.106 342.142,259.207z"/>
	<path id="water" opacity="0.4" fill="#2A74EA" d="M319.594,583.422 593.358,463.777 313.917,415.933 592.142,315.336 355.142,285.567 325.542,302.763 274.981,294.584 348.652,268.424 669.201,308.441 392.598,411.819 665.964,449.594 405.577,589.477 375.564,579.907 361.774,587.748 379.35,593.697 303.912,633.983 226.654,612.802 285.121,576.122z"/>
	<g id="floating_point_numbers" style="clip-path:url(#clip_water);" opacity="0.3">
		<use xlink:href="#01"><animateMotion begin="0s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="0.1s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="0.3s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="0.5s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="1.2s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="1.3s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="1.6s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="1.7s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="2.4s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="2.5s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="2.8s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="2.9s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="3.1s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="3.6s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="3.7s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="3.9s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="4.2s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="4.4s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="4.8s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="4.9s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="5.3s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="5.5s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="5.7s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="5.8s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="6.1s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="6.3s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#01"><animateMotion begin="6.6s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
		<use xlink:href="#11"><animateMotion begin="6.8s" dur="7s" repeatCount="indefinite"><mpath xlink:href="#waterPath"/></animateMotion></use>
	</g>
	<path id="wallside_5a" fill="#333333" d="M343.462,313.024 343.462,293.3 344.74,292.728 389.787,300.681z"/>
	<path id="walltop_5a" fill="#FFFFFF" d="M337.979,285.567 325.542,289.79 343.462,293.3 355.142,288.433z"/>
	<g id="walltop_4a">
		<path fill="#FFFFFF" d="M386.378,288.433 399.357,283.296 507.385,302.295 502.104,308.441z"/>
		<path fill="#FFFFFF" d="M367.861,284.083 357.575,288.433 385.297,295.497 391.125,288.863z"/>
		<path fill="#FFFFFF" d="M501.964,300.871 514.273,296.207 568.822,307.289 559.677,313.024z"/>
	</g>
	<path id="wallside_4a" fill="#42413C" d="M560.109,313.309 501.964,300.871 501.964,308.171 386.378,288.433 386.378,294.922 370.077,291.407 370.077,237.06 356.096,243.279 338.793,239.223 338.793,291.678 544.013,327.909 579.163,317.904 579.163,279.78 560.109,275.995z"/>
	<path id="wallside_6" fill="#42413C" d="M325.542,302.769 274.981,294.584 338.793,271.925 338.793,260.38 303.697,272.148 303.697,227.535 289.716,233.754 272.414,229.698 272.414,281.342 257.714,278.596 257.714,298.707 343.462,313.024 343.462,293.3 325.542,289.79z"/>
	<path id="pillar44" fill="#42413C" d="M414.152,271.337 420.333,266.508 420.333,221.895 406.353,228.113 389.05,224.058 389.05,267.247z"/>
	<path id="pillar32" fill="#42413C" d="M638.03,304.75 644.212,299.92 644.212,255.307 630.231,261.525 612.928,257.47 612.928,300.659z"/>
	<path id="wallside_4b" fill="#42413C" d="M677.009,300.431 554.688,279.646 554.688,286.946 440.456,268.093 440.456,274.582 355.477,260.583 355.477,212.726 341.496,218.944 324.193,214.888 324.193,265.721 669.201,308.441 692.847,304.455 692.847,269.575 677.009,267.985z"/>
	<g id="walltop_3b">
		<path fill="#FFFFFF" d="M525.627,318.986 540.229,323.853 425.855,370.9 411.255,366.033z"/>
		<path fill="#FFFFFF" d="M559.677,313.024 574.5,315.726 541.851,329.937 526.438,327.503z"/>
		<path fill="#FFFFFF" d="M412.066,357.111 426.667,361.166 304.183,411.458 292.015,405.779z"/>
	</g>
	<g id="walltop_3a">
		<path fill="#FFFFFF" d="M587.275,330.342 601.876,333.587 486.692,385.5 472.091,382.256z"/>
		<path fill="#FFFFFF" d="M677.009,300.431 692.847,303.644 602.687,344.132 587.275,340.887z"/>
		<path fill="#FFFFFF" d="M472.902,370.901 487.503,374.145 407.199,406.591 392.598,403.346z"/>
	</g>
	<path id="wallside_3a" fill="#42413C" d="M420.99,401.208 487.503,374.145 487.503,384.689 601.876,333.587 601.876,344.132 692.847,303.644 692.847,269.575 706.718,262.002 706.718,317.77 482.566,419.366 420.99,403.642z"/>
	<path id="wallside_3b" fill="#42413C" d="M304.183,411.458 426.667,361.166 426.667,370.089 540.229,323.853 540.229,329.531 578.189,314.92 579.163,279.78 593.493,271.337 592.142,315.336 313.917,415.933z"/>
	<g id="walltop_2b">
		<path fill="#FFFFFF" d="M440.456,405.33 454.071,398.479 562.543,421.108 557.676,430.215z"/>
		<path fill="#FFFFFF" d="M418.964,402.897 402.188,408.058 440.456,415.122 441.417,408.487z"/>
		<path fill="#FFFFFF" d="M557.934,418.062 570.243,413.397 679.204,434.17 682.18,444.005z"/>
	</g>
	<path id="wallside_2b" fill="#42413C" d="M679.204,443.093 557.934,418.062 557.934,430.229 440.456,405.33 440.456,415.064 420.99,410.646 420.99,381.445 408.01,386.853 389.896,382.797 389.896,411.999 672.041,451.204 693.807,451.204 693.807,438.682 679.204,434.17z"/>
	<g id="walltop_1a">
		<path fill="#FFFFFF" d="M587.275,482.028 601.876,485.272 493.182,543.676 478.581,540.431z"/>
		<path fill="#FFFFFF" d="M679.204,443.093 694.018,446.461 601.876,495.817 587.275,492.573z"/>
		<path fill="#FFFFFF" d="M478.581,530.698 493.182,533.941 420.177,572.877 405.577,569.633z"/>
	</g>
	<g id="walltop_2a">
		<path fill="#FFFFFF" d="M389.354,428.854 404.59,422.002 512.251,446.254 507.385,455.361z"/>
		<path fill="#FFFFFF" d="M303.78,411.819 287.004,416.98 390.976,437.834 396.803,431.199z"/>
		<path fill="#FFFFFF" d="M507.642,443.208 519.951,438.543 574.5,449.626 565.354,455.361z"/>
	</g>
	<path id="wallside_2a" fill="#42413C" d="M562.543,454.769 507.642,443.208 507.385,455.361 389.354,428.854 389.354,437.776 303.955,420.38 304.184,388.746 292.015,395.775 274.712,390.909 274.712,449.042 498.051,499.468 579.163,466.887 579.163,452.287 562.543,446.952z"/>
	<g id="walltop_1b">
		<path fill="#FFFFFF" d="M523.194,469.049 537.795,472.294 425.855,528.264 412.877,520.963z"/>
		<path fill="#FFFFFF" d="M563.447,456.172 579.162,460.131 538.605,481.217 524.005,476.35z"/>
		<path fill="#FFFFFF" d="M407.199,513.664 427.478,516.907 383.676,537.998 371.64,531.733z"/>
	</g>
	<path id="pillar12" fill="#42413C" d="M634.41,433.444 644.213,428.511 644.213,419.588 630.231,425.807 612.928,421.75 612.928,429.249z"/>
	<path id="column11" fill="#9E9C95" d="M586.667,439.739v-34.113c0,0,7.706-4.664,0-8.517l3.425-5.069l3.47-1.217v-4.461 l-16.629-3.65l-16.223,5.476v4.461l5.272,0.608l2.434,4.665c0,0-6.287,4.258,1.217,8.111v33.707c0,0-5.07,3.823-3.65,5.641 l-4.189,2.164l17.303,4.056l13.98-6.219h-3.109C589.967,445.379,590.52,442.014,586.667,439.739z"/>
	<path id="column12" fill="#9E9C95" d="M638.102,414.139v-34.113c0,0,7.706-4.665,0-8.518l3.425-5.069l3.47-1.217v-4.461 l-16.629-3.65l-16.223,5.476v4.461l5.272,0.608l2.434,4.664c0,0-6.287,4.258,1.217,8.111v33.708c0,0-5.07,3.822-3.65,5.641 l-4.189,2.163l17.303,4.056l13.981-6.218h-3.11C641.401,419.78,641.954,416.414,638.102,414.139z"/>
	<path id="column13" fill="#9E9C95" d="M650.989,452.908v-34.113c0,0,7.706-4.664,0-8.517l3.426-5.069l3.469-1.217v-4.461 l-16.628-3.65l-16.224,5.476v4.461l5.272,0.608l2.434,4.665c0,0-6.286,4.258,1.217,8.111v33.708c0,0-5.069,3.822-3.65,5.641 l-4.189,2.163l17.303,4.056l13.981-6.218h-3.11C654.289,458.549,654.843,455.183,650.989,452.908z"/>
	<path id="column14" fill="#9E9C95" d="M702.378,426.293V392.18c0,0,7.706-4.664,0-8.517l3.425-5.07l3.47-1.217v-4.461l-16.628-3.65 l-16.224,5.475v4.461l5.272,0.608l2.434,4.664c0,0-6.286,4.259,1.217,8.111v33.708c0,0-5.069,3.821-3.65,5.64l-4.189,2.163 l17.303,4.056l13.981-6.219h-3.11C705.678,431.933,706.23,428.568,702.378,426.293z"/>
	<path id="arch1" fill="#51504C" d="M564.664,389.759l12.37,1.622l11.157-2.839c0,0,0.604-14.195,15.611-21.293 c3.041,1.014,26.234,4.056,26.603,31.838l13.347,1.623l11.762-2.839c0,0-3.245-34.474,17.643-40.558 c2.027,0.203,8.111,1.825,7.908,19.468l11.891,2.23l10.416-4.056v-10.748l3.245-1.42l0.102-43.396l-62.357,28.391l-85.78,37.921 l0,0l5.881-2.231L564.664,389.759z"/>
	<path id="pillar22" fill="#42413C" d="M351.365,395.196 357.546,390.368 357.546,370.9 343.565,377.119 326.262,373.063 326.262,402.462z"/>
	<path id="column21" fill="#9E9C95" d="M299.112,383.75v-34.113c0,0,7.706-4.664,0-8.517l3.425-5.07l3.47-1.217v-4.461l-16.629-3.65 l-16.223,5.475v4.461l5.272,0.608l2.433,4.664c0,0-6.286,4.259,1.217,8.111v33.708c0,0-5.069,3.822-3.65,5.64l-4.19,2.163 l17.303,4.056l13.981-6.219h-3.11C302.412,389.391,302.965,386.025,299.112,383.75z"/>
	<path id="column22" fill="#9E9C95" d="M350.624,366.22v-34.113c0,0,7.706-4.664,0-8.517l3.425-5.069l3.47-1.217v-4.461 l-15.615,2.494l-17.237-0.668v4.461l5.272,0.608l2.434,4.665c0,0-6.287,4.258,1.217,8.111v33.707c0,0-5.07,3.822-3.65,5.641 l-4.189,2.163l17.303,4.056l13.981-6.219h-3.11C353.924,371.86,354.477,368.495,350.624,366.22z"/>
	<path id="column23" fill="#9E9C95" d="M365.487,396.09v-34.113c0,0,7.706-4.664,0-8.517l3.425-5.07l3.469-1.216v-4.461 l-16.628-3.65l-16.223,5.476v4.461l5.272,0.608l2.434,4.665c0,0-6.287,4.258,1.217,8.111v33.707c0,0-5.07,3.822-3.65,5.641 l-4.189,2.163l17.303,4.056l13.981-6.219h-3.11C368.787,401.73,369.34,398.365,365.487,396.09z"/>
	<path id="column24" fill="#9E9C95" d="M414.223,375.639v-34.113c0,0,7.706-4.664,0-8.517l3.425-5.069l3.47-1.217v-4.461 l-16.628-3.65l-16.223,5.476v4.461l5.272,0.608l2.434,4.665c0,0-6.287,4.258,1.216,8.111v33.707c0,0-5.069,3.822-3.65,5.641 l-4.19,2.163l17.303,4.056l13.981-6.219h-3.11C417.523,381.279,418.076,377.914,414.223,375.639z"/>
	<path id="arch2" fill="#51504C" d="M276.4,332.167l12.37,1.622l11.157-2.839c0,0,0.604-14.195,15.611-21.293 c3.042,1.014,26.235,4.056,26.603,31.838l13.346,1.622l11.762-2.839c0,0-3.245-26.362,17.643-32.446 c2.028,0.203,8.112,1.825,7.909,19.468l11.891,2.231l10.416-4.056v-10.748l4.056-1.419v-5.678l-32.126-5.578l-43.575,12.27 l-73.146-12.167v16.223l5.881,1.014L276.4,332.167z"/>
	<path id="pillar33" fill="#42413C" d="M650.919,337.269 657.1,332.44 657.1,287.826 643.119,294.045 625.816,289.989 625.816,333.179z"/>
	<path id="pillar23" fill="#42413C" d="M362.575,432.6 372.377,427.667 372.377,401.709 358.396,407.928 341.093,403.873 341.093,428.405z"/>
	<path id="pillar13" fill="#42413C" d="M647.299,471.922 657.101,466.988 657.101,458.065 643.119,464.284 625.816,460.228 625.816,467.727z"/>
	<path id="wallside_1b" fill="#42413C" d="M383.676,537.998 427.478,516.907 427.478,527.452 537.795,472.294 538.605,481.217 579.162,460.131 579.163,452.287 593.493,444.005 593.358,463.777 371.64,560.677 371.64,531.733z"/>
	<path id="wallside_1a" fill="#42413C" d="M420.177,572.877 493.182,533.941 493.182,543.676 601.876,485.272 601.876,495.817 694.018,446.461 693.807,438.682 707.596,431.466 707.596,509.337 412.877,678.991 412.877,591.804 405.577,589.477 405.577,569.633z"/>
	<path id="column41" fill="#9E9C95" d="M297.288,221.895v-34.113c0,0,7.706-4.665,0-8.518l3.425-5.069l3.47-1.217v-4.461 l-16.629-3.65l-16.223,5.476v4.461l5.272,0.608l2.433,4.664c0,0-6.286,4.258,1.217,8.111v33.708c0,0-5.07,3.822-3.65,5.64 l-4.19,2.163l17.303,4.056l13.981-6.219h-3.109C300.588,227.535,301.141,224.17,297.288,221.895z"/>
	<path id="column42" fill="#9E9C95" d="M349.062,207.294v-34.113c0,0,7.706-4.664,0-8.517l3.425-5.07l3.47-1.216v-4.461 l-16.628-3.65l-16.223,5.475v4.461l5.272,0.608l2.434,4.664c0,0-6.287,4.259,1.217,8.112v33.707c0,0-5.07,3.822-3.65,5.641 l-4.189,2.163l17.303,4.056l13.98-6.219h-3.109C352.362,212.935,352.914,209.569,349.062,207.294z"/>
	<path id="column43" fill="#9E9C95" d="M363.183,231.426v-34.113c0,0,7.706-4.664,0-8.517l3.425-5.07l3.47-1.217v-4.461 l-16.628-3.65l-16.223,5.475v4.461l5.272,0.608l2.434,4.664c0,0-6.287,4.259,1.217,8.112v33.707c0,0-5.07,3.822-3.65,5.641 l-4.189,2.163l17.303,4.056l13.98-6.219h-3.109C366.483,237.066,367.035,233.701,363.183,231.426z"/>
	<path id="column44" fill="#9E9C95" d="M414.223,216.487v-34.113c0,0,7.706-4.664,0-8.517l3.425-5.07l3.47-1.217v-4.461 l-16.628-3.65l-16.223,5.475v4.461l5.272,0.608l2.434,4.664c0,0-6.287,4.259,1.216,8.111v33.708c0,0-5.069,3.822-3.65,5.641 l-4.19,2.163l17.303,4.056l13.981-6.218h-3.108C417.524,222.128,418.076,218.762,414.223,216.487z"/>
	<path id="column31" fill="#9E9C95" d="M585.255,268.389v-34.113c0,0,7.706-4.664,0-8.517l3.426-5.07l3.469-1.217v-4.461 l-16.628-3.65l-16.224,5.475v4.461l5.272,0.608l2.434,4.664c0,0-6.286,4.259,1.217,8.112v33.707c0,0-5.069,3.822-3.65,5.641 l-4.189,2.163l17.303,4.056l13.981-6.219h-3.11C588.555,274.03,589.108,270.664,585.255,268.389z"/>
	<path id="column32" fill="#9E9C95" d="M638.102,248.724v-34.113c0,0,7.706-4.664,0-8.517l3.425-5.07l3.47-1.216v-4.461 l-16.629-3.65l-16.223,5.476v4.461l5.272,0.608l2.434,4.664c0,0-6.287,4.259,1.217,8.112v33.707c0,0-5.07,3.822-3.65,5.641 l-4.189,2.163l17.303,4.056l13.981-6.219h-3.11C641.401,254.365,641.954,251,638.102,248.724z"/>
	<path id="column33" fill="#9E9C95" d="M649.592,282.356v-34.113c0,0,7.706-4.664,0-8.517l3.426-5.069l3.469-1.217v-4.461 l-16.628-3.65l-16.224,5.476v4.461l5.272,0.608l2.434,4.665c0,0-6.286,4.258,1.217,8.111v33.707c0,0-5.069,3.822-3.65,5.641 l-4.189,2.163l17.303,4.056l13.981-6.219h-3.109C652.893,287.997,653.445,284.632,649.592,282.356z"/>
	<path id="column34" fill="#9E9C95" d="M699.822,258.022v-34.113c0,0,7.706-4.664,0-8.517l3.426-5.07l3.47-1.217v-4.461 l-16.629-3.65l-16.224,5.475v4.461l5.272,0.608l2.434,4.664c0,0-6.286,4.259,1.217,8.112v33.707c0,0-5.069,3.822-3.65,5.641 l-4.189,2.163l17.303,4.056l13.981-6.219h-3.109C703.123,263.663,703.676,260.297,699.822,258.022z"/>
	<path id="arch3" fill="#51504C" d="M564.664,219.62l12.37,1.623l11.157-2.839c0,0,0.604-14.195,15.611-21.292 c3.041,1.014,26.234,4.056,26.603,31.838l13.347,1.622l11.762-2.839c0,0-3.245-26.363,17.643-32.446 c2.027,0.203,8.111,1.825,7.908,19.468l11.891,2.23l10.416-4.056V202.18l4.056-1.42v-30.013l-63.066,15.818l-85.78-11.559v30.824 l5.881,1.014L564.664,219.62z"/>
	<path id="platform3" fill="#42413C" d="M549.658,169.531 624.893,151.077 718.175,163.853 718.175,167.841 644.36,186.565 549.658,173.519z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#42413C;#42413C;#42413C;#E2E0DF;#E2E0DF;#E2E0DF;#E2E0DF;#E2E0DF;#E2E0DF;#42413C;#42413C;#42413C;"/>
	</path>
	<path id="arch4" fill="#51504C" d="M276.4,169.328l12.37,1.623l11.157-2.839c0,0,0.604-14.195,15.611-21.292 c3.042,1.014,26.235,4.056,26.603,31.838l13.346,1.622l11.762-2.839c0,0-3.245-26.363,17.643-32.446 c2.028,0.203,8.112,1.825,7.909,19.468l11.891,2.23l10.416-4.056v-10.748l4.056-1.42v-30.013l-63.067,15.818l-85.779-11.559v30.824 l5.881,1.014L276.4,169.328z"/>
	<path id="platform4" fill="#E2E0DF" d="M261.394,119.24 261.394,123.701 356.096,136.274 429.911,117.617 429.911,113.562 336.628,100.786z"/>
	<path id="waterfall" fill="url(#Gwaterfall)" d="M257.714,373.874l-2.471,234.693l44.685,14.602l4.255-252.268 c0,0-2.978-42.44,21.359-68.132l-50.561-8.185C274.981,294.584,258.487,324.259,257.714,373.874z"/>


	<g id="stellatedrhombicdodecahedron">
		<path fill="#343231" d="M571.593,170.545 605.12,148.644 628.57,168.382z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#343231;#343231;#343231;#D4D2D1;#D4D2D1;#D4D2D1;#D4D2D1;#D4D2D1;#D4D2D1;#343231;#343231;#343231;"/>
		</path>
		<path fill="#9D9995" d="M571.593,119.713 605.12,148.644 571.593,170.545z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#9D9995;#9D9995;#9D9995;#5E5B59;#5E5B59;#5E5B59;#5E5B59;#5E5B59;#5E5B59;#9D9995;#9D9995;#9D9995;"/>
		</path>
		<path fill="#9D9995" d="M571.593,68.069 605.12,98.082 571.593,119.713z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#9D9995;#9D9995;#9D9995;#5E5B59;#5E5B59;#5E5B59;#5E5B59;#5E5B59;#5E5B59;#9D9995;#9D9995;#9D9995;"/>
		</path>
		<path fill="#F5F4F1" d="M564.562,108.897 571.593,104.301 571.593,119.713z"/>
		<path fill="#D4D2D1" d="M631.348,64.284 605.12,98.082 571.593,68.069z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#D4D2D1;#D4D2D1;#D4D2D1;#343231;#343231;#343231;#343231;#343231;#343231;#D4D2D1;#D4D2D1;#D4D2D1;"/>
		</path>
		<path fill="#F5F4F1" d="M640.061,75.37 605.12,98.082 631.348,64.284z"/>
		<path fill="#9D9995" d="M640.061,127.283 605.12,98.082 640.061,75.37z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#9D9995;#9D9995;#9D9995;#5E5B59;#5E5B59;#5E5B59;#5E5B59;#5E5B59;#5E5B59;#9D9995;#9D9995;#9D9995;"/>
		</path>
		<path fill="#D4D2D1" d="M605.12,98.082 640.061,127.283 575.724,131.339z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#D4D2D1;#D4D2D1;#D4D2D1;#343231;#343231;#343231;#343231;#343231;#343231;#D4D2D1;#D4D2D1;#D4D2D1;"/>
		</path>
		<path fill="#9D9995" d="M640.061,179.468 605.12,148.644 640.061,127.283z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#9D9995;#9D9995;#9D9995;#5E5B59;#5E5B59;#5E5B59;#5E5B59;#5E5B59;#5E5B59;#9D9995;#9D9995;#9D9995;"/>
		</path>
		<path fill="#5E5B59" d="M665.687,93.891 640.061,127.283 640.061,75.37 631.348,64.284z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#5E5B59;#5E5B59;#5E5B59;#9D9995;#9D9995;#9D9995;#9D9995;#9D9995;#9D9995;#5E5B59;#5E5B59;#5E5B59;"/>
		</path>
		<path fill="#D4D2D1" d="M692.847,60.228 665.687,93.891 631.348,64.284z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#D4D2D1;#D4D2D1;#D4D2D1;#343231;#343231;#343231;#343231;#343231;#343231;#D4D2D1;#D4D2D1;#D4D2D1;"/>
		</path>
		<path fill="#D4D2D1" d="M624.858,54.28 631.348,64.284 615.104,65.313z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#D4D2D1;#D4D2D1;#D4D2D1;#343231;#343231;#343231;#343231;#343231;#343231;#D4D2D1;#D4D2D1;#D4D2D1;"/>
		</path>
		<path fill="#5E5B59" d="M624.858,54.28 636.499,63.944 631.348,64.284z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#5E5B59;#5E5B59;#5E5B59;#9D9995;#9D9995;#9D9995;#9D9995;#9D9995;#9D9995;#5E5B59;#5E5B59;#5E5B59;"/>
		</path>
		<path fill="#5E5B59" d="M692.847,116.468 665.687,93.891 692.847,60.228z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#5E5B59;#5E5B59;#5E5B59;#9D9995;#9D9995;#9D9995;#9D9995;#9D9995;#9D9995;#5E5B59;#5E5B59;#5E5B59;"/>
		</path>
		<path fill="#D4D2D1" d="M698.673,121.605 640.061,127.283 665.687,93.891z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#D4D2D1;#D4D2D1;#D4D2D1;#343231;#343231;#343231;#343231;#343231;#343231;#D4D2D1;#D4D2D1;#D4D2D1;"/>
		</path>
		<path fill="#343231" d="M667.579,145.129 640.061,127.283 698.673,121.605z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#343231;#343231;#343231;#D4D2D1;#D4D2D1;#D4D2D1;#D4D2D1;#D4D2D1;#D4D2D1;#343231;#343231;#343231;"/>
		</path>
		<path fill="#5E5B59" d="M692.847,162.434 667.579,145.129 692.847,126.013z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#5E5B59;#5E5B59;#5E5B59;#9D9995;#9D9995;#9D9995;#9D9995;#9D9995;#9D9995;#5E5B59;#5E5B59;#5E5B59;"/>
		</path>
		<path fill="#5E5B59" d="M640.061,178.116 667.579,145.129 640.061,127.283z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#5E5B59;#5E5B59;#5E5B59;#9D9995;#9D9995;#9D9995;#9D9995;#9D9995;#9D9995;#5E5B59;#5E5B59;#5E5B59;"/>
		</path>
		<path fill="#343231" d="M652.433,163.285 692.847,162.434 667.579,145.129z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#343231;#343231;#343231;#D4D2D1;#D4D2D1;#D4D2D1;#D4D2D1;#D4D2D1;#D4D2D1;#343231;#343231;#343231;"/>
		</path>
		<path fill="#343231" d="M577,131.339 640.061,127.283 605.12,148.644z">
			<animate dur="5s" repeatCount="indefinite" attributeName="fill" values="#343231;#343231;#343231;#D4D2D1;#D4D2D1;#D4D2D1;#D4D2D1;#D4D2D1;#D4D2D1;#343231;#343231;#343231;"/>
		</path>
		<path fill="#F5F4F1" d="M605.12,98.082 577,131.339 571.593,119.713z"/>
	</g>


	<g id="codepenlogo">
		<path fill="#9E9C95" d="M337.444,18.559v21.9l-45.433,28.257V48.479L337.444,18.559 M347.444,0l-65.433,43.09v43.622 l65.433-40.696V0L347.444,0z"/>
		<path fill="#9E9C95" d="M357.444,18.559l45.433,29.919v20.237l-45.433-28.256V18.559 M347.444,0v46.016l65.433,40.696V43.09 L347.444,0L347.444,0z"/>
		<path fill="#9E9C95" d="M402.877,61.649v21.899l-45.433,28.257V91.568L402.877,61.649 M412.877,43.09L347.444,86.18v43.622 l65.433-40.696V43.09L412.877,43.09z"/>
		<path fill="#51504C" d="M347.444,11.974l47.25,31.117l-47.25,31.116L300.193,43.09L347.444,11.974 M347.444,0l-65.433,43.09 l65.433,43.089l65.433-43.089L347.444,0L347.444,0z"/>
		<path fill="#9E9C95" d="M292.011,61.649l45.433,29.919v20.238l-45.433-28.257V61.649 M282.011,43.09v46.015l65.433,40.696V86.18 L282.011,43.09L282.011,43.09z"/>
		<path fill="#51504C" d="M347.444,57.792l46.885,29.16l-46.885,30.875l-46.885-30.875L347.444,57.792 M347.444,46.016 l-65.433,40.696l65.433,43.09l65.433-43.09L347.444,46.016L347.444,46.016z"/>
		<line fill="none" stroke="#9E9C95" stroke-width="10" x1="299.918" y1="69.6" x2="335.475" y2="47.6">
			<animate dur="5s" repeatCount="indefinite" attributeName="stroke-width" values="10;10;10;0;0;0;0;0;0;10;10;10;"/>
		</line>
	</g>
</g>
</svg>
!

CSS 

              
                body {
		background:#333333;
	}
!

JS
!
999px

Console