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

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

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

Add External Scripts/Pens

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

+ add another resource

Use npm Packages

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

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

Code Indentation

     

Save Automatically?

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

Auto-Updating Preview

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

HTML Settings

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

            
              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2560 1950" enable-background="new 0 0 2560 1950" xml:space="preserve">
		<g class="trails" id="trailsBehind"></g>
		<g id="astronaut">
			<g id="suit">
				<path fill="#E6E6E6" d="M2071.90991,1343.10999v9.95007h-19.92993v-9.95007h-9.95996v-9.95007h-19.92004v-9.94995h-19.92004 v9.94995h9.96008v9.95007h-19.92004v-19.90002h-9.95996v-9.93994h-9.95996v-9.94995h-9.96997V1293.37H1952.37v-9.95007h-19.92004 v-9.94995h-9.95996v-9.94995h-9.95996v-9.94995h-9.95996V1243.62h-9.96008v-9.95007h-9.95996v-9.94995h-9.97009v-19.89001 h-9.95996V1193.88h-9.95996v-9.95007h-9.95996v-19.8999h-9.95996V1144.13H1822.88v-19.90002H1793v9.94995h-9.95996v9.95007 h-9.96997v9.94995h9.96997v19.90002H1793V1193.88h9.95996v19.90002h9.95996v19.88989h9.96008v29.8501h9.96008v39.80005h9.95996 v19.88989h9.95996v9.94995h9.95996v9.95007h9.95996v19.90002h9.97009v19.8999h9.95996v29.8501h9.96008v29.83997h9.95996v29.84998 h9.95996v29.8501h9.95996v9.93994h9.95996v19.90002h9.96008v9.94995h9.96008v9.95007h9.96997v9.94995h9.95996v9.94995h-19.92993 v9.95007h-29.88013v-9.95007h-9.95996v-9.94995h-9.95996v-29.84998h-9.95996v-19.90002h-9.96008v-19.89001h-9.95996v-19.90002 h-9.97009v-19.8999h-9.95996v-9.95007h-9.95996v-9.95007h-9.95996v-9.94995h-9.95996v-9.93994H1822.88v-19.90002h-9.96008 v-19.90002h-9.95996v-19.8999H1793v-9.95007h-9.95996v-9.95007h-9.96997v-9.94995h-9.96008v-9.93994h-9.95996v-9.94995h-9.96008 V1293.37h-19.91992v-9.95007h-39.8501v9.95007H1663.5v9.95007h-19.91992v9.94995h-19.92017v9.93994h-29.88989v9.94995h-29.88 v9.95007h-39.83997v9.95007H1504.12v19.8999h9.97009v9.94995h9.95996v9.95007h9.95996v9.95007h9.95996v9.94995h9.95996v19.88989 h9.96008v19.90015h9.95996V1462.5h9.96008v19.8999h9.95996v9.95007h9.96997v19.89001h9.95996v9.94995h9.95996v19.90002h-39.84985 v9.95007h-29.88013v9.94995h-19.91992v9.94995H1504.12v-19.8999h9.97009v-9.95007h19.91992v-9.94995h19.91992v-9.95007h9.96008 v-19.88989h-9.96008v-19.90015h-9.95996v-9.94995h-19.91992V1462.5h-9.95996v-9.94995h-19.93018v-9.95007h-9.95996v-9.95007 h-9.95996v-9.94995h-9.95996v-9.93994h-9.95996v-9.94995h-9.96008v-9.95007h-9.95996v-9.95007h-9.96008v-19.8999h-9.96997 v-19.90002h9.96997v-19.90002h9.96008v-9.93994h9.95996v-9.94995h9.96008V1293.37h9.95996v-9.95007h9.95996v-9.94995h9.95996 v-9.94995h9.95996v-9.94995h19.93018V1243.62h9.95996v-9.95007h9.95996v-9.94995h9.95996v-9.93994h9.95996v-9.95007h19.92004 V1193.88h9.96008v-9.95007h19.92993v-19.8999h9.95996v-49.73999h9.95996v-59.70007h9.96008v-19.90002h9.96008v-39.78998h9.95996 V975H1633.62v-9.95001h-39.84998v-9.95001h-49.80005v-9.95001h-19.91992v-9.94995h-29.89014v-9.94h-29.87988V915.31h-29.88 v-9.95001h-9.96008V915.31h-9.96997v-0.00287h-9.95996v-9.95001h9.95996l9.96997,0.00287v-9.95001v-9.95001h-9.96997v-9.94995 h-19.91992V865.56h29.88989v9.95001h19.92004v9.94995h9.96008v9.95001h19.91992v9.95001h99.60999V915.31h49.80994v9.95001H1663.5 V915.31h39.84998v9.95001h9.96008v-29.85004h9.95996v-19.89996h9.95996V865.56h9.95996v-9.95001h9.96008v-9.95001h79.69006 v9.95001h9.95996V865.56h9.95996v9.95001h9.95996v19.89996h9.95996v9.95001h9.97009v39.78998h-9.97009V975h-9.95996v19.89996 h-9.95996v9.95001h-9.95996v9.95001h-9.95996v19.88995h9.95996v19.90002h9.95996v9.95007h9.95996v9.94995h9.95996v19.90002 h9.97009v39.78992h9.95996v19.90002h9.96008v19.90002h9.95996V1193.88h9.95996v19.90002h9.95996v9.93994h9.95996v9.94995h9.96008 v9.95007h9.96008v9.95007h9.96997v9.94995h9.95996v19.8999h9.95996v9.95007h9.95996v9.95007h29.88013v9.94995h9.95996v9.93994 h9.95996v9.94995h9.96997v9.95007H2071.90991z M1394.55005,895.40997v9.95001h9.95996v-9.95001H1394.55005z"/>
				<path fill="#FFFFFF" d="M2071.90991,1343.10999v9.95007h-19.92993v-9.95007h-9.95996v-9.95007h-19.92004v-9.94995h-19.92004 v9.94995h9.96008v9.95007h-19.92004v-19.90002h-9.95996v-9.93994h9.95996V1293.37h9.95996v9.95007h29.88013v9.94995h9.95996 v9.93994h9.95996v9.94995h9.96997v9.95007H2071.90991z M1982.26001,1283.41992v9.95007h9.95996v-9.95007H1982.26001z M1972.30005,1571.93994h9.95996v-9.94995h-9.95996V1571.93994z M1982.26001,1263.52002h-9.95996v-9.94995h-9.96997V1243.62 H1952.37v-9.95007h-9.96008v-9.94995h-9.95996v-9.93994h-9.95996v19.88989h9.95996v9.95007h9.95996v9.95007h9.96008v9.94995 h9.96008v9.94995h9.96997v9.94995h9.95996V1263.52002z M1962.33008,1552.04004v9.94995h9.96997v-9.94995H1962.33008z M1952.37,1542.08997v9.95007h9.96008v-9.95007H1952.37z M1932.44995,1522.18994h9.95996v-9.94995h-9.95996V1522.18994z M1922.48999,1502.30005v9.93994h9.95996v-9.93994H1922.48999z M1922.48999,1472.44995h-9.95996v29.8501h9.95996V1472.44995z M1922.48999,1203.82996V1193.88h-9.95996v9.94995H1922.48999z M1912.53003,1442.59998h-9.95996V1462.5h9.95996V1442.59998z M1902.57007,1193.88h9.95996v-19.90002h-9.95996V1193.88z M1902.57007,1412.76001h-9.96008v19.88989h9.96008V1412.76001z M1892.60999,1173.97998h9.96008v-19.90002h-9.96008V1173.97998z M1882.65002,1402.81006h9.95996v-19.90015h-9.95996V1402.81006z M1882.65002,1154.07996h9.95996v-19.90002h-9.95996V1154.07996z M1882.65002,1363.01001h-9.97009v19.8999h9.97009V1363.01001z M1872.67993,1134.17993h9.97009v-39.78992h-9.97009V1134.17993z M1872.67993,1343.10999h-9.95996v-9.95007h-9.95996v-9.94995 h-9.95996v19.90002h9.95996v9.95007h9.95996v9.94995h9.95996V1343.10999z M1872.67993,1074.48999h-9.95996v-9.94995h-9.95996 v-9.95007h-9.95996v19.90002h9.95996v9.94995h9.95996v9.95007h9.95996V1074.48999z M1842.80005,1303.32007h-9.95996v19.88989 h9.95996V1303.32007z M1842.80005,1034.68994h-9.95996v19.90002h9.95996V1034.68994z M1832.84009,1263.52002H1822.88v39.80005 h9.96008V1263.52002z M1822.88,1233.66992h-9.96008v29.8501h9.96008V1233.66992z M1812.91992,1213.78003h-9.95996v19.88989 h9.95996V1213.78003z M1802.95996,1193.88H1793v19.90002h9.95996V1193.88z M1793,1173.97998h-9.95996V1193.88H1793V1173.97998z M1822.88,855.60999V865.56h9.96008v9.95001h9.95996v9.94995h9.95996v9.95001h9.95996v-19.89996h-9.95996V865.56h-9.95996 v-9.95001h-9.95996v-9.95001h-69.7301v9.95001H1822.88z M1703.34998,935.20001h9.96008v-9.94h-9.96008V935.20001z M1693.39001,915.31v9.95001h9.95996V915.31H1693.39001z M1663.5,925.26001h9.95996V915.31H1663.5V925.26001z M1623.65991,925.26001V915.31h-29.88989v9.95001h9.96997v9.94H1663.5v-9.94H1623.65991z M1603.73999,1183.92993h-19.92993 v9.95007h-9.96008v9.94995h-19.92004v9.95007h-9.95996v9.93994h-9.95996v9.94995h-9.95996v9.95007h-9.95996v9.95007h-19.93018 v9.94995h-9.95996v9.94995h-9.95996v9.94995h-9.95996v9.95007h-9.95996v9.95007h-9.96008v9.94995h-9.95996v9.93994h-9.96008 v19.90002h9.96008v-9.95007h9.95996v-9.94995h9.96008v-9.93994h9.95996v-9.94995h9.95996V1293.37h9.95996v-9.95007h9.95996 v-9.94995h19.93018v-9.94995h9.95996v-9.94995h9.95996V1243.62h9.95996v-9.95007h9.95996v-9.94995h19.92004v-9.93994h9.96008 v-9.95007h19.92993V1193.88h9.95996v-19.90002h-9.95996V1183.92993z M1573.84998,1472.44995h9.96008V1462.5h-9.96008V1472.44995z M1563.89001,1452.55005V1462.5h9.95996v-9.94995H1563.89001z M1563.89001,1432.6499h-9.96008v9.95007h9.96008V1432.6499z M1553.92993,1422.69995v-9.93994h-9.95996v9.93994H1553.92993z M1534.01001,1402.81006v9.94995h9.95996v-9.94995H1534.01001z M1524.05005,1392.85999v9.95007h9.95996v-9.95007H1524.05005z M1514.09009,1382.90991v9.95007h9.95996v-9.95007H1514.09009z M1504.12,1372.95996v9.94995h9.97009v-9.94995H1504.12z M1414.46997,1353.06006h9.96997v-9.95007h-9.96997V1353.06006z M1414.46997,885.45996h19.93005v9.95001h-9.96008v9.95001h29.88013V915.31h109.56995v9.95001h19.92004V915.31h-9.96008v-9.95001 h-99.60999v-9.95001h-19.91992v-9.95001h-9.96008v-9.94995h-19.92004V865.56h-29.88989v9.95001h19.91992V885.45996z"/>
				<path fill="#333333" d="M1902.57007,1512.23999h9.95996v19.90002h-9.95996V1512.23999z M1902.57007,1492.34998h-9.96008v19.89001 h9.96008V1492.34998z M1892.60999,1472.44995h-9.95996v19.90002h9.95996V1472.44995z M1882.65002,1452.55005h-9.97009v19.8999 h9.97009V1452.55005z M1872.67993,1432.6499h-9.95996v-19.88989h-9.95996v-19.90002h-9.95996v-9.95007h-9.95996v-9.94995H1822.88 v-19.8999h-9.96008v-19.90015h-9.95996v39.80005h9.95996v19.90002h9.96008v19.90002h9.96008v9.93994h9.95996v9.94995h9.95996 v9.95007h9.95996v9.95007h9.95996V1432.6499z M1802.95996,1313.27002H1793v-9.94995h-9.95996v-19.90015h-9.96997v-9.94995 h-9.96008v-9.94995h-9.95996v-9.94995h-9.96008V1243.62h-19.91992v-9.95007h-9.95996v19.90015h-9.96008v9.94995h-9.95996v19.8999 h29.88v9.95007h19.91992v9.95007h9.96008v9.94995h9.95996v9.93994h9.96008v9.94995h9.96997v9.95007H1793v-19.90002h9.95996 V1313.27002z M1972.30005,1303.32007v9.94995h9.95996v-9.94995H1972.30005z M1962.33008,1293.37v9.95007h9.96997V1293.37 H1962.33008z M1952.37,1283.41992v9.95007h9.96008v-9.95007H1952.37z M1942.40991,1273.46997v-9.94995h-9.95996v-9.94995h-9.95996 V1243.62h-9.95996v-9.95007h-19.92004v9.95007h9.96008v9.95007h9.95996v9.94995h9.95996v9.94995h9.95996v9.94995H1952.37v-9.94995 H1942.40991z M1902.57007,1223.71997v-9.93994h-9.96008V1193.88h-9.95996v-19.90002h-9.97009v-9.94995h-9.95996v-9.95007h-9.95996 v-19.90002h-9.95996v-19.88989h-9.95996v-19.90002H1822.88v9.94995h-9.96008v9.95007h-9.95996v9.93994H1822.88V1144.13h9.96008 v19.90002h9.95996v19.8999h9.95996v9.95007h9.95996v9.94995h9.95996v19.89001h9.97009v9.94995h9.95996v-9.94995H1902.57007z M1773.07007,1014.79999h-9.96008v9.94h9.96008V1014.79999z M1753.15002,1004.84998h-9.96008v9.95001h9.96008V1004.84998z M1723.27002,1004.84998h9.95996v-19.89996h-9.95996V1004.84998z M1713.31006,984.95001h9.95996v-29.85004h-9.95996V984.95001z M1713.31006,935.20001h-9.96008v19.89996h9.96008V935.20001z M1673.45996,1253.57007h-29.87988v9.94995h-19.92017v9.94995 h-29.88989v9.94995h-19.92004v9.95007h-9.95996v9.95007h-29.88v9.94995h-9.95996v9.93994h-9.95996v9.94995H1504.12v9.95007 h-9.96008v9.95007h-9.95996v9.94995H1504.12v-9.94995h19.93005v-9.95007h39.83997v-9.95007h29.88v-9.94995h29.88989v-9.93994 h19.92017v-9.94995H1663.5V1293.37h19.91992v-29.84998h-9.95996V1253.57007z M1593.77002,965.04999H1633.62V975h19.92004 v-19.90002h-49.80005v-9.95001h-19.92993v9.95001h9.95996V965.04999z M1553.92993,1502.30005h9.96008v-19.90015h-9.96008 V1502.30005z M1553.92993,1462.5h-9.95996v-9.94995h-9.95996v-9.95007h-9.95996v-9.95007h-9.95996v-9.94995h-19.93018v-9.93994 h-9.95996v-9.94995h-9.95996v-9.95007h-9.95996v-19.90002h-9.95996v-9.94995h-19.92004v-9.94995h-9.96008v29.84985h9.96008 v9.95007h9.95996v9.95007h9.96008v9.94995h9.95996v9.93994h9.95996v9.94995h9.95996v9.95007h9.95996v9.95007h19.93018V1462.5 h9.95996v9.94995h19.91992v9.94995h9.95996V1462.5z M1524.05005,935.20001v9.94995h19.91992v9.95001h29.88v-9.95001h-19.92004 v-9.94995h-19.91992v-9.94h-39.8501v9.94H1524.05005z M1723.27002,1164.03003v9.94995h29.88v-9.94995H1723.27002z M1693.39001,1173.97998v9.94995h29.88v-9.94995H1693.39001z"/>
				<path fill="#B3B3B3" d="M1952.37,1532.14001v9.94995h-19.92004v-9.94995H1952.37z M1912.53003,1542.08997v9.95007h19.91992 v-9.95007H1912.53003z M1922.48999,1203.82996h-9.95996v9.95007h9.95996V1203.82996z M1912.53003,1213.78003h-9.95996v9.93994 h9.95996V1213.78003z M1892.60999,1233.66992h9.96008v-9.94995h-9.96008V1233.66992z M1822.88,1074.48999h9.96008v-49.75H1822.88 V1074.48999z M1812.91992,1303.32007v9.94995h19.92017v-9.94995H1812.91992z M1812.91992,1104.33997h9.96008v-29.84998h-9.96008 V1104.33997z M1802.95996,1323.20996h9.95996v-9.93994h-9.95996V1323.20996z M1802.95996,1114.29004h9.95996v-9.95007h-9.95996 V1114.29004z M1793,1353.06006h9.95996v-29.8501H1793V1353.06006z M1773.07007,1114.29004v9.93994h29.88989v-9.93994H1773.07007z M1753.15002,1164.03003v9.94995h29.89001v-9.94995H1753.15002z M1753.15002,1124.22998v9.94995h19.92004v-9.94995H1753.15002z M1743.18994,1193.88h9.96008v-19.90002h-9.96008V1193.88z M1733.22998,1203.82996h9.95996V1193.88h-9.95996V1203.82996z M1723.27002,1223.71997h9.95996v-19.89001h-9.95996V1223.71997z M1713.31006,1233.66992h9.95996v-9.94995h-9.95996V1233.66992z M1703.34998,1253.57007h9.96008v-19.90015h-9.96008V1253.57007z M1693.39001,1263.52002h9.95996v-9.94995h-9.95996V1263.52002z M1683.41992,1283.41992h9.97009v-19.8999h-9.97009V1283.41992z M1673.45996,1253.57007v9.94995h9.95996v-9.94995H1673.45996z M1683.41992,915.31h-9.95996v19.89001h9.95996V915.31z M1673.45996,1233.66992H1663.5v19.90015h9.95996V1233.66992z M1673.45996,935.20001H1663.5v19.89996h9.95996V935.20001z M1653.54004,1223.71997v9.94995H1663.5v-9.94995H1653.54004z M1663.5,955.09998h-9.95996V975H1663.5V955.09998z M1633.62,1213.78003v9.93994h19.92004v-9.93994H1633.62z M1643.58008,1074.48999h9.95996v-19.90002h-9.95996V1074.48999z M1643.58008,1034.68994H1633.62v19.90002h9.96008V1034.68994z M1633.62,1183.92993h-9.96008v29.8501h9.96008V1183.92993z M1613.69995,1173.97998v9.94995h9.95996v-9.94995H1613.69995z M1603.73999,1532.14001v9.94995h19.91992v-9.94995H1603.73999z M1603.73999,1164.03003v9.94995h9.95996v-9.94995H1603.73999z M1583.81006,1522.18994v9.95007h19.92993v-9.95007H1583.81006z M1593.77002,915.31h-9.95996v19.89001h9.95996V915.31z M1563.89001,1512.23999v9.94995h19.92004v-9.94995H1563.89001z M1583.81006,935.20001h-9.96008v19.89996h9.96008V935.20001z M1484.19995,1363.01001v9.94995H1504.12v-9.94995H1484.19995z M1454.32007,1353.06006v9.94995h29.87988v-9.94995H1454.32007z M1424.43994,1343.10999v9.95007h29.88013v-9.95007H1424.43994z M1414.46997,1363.01001h9.96997v-9.94995h-9.96997V1363.01001z"/>
				<path d="M1842.80005,1004.84998v9.95001h-9.95996v-9.95001H1842.80005z M1812.91992,1014.79999v9.94h-49.80994v9.94995H1822.88 v-9.94995h9.96008v-9.94H1812.91992z M1743.18994,1014.79999v9.94h19.92004v-9.94H1743.18994z M1723.27002,1004.84998v9.95001 h19.91992v-9.95001H1723.27002z M1723.27002,984.95001h-9.95996v19.89996h9.95996V984.95001z M1713.31006,965.04999h-9.96008 v19.90002h9.96008V965.04999z M1743.18994,895.40997v9.95001h-9.95996V915.31h-9.95996v49.73999h9.95996v-19.90002h9.95996 v-19.88995h9.96008V915.31h9.95996v-19.90002H1743.18994z"/>
				<path fill="#808080" d="M1822.88,1034.68994v9.95007h-9.96008v-9.95007H1822.88z M1793,1044.64001v9.94995h19.91992v-9.94995H1793 z M1773.07007,1054.58997v9.95007H1793v-9.95007H1773.07007z M1763.10999,1074.48999h9.96008v-9.94995h-9.96008V1074.48999z M1683.41992,975h9.97009v-59.69h-9.97009V975z M1673.45996,1034.68994h9.95996V975h-9.95996V1034.68994z"/>
				<path fill="#4D4D4D" d="M1773.07007,1074.48999v19.90002h-9.96008v19.90002h-9.95996v19.88989h-9.96008v9.95007h-19.91992 v-9.95007h-19.92004v-9.94995h-9.95996v-9.93994h-19.93005v-9.95007h-19.91992v-29.84998H1663.5v-19.90002h9.95996v-19.90002 h29.89001v9.95007h19.92004v9.94995h19.91992v9.95007h19.92004v9.94995H1773.07007z"/>
				<path fill="#B3B3B3" d="M1882.65002,905.35999V915.31h-19.93005v-9.95001h-89.6499V915.31h-9.96008v-19.90002h109.56995v9.95001 H1882.65002z"/>
				<path fill="#FFE000" d="M1882.65002,915.31v29.83997h-9.97009V975h-9.95996v19.89996h-9.95996v9.95001h-19.91992v9.95001 h-49.80005v-9.95001h-19.93005v-9.95001h-9.95996v-9.94995h-9.96008V975h-9.95996v-29.85004h9.95996v-19.88995h9.96008V915.31 h19.92004v-9.95001h89.6499V915.31H1882.65002z"/>
				<path fill="#FFFF00" d="M1882.65002,915.31v29.83997h-9.97009v9.95001h-9.95996v-19.89996h-9.95996v-9.94h-19.91992V915.31 h-19.92017v-9.95001h49.80005V915.31H1882.65002z"/>
				<path fill="#FFBA00" d="M1802.95996,1004.84998v9.95001h-19.91992v-9.95001h-19.93005v-9.95001h-9.95996v-9.94995h-9.96008V975 h-9.95996v-29.85004h9.95996v19.90002h9.96008V975h9.95996v9.95001h9.96008v9.94995H1793v9.95001H1802.95996z"/>
				<path fill="#4D4D4D" d="M1643.58008,1124.22998v39.80005H1633.62v-9.95007h-19.92004v-39.78992H1633.62v9.93994H1643.58008z"/>
				<path fill="#FFFFFF" d="M1324.82007,845.65997v9.95001h-29.88013v-9.95001h-29.87988v-9.95001h-19.92004v-9.94h-19.93005v-9.94995 h-29.87988V805.87h-19.92017v-9.95001h-19.91992v-9.95001h-19.92993v-9.95001h-19.92004v-9.94995h-19.92004V756.12h-19.91992 v-9.95001H1055.88v-9.95001h-19.93005v-9.94h-19.91992v-9.95001h-9.96002V706.38h19.91998v9.94995h19.91992v9.95001h19.93018v9.94 h19.91992v9.95001h19.91992V756.12h19.92004v9.95001h19.93005v9.94995h29.87988v9.95001h19.92017v9.95001H1215.25V805.87h19.92993 v9.95001h29.88013v9.94995h19.91992v9.94h29.88v9.95001H1324.82007z M986.15002,696.42999V706.38h19.91998v-9.95001H986.15002z"/>
				<path fill="#FFFF00" d="M1354.70996,835.70996V865.56H1344.75v19.89996h-9.95996V865.56h-19.93005v-9.95001h9.96008v-9.95001 h9.96997v9.95001h9.95996v-19.90002H1354.70996z"/>
				<path d="M1424.43994,885.45996v19.90002h-19.92993v-9.95001h-19.91992v-9.95001h-29.88013v-9.94995H1344.75V865.56h9.95996 v-9.95001h9.95996V865.56h29.88013v9.95001h19.91992v9.94995H1424.43994z"/>
			</g>
			<g id="lights2">
				<path d="M1733.22998,1114.29004v9.93994h-9.95996v-9.93994H1733.22998z"/>
				<path d="M1713.31006,1104.33997v9.95007h-9.96008v-9.95007H1713.31006z"/>
				<path d="M1693.39001,1094.39001v9.94995h-9.96997v-9.94995H1693.39001z"/>
				<path d="M1673.45996,1084.43994v9.95007H1663.5v-9.95007H1673.45996z"/>
				<path d="M1743.18994,1094.39001v9.94995h-9.95996v-9.94995H1743.18994z"/>
				<path d="M1723.27002,1084.43994v9.95007h-9.95996v-9.95007H1723.27002z"/>
				<path d="M1703.34998,1074.48999v9.94995h-9.95996v-9.94995H1703.34998z"/>
				<path d="M1683.42004,1064.54004v9.94995h-9.96008v-9.94995H1683.42004z"/>
				<path d="M1753.15002,1074.48999v9.94995h-9.96008v-9.94995H1753.15002z"/>
				<path d="M1733.22998,1064.54004v9.94995h-9.95996v-9.94995H1733.22998z"/>
				<path d="M1713.31006,1054.58997v9.95007h-9.96008v-9.95007H1713.31006z"/>
				<path d="M1693.39001,1044.64001v9.94995h-9.96997v-9.94995H1693.39001z"/>
			</g>
			<g id="lights1">
				<path d="M1643.57996,1144.13v9.94995H1633.62V1144.13H1643.57996z"/>
				<path d="M1643.57996,1134.18005v9.94995H1633.62v-9.94995H1643.57996z"/>
				<path d="M1633.62,1134.18005v9.94995h-9.95996v-9.94995H1633.62z"/>
				<path d="M1633.62,1124.22998v9.95007h-9.95996v-9.95007H1633.62z"/>
				<path d="M1623.66003,1134.18005v9.94995h-9.96008v-9.94995H1623.66003z"/>
				<path d="M1623.66003,1124.22998v9.95007h-9.96008v-9.95007H1623.66003z"/>
			</g>
			<g id="ufo">
				<path class="disk" d="M1424.43994,1591.83997h-9.96997v-9.94995h9.96997v-9.95007h9.96008v-9.94995h19.92004v-9.94995h9.95996 v-9.95007h19.91992v9.95007H1504.12v19.8999h29.89001v-9.94995h19.91992v9.94995h59.77002v9.95007h89.65002v9.94995h139.45007 v9.95007h119.53003v-9.95007h39.84985v-9.94995h9.96008v9.94995h9.95996v9.95007h9.96008v9.93994h9.95996v9.94995h9.95996 v19.90002h-9.95996v9.95007h-59.76001v9.94995h-169.34009v-9.94995h-139.45996v-9.95007h-79.68994V1631.63h-69.71997v-9.95007 h-39.8501v-9.94995h-39.83997v-9.93994h-19.92004V1591.83997z"/>
				<path class="disk" d="M1842.80005,1492.34998h29.87988v29.83997h-109.56995v-9.94995h-89.65002v-9.93994h-59.76001v-9.95007 h9.95996v-9.95007h-9.95996v-9.94995H1663.5V1462.5h89.65002v9.94995h49.80994v9.94995h39.84009V1492.34998z"/>
				<path fill="#737373" d="M2271.12988,1691.32996h9.96021v19.89001h-19.92017v9.94995h-29.88989v9.95007h-49.80005v9.95007 h-99.60986v9.94995h-199.22009v-9.94995H1663.5V1731.12h-69.72998v-9.95007h-69.71997v-9.94995h-49.81006v-9.93994h-49.80005 v-9.95007H1374.63V1681.38h-49.80994v-9.95007h-29.88013v-9.94995h-29.87988v-9.94995h-19.92004v-9.95007h-19.93005V1631.63 h-19.91992v-9.95007h-9.95996v-19.88989h9.95996v-9.95007h19.91992v-9.94995h49.81006v-9.95007h79.68994v-9.94995h79.69006 v9.94995h-19.93005v9.95007h-19.91992v29.83997h19.91992v9.94995h29.89001v9.95007h39.83997v9.94995h59.77002v9.95007h59.77002 v9.94995h109.57007v9.94995h139.44995v9.95007h139.45996v-9.95007h59.76001v-9.94995h29.89014v-19.90002h-9.96021V1631.63 h-19.92993v-9.95007h-9.95996v-9.94995h29.88989v9.94995H2111.75v9.95007h39.8501v9.94995h29.87988v9.95007h29.87988v9.94995 h19.92017v9.94995h19.92993v9.95007h19.91992V1691.32996z"/>
				<path d="M2002.17993,1581.89001v9.94995h-39.84985v9.95007h-119.53003v-9.95007h-139.45007v-9.94995h-89.65002v-9.95007h-59.77002 v-19.8999h29.88013v-9.95007h39.84985v-19.90002h-9.95996v-9.94995h-9.95996v-19.89001h9.95996v9.95007h59.76001v9.93994h89.65002 v9.94995h109.56995v-9.94995h19.93005v9.94995h9.96008v9.95007h9.95996v29.84998h9.95996v9.94995h9.95996v9.95007h29.88013 v-9.95007h29.88989v9.95007H2002.17993z M1553.92993,1522.18994h9.96008v-19.88989h-19.92004v9.93994h-19.91992v9.94995H1504.12 v9.95007h-19.92004v19.90002h29.89014v-9.95007h19.91992v-9.94995h19.91992V1522.18994z"/>
				<path d="M1414.46997,1611.72998h-19.91992v-29.83997h19.91992v9.94995h9.96997v9.95007h19.92004v9.93994h39.83997v9.94995h39.8501 v9.95007h69.71997v9.94995h79.68994v9.95007h139.45996v9.94995h169.34009v-9.94995h59.76001v-9.95007h9.95996V1631.63h19.92993 v9.94995h9.96021v19.90002h-29.89014v9.94995h-59.76001v9.95007h-139.45996v-9.95007h-139.44995v-9.94995h-109.57007v-9.94995 h-59.77002v-9.95007h-59.77002V1631.63h-39.83997v-9.95007h-29.89001V1611.72998z M1424.43994,1571.93994h-9.96997v9.95007 h9.96997V1571.93994z"/>
				<path class="disk" d="M2350.82007,1711.21997h9.95996v9.94995h-9.95996v9.95007h-9.96021v9.95007h-19.92993v9.94995h-39.83984 v9.94995h-69.73022v9.94995h-458.20984v-9.94995h-99.60999v-9.94995h-69.72998v-9.94995H1504.12V1731.12h-59.76001v-9.95007 H1374.63v-9.94995h-49.80994v-9.93994h-39.84009v-9.95007h-39.83997V1681.38H1215.25v-9.95007h-39.84009v-9.94995h-19.91992 v-9.94995h-19.92993v-9.95007h-9.96008V1631.63h-9.95996v-19.90002h9.95996v-9.93994h9.96008v-9.95007h19.92993v-9.94995h39.84009 v-9.95007h79.68994v9.95007h-49.81006v9.94995h-19.91992v9.95007h-9.95996v19.88989h9.95996v9.95007h19.91992v9.94995h19.93005 v9.95007h19.92004v9.94995h29.87988v9.94995h29.88013v9.95007H1374.63v9.94995h49.80994v9.95007h49.80005v9.93994h49.81006 v9.94995h69.71997v9.95007H1663.5v9.95007h219.15002v9.94995h199.22009v-9.94995h99.60986V1731.12h49.80005v-9.95007h29.88989 v-9.94995h19.92017v-19.89001h-9.96021V1681.38h-19.91992v-9.95007h-19.92993v-9.94995h-19.92017v-9.94995h39.8501v9.94995 h29.88013v9.94995h19.91992v9.95007h19.91992v9.94995h19.92993v9.95007h9.96021V1711.21997z M1354.70996,1561.98999h-69.72998 v9.94995h69.72998V1561.98999z M2181.47998,1641.57996v9.95007h29.87988v-9.95007H2181.47998z M2151.6001,1631.63v9.94995 h19.91992V1631.63H2151.6001z M2111.75,1621.67993v9.95007h9.95996v-9.95007H2111.75z"/>
				<path d="M2500.22998,1760.96997v29.8501h-9.95996v19.88989h-19.91992v9.94995h-19.92017v9.95007h-29.88989v9.95007h-49.80005 v9.94995h-69.72998v9.94995h-109.57007v9.94995h-298.82996v-9.94995h-159.38v-9.94995h-89.6499v-9.94995h-79.69006v-9.95007 h-79.69006v-9.95007h-69.72998v-9.94995h-59.76001v-9.93994h-49.80994v-9.94995h-59.76001V1780.87h-39.84998v-9.95007h-39.84009 v-9.94995h-29.88989v-9.94995h-19.92004v-9.94995h-29.88V1731.12h-29.88v-9.95007h-29.89001v-9.94995h-19.91998v-9.93994h-9.96002 v-9.95007h-9.95996V1631.63h9.95996v-19.90002h29.88v-9.93994h39.8501v-9.95007h39.83984v-9.94995h49.81006v9.94995h-19.92993 v9.95007h-9.96008v9.93994h-9.95996V1631.63h9.95996v9.94995h9.96008v9.95007h19.92993v9.94995h19.91992v9.94995H1215.25v9.95007 h29.89001v9.94995h39.83997v9.95007h39.84009v9.93994H1374.63v9.94995h69.72998v9.95007H1504.12v9.95007h79.69006v9.94995 h69.72998v9.94995h99.60999v9.94995h458.20984v-9.94995h69.73022v-9.94995h39.83984v-9.94995h19.92993V1731.12h9.96021v-9.95007 h9.95996v-9.94995h-9.95996v-9.93994h-9.96021v-9.95007h-19.92993V1681.38h39.8501v9.94995h29.87988v9.95007h29.88013v9.93994 h19.92993v9.94995h19.92017v9.95007h9.95996v9.95007h9.95996v9.94995h9.95996v9.94995H2500.22998z M1195.33008,1571.93994 h-19.92017v9.95007h19.92017V1571.93994z M2301.01001,1671.42993v9.95007h19.91992v-9.95007H2301.01001z M2281.09009,1671.42993 h9.95996v-9.94995h-9.95996V1671.42993z"/>
				<g class="pink-lights">
					<path d="M2490.27002,1800.77002v9.93994h-19.91992v-9.93994H2490.27002z"/><path d="M2470.3501,1810.70996v9.94995h-19.92017v-9.94995H2470.3501z"/><path d="M2450.42993,1820.65991v9.95007h-29.88989v-9.95007H2450.42993z"/><path d="M2420.54004,1830.60999v9.95007h-49.80005v-9.95007H2420.54004z"/><path d="M2370.73999,1840.56006v9.94995h-69.72998v-9.94995H2370.73999z"/><path d="M2301.01001,1850.51001v9.94995h-109.57007v-9.94995H2301.01001z"/><path d="M2191.43994,1860.45996v9.94995h-298.82996v-9.94995H2191.43994z"/><path d="M1892.60999,1850.51001v9.94995h-159.38v-9.94995H1892.60999z"/><path d="M1733.22998,1840.56006v9.94995h-89.6499v-9.94995H1733.22998z"/><path d="M1643.58008,1830.60999v9.95007h-79.69006v-9.95007H1643.58008z"/><path d="M1563.89001,1820.65991v9.95007h-79.69006v-9.95007H1563.89001z"/><path d="M1484.19995,1810.70996v9.94995h-69.72998v-9.94995H1484.19995z"/><path d="M1414.46997,1800.77002v9.93994h-59.76001v-9.93994H1414.46997z"/><path d="M1354.70996,1790.82007v9.94995h-49.80994v-9.94995H1354.70996z"/><path d="M1304.90002,1780.87v9.95007h-59.76001V1780.87H1304.90002z"/><path d="M1245.14001,1770.91992v9.95007h-39.84998v-9.95007H1245.14001z"/><path d="M1205.29004,1760.96997v9.94995h-39.84009v-9.94995H1205.29004z"/><path d="M1165.44995,1751.02002v9.94995h-29.88989v-9.94995H1165.44995z"/><path d="M1135.56006,1741.07007v9.94995h-19.92004v-9.94995H1135.56006z"/><path d="M1115.64001,1731.12v9.95007h-29.88V1731.12H1115.64001z"/><path d="M1085.76001,1721.16992v9.95007h-29.88v-9.95007H1085.76001z"/><path d="M1055.88,1711.21997v9.94995h-29.89001v-9.94995H1055.88z"/><path d="M1025.98999,1701.28003v9.93994h-19.91998v-9.93994H1025.98999z"/><path d="M996.10999,1681.38v9.94995h-9.95996V1681.38H996.10999z"/><path d="M1006.07001,1691.32996v9.95007h-9.96002v-9.95007H1006.07001z"/>
				</g>
				<g class="green-lights">
					<path d="M2490.27002,1800.77002v9.93994h-19.91992v-9.93994H2490.27002z"/><path d="M2470.3501,1810.70996v9.94995h-19.92017v-9.94995H2470.3501z"/><path d="M2450.42993,1820.65991v9.95007h-29.88989v-9.95007H2450.42993z"/><path d="M2420.54004,1830.60999v9.95007h-49.80005v-9.95007H2420.54004z"/><path d="M2370.73999,1840.56006v9.94995h-69.72998v-9.94995H2370.73999z"/><path d="M2301.01001,1850.51001v9.94995h-109.57007v-9.94995H2301.01001z"/><path d="M2191.43994,1860.45996v9.94995h-298.82996v-9.94995H2191.43994z"/><path d="M1892.60999,1850.51001v9.94995h-159.38v-9.94995H1892.60999z"/><path d="M1733.22998,1840.56006v9.94995h-89.6499v-9.94995H1733.22998z"/><path d="M1643.58008,1830.60999v9.95007h-79.69006v-9.95007H1643.58008z"/><path d="M1563.89001,1820.65991v9.95007h-79.69006v-9.95007H1563.89001z"/><path d="M1484.19995,1810.70996v9.94995h-69.72998v-9.94995H1484.19995z"/><path d="M1414.46997,1800.77002v9.93994h-59.76001v-9.93994H1414.46997z"/><path d="M1354.70996,1790.82007v9.94995h-49.80994v-9.94995H1354.70996z"/><path d="M1304.90002,1780.87v9.95007h-59.76001V1780.87H1304.90002z"/><path d="M1245.14001,1770.91992v9.95007h-39.84998v-9.95007H1245.14001z"/><path d="M1205.29004,1760.96997v9.94995h-39.84009v-9.94995H1205.29004z"/><path d="M1165.44995,1751.02002v9.94995h-29.88989v-9.94995H1165.44995z"/><path d="M1135.56006,1741.07007v9.94995h-19.92004v-9.94995H1135.56006z"/><path d="M1115.64001,1731.12v9.95007h-29.88V1731.12H1115.64001z"/><path d="M1085.76001,1721.16992v9.95007h-29.88v-9.95007H1085.76001z"/><path d="M1055.88,1711.21997v9.94995h-29.89001v-9.94995H1055.88z"/><path d="M1025.98999,1701.28003v9.93994h-19.91998v-9.93994H1025.98999z"/><path d="M996.10999,1681.38v9.94995h-9.95996V1681.38H996.10999z"/><path d="M1006.07001,1691.32996v9.95007h-9.96002v-9.95007H1006.07001z"/>
				</g>
			</g>
		</g>
		

		<g id="ufos">
			<g id="ufo1">
				<path class="disk" d="M1812.91992,507.39996h-9.95996v-9.94995h9.95996V487.5h19.92017v-9.95001h19.91992V487.5h39.84998 v9.95001h49.79993v9.94995h239.07007v9.95001h9.95996v9.95001h9.95996v9.94h-9.95996V547.19h-229.10986v-9.95001h-69.72009v-9.94 h-49.80994v-9.95001h-29.88013V507.39996z"/>
				<path class="disk" d="M2091.83008,447.70001v9.94995h-9.95996v9.95001h-59.77014v-9.95001H1952.37v-9.94995h-29.88v-9.94 h9.95996V427.81h99.61011v9.95001h39.84985v9.94H2091.83008z"/>
				<path fill="#737373" d="M2340.85986,567.08997v9.95001h-9.96973v9.95001h-19.92017V596.94h-59.76001v9.95001h-249.03003V596.94 h-99.60986v-9.95001h-49.81006v-9.95001h-49.80005v-9.95001h-49.80994v-9.94995h-29.88V547.19h-29.88v-9.95001h-19.93005v-9.94 H1663.5v-9.95001h9.95996v-9.95001h19.93005v-9.94995h69.71997V487.5h49.80994v9.95001H1793v19.89996h9.95996v9.95001h29.88013 v9.94h49.80994V547.19H1952.37v9.95001h258.98987V547.19h9.96021v-9.95001h-9.96021v-9.94h39.8501v9.94h29.88013V547.19h29.87988 v9.95001h19.92017v9.94995H2340.85986z"/>
				<path d="M1852.76001,477.54999h-9.95996v-9.95001h19.91992v-9.95001h29.89001v-9.94995H1952.37v9.94995h69.72998v9.95001h59.77014 v-9.95001H2111.75v9.95001h19.91992v9.95001h9.95996V487.5h19.93018v9.95001h9.95996v9.94995h-229.11011v-9.94995h-49.79993V487.5 h-39.84998V477.54999z"/>
				<path d="M2201.3999,517.34998v9.95001h-9.95996v-9.95001H2201.3999z M1802.95996,527.29999h29.88013v9.94h49.80994V547.19H1952.37 v9.95001h258.98987V547.19h9.96021v-9.95001h-9.96021v-9.94h-9.95996v9.94h-9.95996V547.19h-229.10986v-9.95001h-69.72009v-9.94 h-49.80994v-9.95001h-29.88013v-9.95001h-9.95996v-9.94995H1793v19.89996h9.95996V527.29999z"/>
				<path class="disk" d="M2390.65991,577.03998V596.94h-9.95996v9.95001h-39.84009v9.94995h-368.55981v-9.94995h-99.62012V596.94 h-59.76001v-9.95001h-49.80994v-9.95001h-49.79993v-9.95001h-29.89014v-9.94995h-29.87988V547.19H1633.62v-9.95001h-9.96008 v-19.89001h9.96008v-9.95001h19.92004v-9.94995h39.84998v9.94995h-19.93005v9.95001H1663.5v9.95001h9.95996v9.94h19.93005V547.19 h29.88v9.95001h29.88v9.94995h49.80994v9.95001h49.80005v9.95001h49.81006V596.94h99.60986v9.95001h249.03003V596.94h59.76001 v-9.95001h19.92017v-9.95001h9.96973v-9.95001h-9.96973v-9.94995h-19.92017V547.19h29.88989v9.95001h19.92017v9.94995h19.91992 v9.95001H2390.65991z M2261.16992,527.29999h-9.95996v9.94h9.95996V527.29999z M1763.10999,487.5h-39.83997v9.95001h39.83997 V487.5z M2301.01001,537.23999h-19.91992V547.19h19.91992V537.23999z"/>
				<path d="M1543.96997,567.08997h-9.95996v-29.84998h9.95996v-19.89001h29.88v-9.95001H1633.62v9.95001h-9.96008v19.89001h9.96008 V547.19h19.92004v9.95001h29.87988v9.94995h29.89014v9.95001h49.79993v9.95001h49.80994V596.94h59.76001v9.95001h99.62012v9.94995 h368.55981v-9.94995h39.84009V596.94h9.95996v-19.90002h-9.95996v-9.95001h29.88013v9.95001h29.88989v9.95001h19.92017V596.94 h9.95996v9.95001h9.95996v19.89996h-9.95996v19.89001h-19.92017V656.63h-29.88989v9.94995h-59.76001v9.95001h-99.61011v9.95001 h-139.45996v-9.95001h-119.53003v-9.95001h-99.60986V656.63H1822.88v-9.95001h-59.77002v-9.95001h-49.79993v-9.94h-39.8501 v-9.95001H1633.62v-9.94995h-29.88V596.94h-29.89001v-9.95001h-19.92004v-9.95001h-9.95996V567.08997z M2360.78003,557.14001 v9.94995h19.91992v-9.94995H2360.78003z M1653.54004,507.39996v-9.94995H1633.62v9.94995H1653.54004z"/>

				<g class="pink-lights">
					<path d="M2470.3501,636.72998v9.95001h-19.92017v-9.95001H2470.3501z"/><path d="M2450.42993,646.67999V656.63h-29.88989v-9.95001H2450.42993z"/><path d="M2420.54004,656.63v9.94995h-59.76001V656.63H2420.54004z"/><path d="M2360.78003,666.57996v9.95001h-99.61011v-9.95001H2360.78003z"/><path d="M2261.16992,676.52997v9.95001h-139.45996v-9.95001H2261.16992z"/><path d="M2121.70996,666.57996v9.95001h-119.53003v-9.95001H2121.70996z"/><path d="M2002.17993,656.63v9.94995h-99.60986V656.63H2002.17993z"/><path d="M1902.57007,646.67999V656.63H1822.88v-9.95001H1902.57007z"/><path d="M1822.88,636.72998v9.95001h-59.77002v-9.95001H1822.88z"/><path d="M1763.10999,626.78998v9.94h-49.79993v-9.94H1763.10999z"/><path d="M1713.31006,616.83997v9.95001h-39.8501v-9.95001H1713.31006z"/><path d="M1673.45996,606.89001v9.94995H1633.62v-9.94995H1673.45996z"/><path d="M1633.62,596.94v9.95001h-29.88V596.94H1633.62z"/><path d="M1603.73999,586.98999V596.94h-29.89001v-9.95001H1603.73999z"/><path d="M1573.84998,577.03998v9.95001h-19.92004v-9.95001H1573.84998z"/><path d="M1553.93005,567.09003v9.94995h-9.96008v-9.94995H1553.93005z"/><path d="M1543.96997,557.14001v9.95001h-9.95996v-9.95001H1543.96997z"/>
				</g>
				<g class="green-lights">
					<path d="M2470.3501,636.72998v9.95001h-19.92017v-9.95001H2470.3501z"/><path d="M2450.42993,646.67999V656.63h-29.88989v-9.95001H2450.42993z"/><path d="M2420.54004,656.63v9.94995h-59.76001V656.63H2420.54004z"/><path d="M2360.78003,666.57996v9.95001h-99.61011v-9.95001H2360.78003z"/><path d="M2261.16992,676.52997v9.95001h-139.45996v-9.95001H2261.16992z"/><path d="M2121.70996,666.57996v9.95001h-119.53003v-9.95001H2121.70996z"/><path d="M2002.17993,656.63v9.94995h-99.60986V656.63H2002.17993z"/><path d="M1902.57007,646.67999V656.63H1822.88v-9.95001H1902.57007z"/><path d="M1822.88,636.72998v9.95001h-59.77002v-9.95001H1822.88z"/><path d="M1763.10999,626.78998v9.94h-49.79993v-9.94H1763.10999z"/><path d="M1713.31006,616.83997v9.95001h-39.8501v-9.95001H1713.31006z"/><path d="M1673.45996,606.89001v9.94995H1633.62v-9.94995H1673.45996z"/><path d="M1633.62,596.94v9.95001h-29.88V596.94H1633.62z"/><path d="M1603.73999,586.98999V596.94h-29.89001v-9.95001H1603.73999z"/><path d="M1573.84998,577.03998v9.95001h-19.92004v-9.95001H1573.84998z"/><path d="M1553.93005,567.09003v9.94995h-9.96008v-9.94995H1553.93005z"/><path d="M1543.96997,557.14001v9.95001h-9.95996v-9.95001H1543.96997z"/>
				</g>
			</g>
			<g id="ufo2">
				<path class="disk" d="M298.83002,975H288.87v-9.95001h9.96002v-9.95001h9.95996v-9.95001h29.89001v9.95001h39.84003v9.95001 h79.69V975h169.33997v-9.95001h9.96002V975h9.95996v9.95001h9.96002v19.89996h-29.88v9.95001h-129.5v-9.95001H398.44v-9.95001 h-59.76001v-9.94995h-39.84998V975z"/>
				<path class="disk" d="M557.82001,915.31v9.95001h-9.96002v9.94h-59.76996v-9.94H418.37V915.31H398.44v-9.95001h39.84998 v-9.95001h49.80005v9.95001H527.94V915.31H557.82001z"/>
				<path fill="#737373" d="M776.96002,1024.73999h9.96997v19.90002H767v9.94995h-59.76001v9.95007H468.16998v-9.95007H368.56 v-9.94995h-49.81v-9.95007h-49.79999v-9.94995h-39.84003v-9.94h-29.89001v-9.95001h-29.87994v-9.95001H159.38V975h19.91998 v-9.95001h49.81v-9.95001H288.87v9.95001h-9.96002V975h-9.95996v9.95001H288.87v9.94995h39.84998v9.95001h59.76001v9.95001 h99.61005v9.94h159.37994v-9.94h29.88v-9.95001h-9.95996v-9.95001h-9.96002v-9.94995h19.91998v9.94995h39.85004v9.95001h29.88 v9.95001h29.88V1024.73999z"/>
				<path d="M906.46002,1064.54004h9.95996v29.84998h-9.95996v9.94995h-19.92004v9.95007H846.69v9.93994h-69.72998v9.94995H517.97998 v-9.94995H398.44v-9.93994h-69.72003v-9.95007h-59.76996v-9.94995h-69.73004v-9.95007H159.38v-9.94995h-29.89001v-9.94995h-29.88 v-9.95007h-29.88v-9.94995H49.81v-9.95007h-9.96997v-9.94995H29.88v-19.89001h9.96002v-19.89996h19.92999V975h39.83997v-9.95001 h39.85004V975h-19.92999v9.95001h-9.96002v9.94995h9.96002v9.95001h19.92999v9.95001H159.38v9.94h39.83997v9.94995h39.85004 v9.95007H288.87v9.94995h59.77002v9.95007h89.64996v9.94995h139.45001v9.94995h139.46002v-9.94995h69.72998v-9.94995h39.84003 v-9.95007h9.95996v-19.90002H816.81v-9.94995h29.88v9.94995h29.89001v9.95007H896.5v9.94995h9.96002V1064.54004z"/>
				<path d="M338.67999,945.14996h-9.96002v-9.94995h19.92004v-9.94H368.56V915.31h49.81v9.95001h69.72003v9.94h59.76996v-9.94 h19.92004v9.94h19.91998v9.94995H607.63v9.95001h19.91998V975H458.21002v-9.95001h-79.69v-9.95001h-39.84003V945.14996z"/>
				<path class="disk" d="M816.81,1034.68994h19.91998v19.90002h-9.95996v9.95007h-39.84003v9.94995h-69.72998v9.94995H577.73999 v-9.94995H438.28998v-9.94995h-89.64996v-9.95007H288.87v-9.94995h-49.79999v-9.95007h-39.85004v-9.94995H159.38v-9.94h-19.91998 v-9.95001h-19.92999v-9.95001h-9.96002v-9.94995h9.96002V975h19.92999v-9.95001h39.83997V975H159.38v19.89996h9.96002v9.95001 h29.87994v9.95001h29.89001v9.94h39.84003v9.94995H318.75v9.95007h49.81v9.94995h99.60999v9.95007h239.07001v-9.95007H767 v-9.94995h19.92999v-19.90002h-9.96997v-9.94h29.88995v9.94H816.81V1034.68994z M747.08002,1004.84998v9.95001h29.88v-9.95001 H747.08002z M737.12,1004.84998v-9.95001h-19.91998v9.95001H737.12z M677.34998,994.89996h9.97003v-9.94995h-9.97003V994.89996z M229.10999,955.09998h-49.81v9.95001h49.81V955.09998z"/>
				<path d="M268.95001,984.95001V975h9.95996v-9.95001H288.87V975h9.96002v9.95001h39.84998v9.94995H398.44v9.95001h99.60999v9.95001 h129.5v-9.95001h29.88v-9.95001h9.96002v9.95001h9.95996v9.95001h-29.88v9.94H488.09003v-9.94h-99.61005v-9.95001h-59.76001 v-9.95001H288.87v-9.94995H268.95001z M298.83002,955.09998H288.87v9.95001h9.96002V955.09998z"/>
		
				<g class="pink-lights">
					<path d="M916.41998,1084.43994v9.95007h-9.95996v-9.95007H916.41998z"/><path d="M906.46002,1094.39001v9.94995h-19.92004v-9.94995H906.46002z"/><path d="M886.53998,1104.33997v9.95007H846.69v-9.95007H886.53998z"/><path d="M846.69,1114.29004v9.93994h-69.72998v-9.93994H846.69z"/><path d="M776.96002,1124.22998v9.94995H517.97998v-9.94995H776.96002z"/><path d="M517.97998,1114.29004v9.93994H398.44v-9.93994H517.97998z"/><path d="M398.44,1104.33997v9.95007h-69.72003v-9.95007H398.44z"/><path d="M328.71997,1094.39001v9.94995h-59.76996v-9.94995H328.71997z"/><path d="M268.95001,1084.43994v9.95007h-69.73004v-9.95007H268.95001z"/><path d="M199.21997,1074.48999v9.94995H159.38v-9.94995H199.21997z"/><path d="M159.38,1064.54004v9.94995h-29.89001v-9.94995H159.38z"/><path d="M129.48999,1054.58997v9.95007h-29.88v-9.95007H129.48999z"/><path d="M99.60999,1044.64001v9.94995h-29.88v-9.94995H99.60999z"/><path d="M69.72998,1034.68994v9.95007H49.81v-9.95007H69.72998z"/><path d="M49.81,1024.73999v9.94995h-9.97v-9.94995H49.81z"/><path d="M39.84,1014.79999v9.94h-9.96v-9.94H39.84z"/>
				</g>
				<g class="green-lights">
					<path d="M916.41998,1084.43994v9.95007h-9.95996v-9.95007H916.41998z"/><path d="M906.46002,1094.39001v9.94995h-19.92004v-9.94995H906.46002z"/><path d="M886.53998,1104.33997v9.95007H846.69v-9.95007H886.53998z"/><path d="M846.69,1114.29004v9.93994h-69.72998v-9.93994H846.69z"/><path d="M776.96002,1124.22998v9.94995H517.97998v-9.94995H776.96002z"/><path d="M517.97998,1114.29004v9.93994H398.44v-9.93994H517.97998z"/><path d="M398.44,1104.33997v9.95007h-69.72003v-9.95007H398.44z"/><path d="M328.71997,1094.39001v9.94995h-59.76996v-9.94995H328.71997z"/><path d="M268.95001,1084.43994v9.95007h-69.73004v-9.95007H268.95001z"/><path d="M199.21997,1074.48999v9.94995H159.38v-9.94995H199.21997z"/><path d="M159.38,1064.54004v9.94995h-29.89001v-9.94995H159.38z"/><path d="M129.48999,1054.58997v9.95007h-29.88v-9.95007H129.48999z"/><path d="M99.60999,1044.64001v9.94995h-29.88v-9.94995H99.60999z"/><path d="M69.72998,1034.68994v9.95007H49.81v-9.95007H69.72998z"/><path d="M49.81,1024.73999v9.94995h-9.97v-9.94995H49.81z"/><path d="M39.84,1014.79999v9.94h-9.96v-9.94H39.84z"/>
				</g>
			</g>
			<g id="ufo3">
				<path class="disk" d="M886.53998,238.77997v19.89001H737.12v-9.95001h-49.79999l-0.01007-9.94h-19.91992v-9.95001h9.95996 V218.88h19.93005v9.94995h59.75995v9.95001h109.57001v-9.95001h9.97003v9.95001H886.53998z"/>
				<path class="disk" d="M826.77002,198.97998v9.95001H737.12v-9.95001h9.96002v-9.95001h49.81v9.95001H826.77002z"/>
				<path fill="#737373" d="M956.26001,268.62h9.96997v9.95001h-19.92999v9.94995H737.12v-9.94995h-69.72998V268.62h-39.84003 v-9.95001h-29.88v-9.95001h-9.96997v-9.94H607.63v-9.95001h49.79999v9.95001h9.96002v9.94h29.89001v9.95001H767V268.62h119.53998 v-9.95001H896.5v-9.95001h29.88v9.95001h29.88V268.62z"/>
				<path d="M697.28003,228.82996v-19.89996h19.91998v-9.95001H737.12v9.95001H846.69V218.88h9.96002v9.94995h9.95996v9.95001 H757.03998v-9.95001H697.28003z"/>
				<path class="disk" d="M986.15002,278.57001h9.95996v9.94995h-29.88v9.95001h-209.19v-9.95001h189.26001v-9.94995h19.92999 V268.62h19.92004V278.57001z M956.26001,258.66998V268.62h9.96997v-9.95001H956.26001z M936.34003,248.71997H926.38v9.95001 h9.96002V248.71997z M737.12,278.57001h-59.77002v9.94995H737.12V278.57001z M667.39001,278.57001V268.62h-39.84003v9.95001 H667.39001z M587.70001,268.62h39.84998v-9.95001h-29.88v-9.95001h-9.96997v-9.94H607.63v-9.95001h-29.89001v9.95001h-9.95996 v19.89001h19.91998V268.62z"/>
				<path d="M946.29999,328.32001v9.94995H836.72998v-9.94995H727.15997V318.37h-69.72998v-9.95001H607.63v-9.95001h-39.84998 v-9.95001h-29.88v-9.94995h-9.96228V268.62l-9.95776,0.00244v-19.90247H527.94v-9.94h39.84003v19.89001h19.91998V268.62h39.84998 v9.95001h49.79999v9.94995h79.69v9.95001h209.19v-9.95001h29.88v-9.94995h-9.95996V268.62h19.91998v9.95001h19.91998v9.94995 h9.95996v19.89841l-9.95801-0.00037l0.00024,9.952h-19.92218v9.95001H946.29999z M577.73999,238.77997h-9.95996v-9.95001h9.95996 V238.77997z M976.19,258.66998h-9.96002V268.62H976.19V258.66998z"/>
				<path d="M896.5,258.66998h-9.96002v-9.95001H896.5V258.66998z M767,258.66998V268.62h119.53998v-9.95001H767z M737.12,258.66998 v-9.95001h-39.83997v9.95001H737.12z M687.32001,248.71997v-9.94h-19.92999v9.94H687.32001z M667.39001,228.82996h-9.96002 v9.95001h9.96002V228.82996z"/>

				<g class="pink-lights">
					<path d="M1035.94995,298.47v9.95001h-9.95996V298.47H1035.94995z"/><path d="M1025.98999,308.41998V318.37h-19.91998v-9.95001H1025.98999z"/><path d="M1006.07001,318.37v9.95001h-59.77002V318.37H1006.07001z"/><path d="M946.29999,328.32001v9.94995H836.72998v-9.94995H946.29999z"/><path d="M836.72998,318.37v9.95001H727.15997V318.37H836.72998z"/><path d="M727.15997,308.41998V318.37h-69.72998v-9.95001H727.15997z"/><path d="M657.42999,298.46997v9.95001H607.63v-9.95001H657.42999z"/><path d="M607.63,288.51996v9.95001h-39.84998v-9.95001H607.63z"/><path d="M567.78003,278.57001v9.94995h-29.88v-9.94995H567.78003z"/><path d="M537.90002,268.62v9.95001H527.94V268.62H537.90002z"/><path d="M527.94,258.67001V268.62h-9.96002v-9.94998H527.94z"/>
				</g>
				<g class="green-lights">
					<path d="M1035.94995,298.47v9.95001h-9.95996V298.47H1035.94995z"/><path d="M1025.98999,308.41998V318.37h-19.91998v-9.95001H1025.98999z"/><path d="M1006.07001,318.37v9.95001h-59.77002V318.37H1006.07001z"/><path d="M946.29999,328.32001v9.94995H836.72998v-9.94995H946.29999z"/><path d="M836.72998,318.37v9.95001H727.15997V318.37H836.72998z"/><path d="M727.15997,308.41998V318.37h-69.72998v-9.95001H727.15997z"/><path d="M657.42999,298.46997v9.95001H607.63v-9.95001H657.42999z"/><path d="M607.63,288.51996v9.95001h-39.84998v-9.95001H607.63z"/><path d="M567.78003,278.57001v9.94995h-29.88v-9.94995H567.78003z"/><path d="M537.90002,268.62v9.95001H527.94V268.62H537.90002z"/><path d="M527.94,258.67001V268.62h-9.96002v-9.94998H527.94z"/>
				</g>
			</g>
		</g>
		<g class="trails" id="trailsInfront"></g>
	</svg>

            
          
!
            
              body{
	background-color: #000;
	color: #fff;
	width: 100vw;
	height: 100vh;
	margin: 0;
	overflow: hidden;
}

svg{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
	stroke: 0;
	fill: #2f2f2f;
	z-index: 1;
}

.trails{fill: #fff;}

.pink-lights{fill:#cc0099;}
.green-lights{fill:#00ffbf;}
.disk{fill:#404040;}
            
          
!
            
              function rand(min,max){return Math.floor(Math.random()*(max+1))+min;}

var svg=document.querySelector('svg'),
    pxl=10,
    frames=0,
    astronaut=document.querySelector('#astronaut'),
    ufo=document.querySelector('#ufo'),
    ufos=[
      document.querySelector('#ufo1'),
      document.querySelector('#ufo2'),
      document.querySelector('#ufo3')
    ],
    lights1=document.querySelectorAll('#lights1 path'),
    lights2=document.querySelectorAll('#lights2 path');

TweenMax.ticker.addEventListener('tick',function(){
	frames++;
	handleTrails();
	if(frames%10===0){
		for(var l=0;l<lights1.length;l++){
			lights1[l].setAttribute('fill',(decide()?'#cc0099':'#00ffbf'));
		}
	}
});

function hoverAstronaut(){
	TweenMax.to(astronaut,rand(50,200)/100,{
		y:'-='+rand(50,100),
		modifiers:{y:function(y){return Math.round(y/pxl)*pxl;}},
		ease:Linear.easeNone,
		yoyo:true,
		repeat:1,
		onComplete:hoverAstronaut
	});
}
hoverAstronaut();

function hoverUfo(ufo){
	TweenMax.to(ufo,rand(50,200)/100,{
		y:'-='+rand(50,80),
		modifiers:{y:function(y){return Math.round(y/pxl)*pxl;}},
		ease:Linear.easeNone,
		yoyo:true,
		repeat:1,
		onComplete:hoverUfo,
		onCompleteParams:[ufo]
	});
}


function handleUfoLights(ufo,lights,t){
	var paths=ufo.querySelectorAll('.'+lights+' path');
	TweenMax.staggerFrom(paths,t,{
		opacity:0,
		repeat:-1,
		yoyo:true,
		repeatDelay:(paths.length*t/2)/4,
		ease:Linear.easeNone
	},t/2);
}

TweenMax.set(document.querySelectorAll('.green-lights'),{y:'-=10'});
handleUfoLights(ufo,'pink-lights',.1);
handleUfoLights(ufo,'green-lights',.05);

for(var u in ufos){
	hoverUfo(ufos[u]);
	handleUfoLights(ufos[u],'pink-lights',.1);
	handleUfoLights(ufos[u],'green-lights',.2);
}

TweenMax.staggerFromTo(lights2,.2,
	{fill:'#cc0099'},
	{
		fill:'#00ffbf',
		repeat:-1,
		yoyo:true,
		repeatDelay:.13,
		ease:Linear.easeNone
	}
,.06);

var props=function(element){
	var b=document.querySelector('body').getBoundingClientRect();
	var e=element.getBoundingClientRect();
	return {
		'x':e.left-b.left,
		'y':e.top-b.top,
		'width':e.width,
		'height':e.height
	};
}

function initLoop(){
	reflexion=document.querySelector('#reflexion').querySelectorAll('path');
	for(var r=0;r<reflexion.length;r++){
		reflexion[r].timer=rand(20,100);
		var fill=reflexion[r].getAttribute('fill');
		if(reflexionColors.indexOf(fill)==-1) reflexionColors.push(fill);
	}
}

var randFill=function(exception){
	var newFill=reflexionColors[rand(0,reflexionColors.length-1)];
	while(newFill==exception){
		newFill=reflexionColors[rand(0,reflexionColors.length-1)];
	}
	return newFill;
}

function randPos(x){
	var newPos=rand(0,x);
	switch(newPos){
		case 0: newPos=0; break;
		case 1: newPos=-5; break;
		case 2: newPos=5; break;
		case 3: newPos=-10; break;
		case 4: newPos=10; break;
	}
	return newPos;
}

function decide(){return ((Math.floor(Math.random()*2)+1)==1);}

function handleTrails(){
	var trails=[
		'M597.66992,59.68994v19.90002h-69.72998v-9.94995h-69.72998v-9.95007h-79.68994v-9.94995h-69.72003v-9.93994 h-69.72998v-9.95007h-79.69V19.8999h89.65002v9.95007h79.69v9.95007h99.60999v9.93994h79.69v9.94995H597.66992z M79.69,0v9.94995H0 V0H79.69z M79.69,9.94995v9.94995h79.69V9.94995H79.69z',
		'M79.69006,0v9.95001H0V0H79.69006z M79.69006,9.95001v9.95001H159.38V9.95001H79.69006z M159.38,19.90002 v9.95001h79.68994v-9.95001H159.38z M239.06995,29.85004v9.95001H318.75v-9.95001H239.06995z',
		'M79.69006,0v9.95001H0V0H79.69006z M79.69006,9.95001v9.95001H159.38V9.95001H79.69006z M159.38,19.90002 v9.95001h79.68994v-9.95001H159.38z',
		'M79.69006,0v9.95001H0V0H79.69006z M79.69006,9.95001v9.95001H159.38V9.95001H79.69006z',
		'M79.69006,0v9.95001H0V0H79.69006z'
	];
	var colors=['ffffff','ff1ac6','33ffcc'];
	if(document.querySelectorAll('.trails path').length<2000){
		var trail=document.createElementNS("http://www.w3.org/2000/svg",'path');
		var pos={
			'x':2560,
			'y':rand(0,1950)
		};
		trail.setAttribute('d',trails[rand(0,trails.length-1)]);
		trail.setAttribute('opacity',rand(10,80)/100);
		trail.setAttribute('fill','#'+colors[rand(0,2)]);
		
		if(decide()){
			document.querySelector('#trailsBehind').appendChild(trail);
		}else{
			document.querySelector('#trailsInfront').appendChild(trail);
		}

		TweenMax.fromTo(trail,rand(0,10)/10,{x:pos.x,y:pos.y},{
			x:-20,
			y:pos.y-320,
			modifiers:{
				x:function(x){return Math.round(x/pxl)*pxl;},
				y:function(y){return Math.round(y/pxl)*pxl;}
			},
			ease:Linear.easeNone,
			onComplete:function(){
				this.target.parentNode.removeChild(this.target);
			}
		});
	}
}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console