cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmlicon-personicon-teamoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

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.

            
              <head>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    </head>
    <body>
<div id='isoscape'>
	<div id='scene'>
		<div id='stage'>
			<!--model-->
			<div id='filed' class='model'><svg><polygon points='0,79 171,79 69.4029232579441810,0' style='fill: rgb(255, 255, 255); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(284.9756220472441px, -425.2935255077142px, -83.87115470932163px) rotateX(-0.010839831200716077rad) rotateY(0.0802741284665982rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 141px; height: 341px;'><polygon points='0,53.6363803596540265 139.5545326734082892,341 141,0' style='fill: rgb(255, 254, 254); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-425.4584094488189px, 311.7253540289123px, -84.69457430538603px) rotateX(-0.0102165977827533rad) rotateY(-0.008884430842190039rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 114px;'><polygon points='0.1984330282670832,114 70,35.0538435130854751 0,0' style='fill: rgb(255, 253, 252); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(198.19255275590558px, 255.08256836764326px, -81.97079511694598px) rotateX(-0.05320954825229651rad) rotateY(0.020201180248642148rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 228px; height: 171px;'><polygon points='0,171 226.7399924596678034,171 228,0' style='fill: rgb(255, 253, 251); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-425.8895338582678px, -424.5963464566929px, -85.16853496062991px) rotateX(0.16849601173231443rad) rotateY(-0.08104580532191008rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 285px; height: 112px;'><polygon points='0,112 84.9613665680357002,101.9535030946792489 285,0' style='fill: rgb(255, 252, 250); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-355.9914377952756px, 346.7466139732329px, -85.31299869993755px) rotateX(-0.10816625371156685rad) rotateY(-0.03894273516321478rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 159px; height: 79px;'><polygon points='100.8380999171301511,79 159,8.0969772561628250 0,0' style='fill: rgb(255, 251, 248); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-425.4032818897639px, -426.09634187015035px, -85.16844483427666px) rotateX(-0.05084627382535856rad) rotateY(0.006563971477529851rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 284px; height: 115px;'><polygon points='0.0274966553466336,115 284,0 0,0.5062529020714905' style='fill: rgb(255, 250, 247); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-426.01519685039375px, -322.6485984251969px, -82.08100771653542px) rotateX(0.022143814488210234rad) rotateY(-0.06342540948963071rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 86px; height: 238px;'><polygon points='0,238 86,0 0.7140657053787482,10.6801319007616335' style='fill: rgb(255, 250, 246); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(28.45574960629915px, -425.7608994046993px, -81.31788071691645px) rotateX(0.17561157594249632rad) rotateY(0.007902071578128167rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 397px; height: 55px;'><polygon points='257.0477702230575687,55 397,0 0,0.2940851551879342' style='fill: rgb(255, 249, 244); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(371.3211496062992px, -109.96857896413036px, -84.54060221578786px) rotateX(0.012365593817420084rad) rotateY(0.21143690433748907rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 54px; height: 225px;'><polygon points='0,225 54,24.7768726664777112 0.0197146280585864,0' style='fill: rgb(255, 248, 243); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(371.3227401574802px, -85.22815212630843px, -82.03884332023948px) rotateX(0.03430848927509822rad) rotateY(0.13090660141302268rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 55px; height: 341px;'><polygon points='0,199.6883708945574085 55,341 53.2323081655657404,0' style='fill: rgb(255, 247, 242); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(330.14229921259835px, -258.7857496062992px, -84.08409448818897px) rotateX(0.03878111372265258rad) rotateY(0.22319295529723693rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 96px; height: 174px;'><polygon points='41.4039738582214341,148.9184534256822587 96,174 0,0' style='fill: rgb(255, 247, 240); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-425.4584094488189px, 215.30649318365886px, -82.573919118553px) rotateX(-0.03563721982493506rad) rotateY(-0.021681936148149283rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 132px;'><polygon points='0,96.5805568205349800 70,132 63.3045801471991894,0' style='fill: rgb(255, 246, 239); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(198.19255275590547px, 255.06551338582676px, -81.96988677165353px) rotateX(-0.0014400456465726297rad) rotateY(-0.018582622440235008rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 228px; height: 171px;'><polygon points='0,171 228,0 26.0731220480667396,94.5400876359655911' style='fill: rgb(255, 245, 238); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-142.10712283464568px, -426.04427310800554px, -81.93524993857201px) rotateX(0.0712867134626658rad) rotateY(0.007835567400212184rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 171px; height: 55px;'><polygon points='7.4399543752362005,55 171,0.2880547699933580 0,0' style='fill: rgb(255, 244, 236); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-340.5482897637795px, -426.03012492672457px, -81.96820493772195px) rotateX(0.03506095351135308rad) rotateY(-0.012182743053144263rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 199px; height: 140px;'><polygon points='0,103.1926132107571590 41.6023628476614959,140 199,0' style='fill: rgb(255, 244, 235); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(272.1570078740158px, -364.4766330708661px, -84.13622362204724px) rotateX(0.2661253917953774rad) rotateY(0.5698393293690069rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 166px; height: 273px;'><polygon points='54.5976912270712305,108.4530266624773276 166,273 0,0' style='fill: rgb(255, 243, 234); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-255.15925039370083px, 355.138214856006px, -82.43335414042316px) rotateX(-0.11295038946160196rad) rotateY(-0.033134393686565344rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 141px; height: 71px;'><polygon points='0,71 141,9.6223971336486489 57.6142193634526407,0' style='fill: rgb(255, 242, 232); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(103.94934645669287px, 349.9428761188324px, -80.52557494856623px) rotateX(-0.03255089277971157rad) rotateY(0.0714370733645393rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 121px; height: 76px;'><polygon points='94.7563067854065082,76 121,0 0,6.9659512448579628' style='fill: rgb(255, 241, 231); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-299.028788976378px, -426.0483283921064px, -81.57154682759997px) rotateX(0.0649032362062183rad) rotateY(-0.03861319953997744rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 165px; height: 140px;'><polygon points='0,140 165,54.1564772110023114 157.0564899038470799,0' style='fill: rgb(255, 241, 229); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-426.2843937007874px, -84.915239473611px, -79.69885650257935px) rotateX(-0.005857597638810885rad) rotateY(-0.13900055205842388rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 53px; height: 397px;'><polygon points='0.4639710790325471,397 53,52.0136025976505110 0,0' style='fill: rgb(255, 240, 228); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(224.72686299212592px, 221.14255234669122px, -80.72122819308865px) rotateX(-0.05544166920554927rad) rotateY(0.00683303769017396rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 201px; height: 129px;'><polygon points='0,129 201,34.3610799349411238 137.4894207294384785,0' style='fill: rgb(255, 239, 227); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-134.42064724409448px, -425.42915798875947px, -81.74003474167894px) rotateX(0.15649682015463195rad) rotateY(-0.020333137527645206rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 169px; height: 56px;'><polygon points='0,53.7823431013463420 169,56 162.9375928231445414,0' style='fill: rgb(255, 238, 225); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-426.01519685039375px, -322.5315263200962px, -81.16951309075075px) rotateX(0.03488617772057445rad) rotateY(-0.09861003267083013rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 86px; height: 290px;'><polygon points='0,237.3278487703165069 52.1098757888051622,290 86,0' style='fill: rgb(255, 238, 224); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-425.6084094488189px, -33.40328993785727px, -79.5472994588964px) rotateX(-0.019890994954050223rad) rotateY(-0.04567871329489548rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 64px; height: 346px;'><polygon points='0,346 64,248.4592858276267862 51.4508963150872134,0' style='fill: rgb(255, 237, 223); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-255.11478110236226px, 362.8396602275242px, -76.65274679771208px) rotateX(-0.31518375369447726rad) rotateY(-0.009715796682291167rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 454px; height: 65px;'><polygon points='0,65 454,63.1908841583118033 300.8463568210402741,0' style='fill: rgb(255, 236, 221); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(28.08456850393702px, -425.59964886675766px, -80.65017675698786px) rotateX(0.1591294124651088rad) rotateY(0.004406804939875775rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 258px; height: 56px;'><polygon points='5.9332828087248970,56 258,54.5226927025310246 0,0' style='fill: rgb(255, 235, 220); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(361.969968503937px, 114.55768918023216px, -78.44162345857812px) rotateX(-0.0023900300380494954rad) rotateY(0.0355089239213231rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 64px; height: 141px;'><polygon points='0,106.6594585552590075 64,141 9.7116653039197161,0' style='fill: rgb(255, 234, 219); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-362.6820787401575px, 215.5445181466573px, -76.80069072361765px) rotateX(-0.041956213071702164rad) rotateY(-0.1524949765829473rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 74px; height: 132px;'><polygon points='6.3739689137656610,132 74,54.1841556542700005 0,0' style='fill: rgb(255, 234, 217); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-355.9914377952756px, 269.80586033839063px, -76.15234371374301px) rotateX(-0.13838048088059995rad) rotateY(-0.04046732371804973rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 159px; height: 86px;'><polygon points='0,78.0405291334726314 159,86 66.3172539298012822,0' style='fill: rgb(255, 233, 216); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-255.48583307086614px, 364.6096377952756px, -77.35822299212597px) rotateX(-0.0269666037486902rad) rotateY(-0.06982253464262rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 302px; height: 61px;'><polygon points='0,61 302,0 140.8284659003545585,0.9209392959186611' style='fill: rgb(255, 232, 215); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(252.04082992125984px, -371.5482834365716px, -75.79518086375914px) rotateX(0.02913804401092457rad) rotateY(0.06884615135653549rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 80px; height: 113px;'><polygon points='0,100.2247514981690273 80,113 33.1763982967998174,0' style='fill: rgb(255, 231, 213); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(44.8012976377953px, 357.14055538240154px, -75.42014526710436px) rotateX(0.07307682656539582rad) rotateY(0.1465702030036382rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 155px; height: 68px;'><polygon points='155,68 58.8585703109427101,0 0,8.4064908684816864' style='fill: rgb(255, 231, 212); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(298.1948976377953px, -258.89764990607534px, -74.80476176566415px) rotateX(0.04092199966290244rad) rotateY(0.2306887068963408rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 75px; height: 149px;'><polygon points='0,71.9348361931518809 75,149 33.0117371786555935,0' style='fill: rgb(255, 230, 211); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-340.7635275590551px, -323.8029448818898px, -68.54500629921259px) rotateX(0.19448088343097836rad) rotateY(0.12451548242233912rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 45px; height: 168px;'><polygon points='0,0 45,168 41.9238518178295436,35.5757140056814762' style='fill: rgb(255, 229, 209); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(27.722119370078758px, -372.18329133858265px, -70.4795116535433px) rotateX(0.1400179051976369rad) rotateY(0.00450048618568788rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 258px; height: 86px;'><polygon points='0,86 258,0 6.6581908932036873,1.2201799531415460' style='fill: rgb(255, 228, 208); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(221.98407559055124px, 216.82709911235065px, -79.34341694948937px) rotateX(-0.335771231605994rad) rotateY(0.2600647642464886rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 143px; height: 131px;'><polygon points='0,131 143,7.0485616340624428 61.8429164426576747,0' style='fill: rgb(255, 228, 207); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(252.04082992125984px, -271.03204358061345px, -70.38704055371196px) rotateX(0.10946066270320043rad) rotateY(0.08084745587827391rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 80px; height: 84px;'><polygon points='47.0849562170577869,84 80,11.6358351058859331 0,0' style='fill: rgb(255, 227, 205); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-376.5327244094488px, -323.14595638926164px, -70.60694303867714px) rotateX(0.06553424535903729rad) rotateY(-0.34863265724019676rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 83px; height: 290px;'><polygon points='0,290 83,166.5769135921020450 35.6851899863304496,0' style='fill: rgb(255, 226, 204); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-197.86795275590555px, 306.9555576512395px, -68.25900201139217px) rotateX(-0.39157554409599116rad) rotateY(-0.06370469442922966rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 84px; height: 60px;'><polygon points='0,51.4780379894578246 84,60 70.3796976869414834,0' style='fill: rgb(255, 225, 203); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-300.028788976378px, -371.08753293746537px, -70.35311800788531px) rotateX(0.29679527957415464rad) rotateY(-0.1549997705191848rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 167px; height: 146px;'><polygon points='66.9294756510035285,146 167,0 0,81.1371887651169317' style='fill: rgb(255, 225, 201); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(282.7185196850394px, 114.68533145036031px, -66.52566881679267px) rotateX(-0.02473702842494796rad) rotateY(0.27400785178033393rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 91px; height: 107px;'><polygon points='0,107 80.7347453532767361,107 91,0' style='fill: rgb(255, 224, 200); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-134.42064724409448px, -374.97100808813053px, -65.20068809292891px) rotateX(0.41672880067245077rad) rotateY(-0.01662950702883781rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 169px; height: 64px;'><polygon points='51.7405429894294926,64 169,2.7984992007102321 0,0' style='fill: rgb(255, 223, 199); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(103.44934645669287px, 254.7146975943259px, -62.369345742505345px) rotateX(-0.34802658052357094rad) rotateY(0.085740465996202rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 122px; height: 104px;'><polygon points='0,104 122,99.9329129450679119 96.2320781582205598,0' style='fill: rgb(255, 222, 197); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-364.1820787401575px, 191.95151148398497px, -71.7664142444008px) rotateX(-0.26805917737319596rad) rotateY(-0.30714002064865764rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 77px; height: 77px;'><polygon points='0,25.7541980235356611 77,77 63.1370409022646371,0' style='fill: rgb(255, 222, 196); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(179.47214645669294px, -370.9461846289355px, -66.15953060805215px) rotateX(-0.02453117914879699rad) rotateY(0.22729864257860521rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 108px; height: 100px;'><polygon points='0,83.3475594958229067 73.0456130771810308,100 108,0' style='fill: rgb(255, 221, 195); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(283.376188976378px, -110.24825270662001px, -61.902928325034935px) rotateX(0.01234976176512248rad) rotateY(0.37951067438903685rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 92px; height: 225px;'><polygon points='0,164.5274459933247613 92,225 92,0' style='fill: rgb(255, 220, 193); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(27.222119370078758px, -371.374744039568px, -70.03914423535029px) rotateX(0.3246261600245057rad) rotateY(-0.056076053689809724rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 259px; height: 87px;'><polygon points='0,83.8073744792156248 153.7417130758015844,87 259,0' style='fill: rgb(255, 219, 192); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(296.6948976377952px, -186.51800969049089px, -67.68650069844485px) rotateX(0.16485505860605332rad) rotateY(0.3493301818894836rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 78px; height: 144px;'><polygon points='17.0168851041789999,144 78,74.2679987481592860 0,0' style='fill: rgb(255, 219, 191); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-290.35995748031496px, 227.27814895972222px, -68.6052068202593px) rotateX(-0.2851591760823413rad) rotateY(-0.17476271808424682rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 94px; height: 129px;'><polygon points='0,44.2108797599768977 94,129 91.9767221649554187,0' style='fill: rgb(255, 218, 189); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-83.55395275590553px, -371.5984552499523px, -62.63797105659506px) rotateX(0.12993498492550026rad) rotateY(0.1306831197738989rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 119px; height: 84px;'><polygon points='0,59.0717160848312304 111.3954819536438805,84 119,0' style='fill: rgb(255, 217, 188); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-379.5288976377953px, -32.347343337236794px, -59.338838951039776px) rotateX(-0.04404177934246878rad) rotateY(-0.503004331083905rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 89px; height: 249px;'><polygon points='13.5737395718472591,249 89,84.0525250982377372 0,0' style='fill: rgb(255, 216, 187); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-300.1548141732284px, -289.4001077446436px, -59.45920730340592px) rotateX(0.18709565110061566rad) rotateY(-0.25665651116547195rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 69px; height: 132px;'><polygon points='2.5939107074290577,132 69,63.1881063713524966 0,0' style='fill: rgb(255, 215, 185); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(198.77030551181088px, 220.57658015090772px, -66.99381356892215px) rotateX(-0.31481896350365424rad) rotateY(0.21674802335713195rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 87px; height: 132px;'><polygon points='0,31.2165135545799366 25.2965638905995789,132 87,0' style='fill: rgb(255, 215, 184); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(279.7185196850394px, 117.49490708661426px, -66.52095732283463px) rotateX(-0.1920926541922896rad) rotateY(0.4471749221526291rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 97px; height: 101px;'><polygon points='0,101 97,0 25.9863595786072104,5.4410211041772758' style='fill: rgb(255, 214, 182); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-381.03272440944886px, -153.5362866141732px, -65.15260299212596px) rotateX(0.23237814586383365rad) rotateY(-0.5557416107932283rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 92px; height: 117px;'><polygon points='0,117 63.1736910993772156,108.2606979789450605 92,0' style='fill: rgb(255, 213, 181); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(45.11341259842516px, 240.86185511811038px, -49.147045511811015px) rotateX(-0.3988701394814962rad) rotateY(0.1946305437040461rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 85px; height: 126px;'><polygon points='0,126 59.3480157231355605,122.3247347376023697 85,0' style='fill: rgb(255, 212, 180); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(275.8761889763779px, -105.61460787401575px, -62.27178944881888px) rotateX(-0.17190994199489484rad) rotateY(0.6410028964147898rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 107px; height: 156px;'><polygon points='0,156 107,0 35.7163408761856260,58.1483060723665446' style='fill: rgb(255, 212, 178); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-364.58266141732287px, 50.78221102362204px, -57.92064661417322px) rotateX(-0.11173389256737387rad) rotateY(-0.36308967341467624rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 71px; height: 167px;'><polygon points='0,167 64.3796621332731149,143.9239804212376441 71,0' style='fill: rgb(255, 211, 177); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(282.3665511811024px, 55.63601751101919px, -60.3992752713652px) rotateX(0.07289122082263777rad) rotateY(0.4149848677590988rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 94px; height: 71px;'><polygon points='23.0953997108675004,71 94,57.5734141869200613 0,0' style='fill: rgb(255, 210, 176); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-302.80303937007875px, 196.64275204344847px, -54.02313566326521px) rotateX(-0.24810348117690095rad) rotateY(-0.19212642897771182rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 105px; height: 77px;'><polygon points='12.6126661827461355,77 105,32.5342999809785383 0,0' style='fill: rgb(255, 209, 174); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-197.60779212598425px, 258.37564409448817px, -53.46303590551181px) rotateX(-0.5884619745154356rad) rotateY(0.0806376369415367rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 101px; height: 104px;'><polygon points='0,104 70.4659110918826030,52.4707124340858968 101,0' style='fill: rgb(255, 209, 173); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-137.27314173228348px, -377.00035923203575px, -54.16828546897441px) rotateX(0.41558429537263475rad) rotateY(-0.018040778431860804rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 55px; height: 123px;'><polygon points='0,123 55,63.8102886703703547 2.6016643148332252,0' style='fill: rgb(255, 208, 172); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-114.74317165354336px, 266.7679204300629px, -45.98800129592764px) rotateX(-0.5268229068520669rad) rotateY(-0.05855977778632959rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 161px; height: 109px;'><polygon points='0,109 161,102.0459838207424355 89.9356218515835621,0' style='fill: rgb(255, 207, 170); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-235.46524094488186px, -371.0984488188976px, -65.41271291338582px) rotateX(0.42241547028698756rad) rotateY(-0.32863691338597234rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 104px; height: 143px;'><polygon points='0,143 101.0591769243537925,122.9776998629502742 104,0' style='fill: rgb(255, 206, 169); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-379.5288976377953px, -48.938452180003765px, -55.31032839855257px) rotateX(-0.04827885187919745rad) rotateY(-0.5065141611313475rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 89px; height: 101px;'><polygon points='0,17.0402336119659275 89,101 61.3725239918853447,0' style='fill: rgb(255, 206, 168); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(103.59700944881888px, 236.82858183757628px, -57.83621351614069px) rotateX(-0.384029721611463rad) rotateY(0.12425061574495277rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 97px; height: 123px;'><polygon points='0,123 97,18.8709138832941257 25.3341623637945190,0' style='fill: rgb(255, 205, 166); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(176.15048346456695px, -274.8448229664042px, -50.36505600844391px) rotateX(0.2581769910822216rad) rotateY(0.33227946152357046rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 127px; height: 135px;'><polygon points='0,135 127,82.4290018619832665 76.8468941759550717,0' style='fill: rgb(255, 204, 165); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-128.35875496063px, 265.741609524827px, -48.87068016349091px) rotateX(-0.4180554008730957rad) rotateY(-0.1869301318013321rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 105px; height: 108px;'><polygon points='12.8903500299935150,108 105,0 0,47.0870424974959576' style='fill: rgb(255, 203, 164); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-200.36057480314963px, 232.7981024338792px, -49.801598223328924px) rotateX(-0.2857965087430778rad) rotateY(-0.22705608537659616rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 105px; height: 129px;'><polygon points='1.5452261783238168,129 105,27.1586430116799455 0,0' style='fill: rgb(255, 203, 162); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-83.88301448818896px, -312.9299446642512px, -44.36466021876537px) rotateX(0.5789153416050041rad) rotateY(0.21239237141068767rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 113px; height: 68px;'><polygon points='54.8894716463362897,68 113,15.9899949473360365 0,0' style='fill: rgb(255, 202, 161); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(178.1849039370079px, -287.5748829702683px, -44.059780173109615px) rotateX(0.28699269135947114rad) rotateY(0.2838273675645764rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 76px; height: 146px;'><polygon points='0,146 76,10.7656322725874904 1.5382235835812064,0' style='fill: rgb(255, 201, 160); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(246.11936377952748px, 127.17733540468771px, -43.783073070997666px) rotateX(-0.1907555785268329rad) rotateY(0.4427473651818834rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 65px; height: 96px;'><polygon points='0,61.6733259227761508 38.9574358264350380,96 65,0' style='fill: rgb(255, 200, 158); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(27.58982488188974px, -295.95675269391927px, -37.89658721044409px) rotateX(0.5422483005854781rad) rotateY(-0.05088294133664828rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 154px; height: 89px;'><polygon points='16.9005388473487983,89 154,4.5566094438864999 0,0' style='fill: rgb(255, 200, 157); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-299.40034173228344px, -225.68276840910497px, -49.14048438596493px) rotateX(0.35134517683834265rad) rotateY(-0.41026591670274226rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 89px;'><polygon points='0,64.8386622365878935 45.7556671046250329,89 70,0' style='fill: rgb(255, 199, 156); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(198.27030551181088px, 189.43940788172017px, -44.2738329846932px) rotateX(-0.4107695266287774rad) rotateY(0.24930345226622252rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 88px; height: 66px;'><polygon points='0,66 88,36.4003153117800551 50.8386365218160563,0' style='fill: rgb(255, 198, 154); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-324.7200897637795px, -159.54799439218868px, -39.36546460133891px) rotateX(0.20823295493156913rad) rotateY(-0.47308738776965953rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 75px; height: 109px;'><polygon points='0,109 75,21.0863358198339377 26.9387661848052531,0' style='fill: rgb(255, 197, 153); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(248.11936377952748px, 54.06345689598254px, -41.16237166177472px) rotateX(0.01575453389805781rad) rotateY(0.24345938452470106rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 61px; height: 138px;'><polygon points='0,138 61,71.2785397561251273 38.6365435527957501,0' style='fill: rgb(255, 196, 152); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(236.27586456692904px, -191.10409403115767px, -39.96958156600272px) rotateX(0.18843345675919565rad) rotateY(0.5219475486413063rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 85px; height: 158px;'><polygon points='0,158 85,142.9085979975233158 66.1163691591595040,0' style='fill: rgb(255, 196, 150); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(128.29990551181095px, 192.31567879386898px, -35.46525742245879px) rotateX(-0.3256045851041438rad) rotateY(0.13934880944445083rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 122px; height: 67px;'><polygon points='0,48.1973046829904987 71.4321328132729434,67 122,0' style='fill: rgb(255, 195, 149); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-128.35875496063px, 263.696441635718px, -35.691920043587665px) rotateX(-0.4385674445304133rad) rotateY(-0.1777746063921979rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 105px; height: 53px;'><polygon points='0,53 105,4.7720736924405394 30.6694745001292830,0' style='fill: rgb(255, 194, 148); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(197.10245511811024px, 53.88615385739945px, -33.065070259473394px) rotateX(0.0248362743741799rad) rotateY(0.21188385829468315rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 91px; height: 138px;'><polygon points='0,54.0095047159761563 52.0630119118195367,138 91,0' style='fill: rgb(255, 193, 146); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-234.76586141732284px, -257.6407314103719px, -35.05816858705139px) rotateX(0.1911022694976401rad) rotateY(-0.2771540702929254rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 100px; height: 86px;'><polygon points='88.5934088891188338,86 100,0 0,26.7455078753054991' style='fill: rgb(255, 193, 145); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-255.8147748031496px, -231.94650246526277px, -31.99337675192487px) rotateX(0.29673140125813346rad) rotateY(-0.2075410859509974rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 110px; height: 90px;'><polygon points='0,90 110,60.6776928955326440 22.1345224024594707,0' style='fill: rgb(255, 192, 144); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(16.857500787401534px, 204.5803134167295px, -39.13135357789233px) rotateX(-0.3988762384500104rad) rotateY(0.1946394101367659rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 114px; height: 165px;'><polygon points='28.0413144140121808,165 114,38.7081649281717475 0,0' style='fill: rgb(255, 191, 142); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(128.3505559055119px, 107.80697480314961px, -28.097604566929128px) rotateX(0.02797400185708865rad) rotateY(-0.1734527426771142rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 71px; height: 135px;'><polygon points='0,135 71,0 10.4414513898599086,31.8222810645111949' style='fill: rgb(255, 190, 141); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(128.79990551181106px, 107.72526444028779px, -29.092456055132004px) rotateX(-0.08194928408205215rad) rotateY(0.03920296626880693rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 121px; height: 135px;'><polygon points='0,135 121,84.1029775113684366 69.1610918419991805,0' style='fill: rgb(255, 190, 140); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-307.52388661417325px, 54.74745896818092px, -23.391121478530394px) rotateX(-0.10702818338472708rad) rotateY(-0.46469954423342497rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 105px; height: 144px;'><polygon points='0,144 105,36.7217950128715387 6.2412819759820080,0' style='fill: rgb(255, 189, 138); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(43.52915748031478px, -291.1245415832185px, -31.733814816273515px) rotateX(0.19732822372376524rad) rotateY(0.15745999894445517rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 139px; height: 129px;'><polygon points='35.7992461788124743,129 139,0 0,80.9533807225024589' style='fill: rgb(255, 188, 137); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(199.19701102362205px, -41.95174341498239px, -23.456660874890986px) rotateX(-0.12578716790926814rad) rotateY(0.5319073027664978rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 125px; height: 99px;'><polygon points='0,62.0789864013314983 91.4707311595253856,99 125,0' style='fill: rgb(255, 187, 135); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(79.70734015748019px, -291.1064770361687px, -32.1125938841064px) rotateX(0.2895280237849982rad) rotateY(0.041633277903749155rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 102px; height: 146px;'><polygon points='0,129.0091791857104226 99.8748888670242394,146 102,0' style='fill: rgb(255, 187, 134); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-24.85244157480321px, 208.6723937256928px, -29.51198282094189px) rotateX(-0.4144557669312716rad) rotateY(0.10352608261278728rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 71px; height: 165px;'><polygon points='0,62.8105848928918888 71,165 43.2853021238571927,0' style='fill: rgb(255, 186, 133); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-137.5430677165354px, -319.0731375942078px, -29.61267751297926px) rotateX(0.5554321595948561rad) rotateY(-0.1680650048548511rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 56px; height: 103px;'><polygon points='0,58.4562785763652428 56,103 56,0' style='fill: rgb(255, 185, 131); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(82.38951653543302px, 140.06786498259999px, -24.63383276524472px) rotateX(-0.025922530624850948rad) rotateY(0.34771174567225005rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 59px; height: 103px;'><polygon points='0,57.4419747419603368 47.9696497419742158,103 59,0' style='fill: rgb(255, 184, 130); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-328.39371181102365px, -46.776273721479754px, -25.030795617388392px) rotateX(-0.09341561556114009rad) rotateY(-0.6396774771956326rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 82px; height: 101px;'><polygon points='29.8990042487697991,101 82,15.7857905903984133 0,0' style='fill: rgb(255, 184, 129); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-83.27779055118111px, -318.8574539439776px, -29.944982533561053px) rotateX(0.5570369238513035rad) rotateY(0.18601348586584rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 55px; height: 103px;'><polygon points='0.4682252358456817,103 55,67.4501526492509527 0,0' style='fill: rgb(255, 183, 127); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(175.65048346456683px, -194.0880793717575px, -27.695374129129704px) rotateX(0.21581089983426582rad) rotateY(0.34829973787510693rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 128px; height: 164px;'><polygon points='24.8716345158187835,164 128,0 0,49.9809825107090049' style='fill: rgb(255, 182, 126); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-304.78878110236224px, 120.62495857001215px, -22.791373313374777px) rotateX(-0.4897396179720015rad) rotateY(-0.25856986752974187rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 154px; height: 115px;'><polygon points='0,87.6921913543523743 106.4966194632974634,115 154,0' style='fill: rgb(255, 181, 125); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-332.3469811023622px, -132.77926860751052px, -35.34728450514577px) rotateX(0.5175335308099274rad) rotateY(-0.7281013452640344rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 95px; height: 74px;'><polygon points='0,74 95,60.3134303581775058 88.3375242365393945,0' style='fill: rgb(255, 181, 123); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-29.554978267716535px, -304.0109792930426px, -21.727196244566215px) rotateX(0.7067141121578526rad) rotateY(0.09860674200619868rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 58px; height: 124px;'><polygon points='0.8252652746861792,124 58,0 0,52.3661978871546197' style='fill: rgb(255, 180, 122); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(202.33958425196852px, -194.67919685039368px, -31.841264409448797px) rotateX(0.34339293676561566rad) rotateY(0.1430059817810858rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 98px; height: 167px;'><polygon points='0,167 39.2844718373503383,160.7492242647974763 98,0' style='fill: rgb(255, 179, 121); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(194.10245511811036px, 14.90782655383481px, -25.023832448362953px) rotateX(-0.3947754331276505rad) rotateY(0.41900062045075814rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 97px; height: 89px;'><polygon points='0,89 97,47.2018764773342170 10.4681270773125661,0' style='fill: rgb(255, 178, 119); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-30.20501748031495px, -301.9885564362471px, -23.892981113783918px) rotateX(0.6112353988527031rad) rotateY(0.29960042848151835rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 77px; height: 123px;'><polygon points='0,123 77,87.9263071693600011 58.5776675717508581,0' style='fill: rgb(255, 177, 118); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(116.01301732283457px, 97.34359005511772px, -18.913416604667518px) rotateX(-0.9089439054139966rad) rotateY(0.32065325278520396rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 85px; height: 47px;'><polygon points='22.0855590048919552,47 85,19.2159794543306184 0,0' style='fill: rgb(255, 177, 117); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-200.86057480314963px, 129.45470542901px, -8.867117626608689px) rotateX(-0.4840352569126265rad) rotateY(-0.2720720953840896rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 106px; height: 137px;'><polygon points='0,114.4190476892559332 106,137 46.7480920532802813,0' style='fill: rgb(255, 176, 115); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(198.69701102362194px, -41.24270996244883px, -21.131004309830132px) rotateX(-0.16156353041920735rad) rotateY(0.5468422175217964rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 126px; height: 61px;'><polygon points='0,61 126,0.7031656126585489 39.9893171616371745,0' style='fill: rgb(255, 175, 114); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-150.76221732283466px, -262.4077063356932px, -11.554698322785967px) rotateX(0.20930478409762387rad) rotateY(-0.4086118496890374rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 72px; height: 86px;'><polygon points='0,86 72,38.3817934287279670 11.3747447691130041,0' style='fill: rgb(255, 174, 113); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(15.857500787401534px, 197.74001706187448px, -13.935936109828319px) rotateX(-0.09497278191690772rad) rotateY(0.2846267468943271rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 116px; height: 47px;'><polygon points='0,15.7309966007045716 116,47 68.5367271373380618,0' style='fill: rgb(255, 174, 111); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-256.3147748031496px, -173.42419080866836px, -6.91273654306903px) rotateX(0.5660720402025623rad) rotateY(-0.2673285918845665rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 111px; height: 82px;'><polygon points='0,21.4617279127709004 4.9210116308277660,82 111,0' style='fill: rgb(255, 173, 110); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(74.38951653543302px, 112.36575129865969px, -11.133486510695562px) rotateX(-0.6452742419070273rad) rotateY(0.7312649506564577rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 75px; height: 79px;'><polygon points='0,79 75,42.9512055341212786 46.2480513972931107,0' style='fill: rgb(255, 172, 109); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-328.34698110236224px, -90.09641129459834px, -20.029177321772934px) rotateX(0.03628604267848612rad) rotateY(-0.6151853716319398rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 87px; height: 63px;'><polygon points='0,40.4825082695658764 80.3159546123558528,63 87,0' style='fill: rgb(255, 171, 107); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-308.7887811023622px, 91.89054851958963px, -13.419042368105778px) rotateX(-0.15684902947817236rad) rotateY(-0.4175275856533003rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 162px; height: 110px;'><polygon points='0,110 162,39.3044537271412793 102.3030340954579884,0' style='fill: rgb(255, 171, 106); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(28.100859842519753px, -212.9377477926078px, -10.731681167143478px) rotateX(0.2554295892040348rad) rotateY(0.23165960641160743rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 53px; height: 74px;'><polygon points='0,74 53,46.7139690719346916 16.0195054880614691,0' style='fill: rgb(255, 170, 105); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(79.96900000000005px, -165.6945702861301px, -7.880361445512307px) rotateX(0.17835075839610748rad) rotateY(0.02290894234654428rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 100px; height: 83px;'><polygon points='6.5473967662227848,83 100,16.9861757548311907 0,0' style='fill: rgb(255, 169, 103); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-299.4597133858268px, -34.2899987401575px, -6.359628188976359px) rotateX(-0.2812020470987462rad) rotateY(-0.33858293021367003rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 106px; height: 94px;'><polygon points='0,94 106,0 44.1078946594104764,5.2726235882669910' style='fill: rgb(255, 168, 102); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(86.43094015748034px, -148.71513131264294px, -3.3117689829634287px) rotateX(0.14991942431673655rad) rotateY(0.042766687737598064rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 117px; height: 114px;'><polygon points='0,65.1494299369887386 117,114 93.3279995286754485,0' style='fill: rgb(255, 168, 101); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(114.79431338582674px, 27.8555188369358px, 6.2231275845312695px) rotateX(-0.3907297994593595rad) rotateY(0.3872219920512905rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 97px; height: 89px;'><polygon points='0,85.2273365503168776 86.1623474384276307,89 97,0' style='fill: rgb(255, 167, 99); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(15.01996220472438px, 120.26317952755903px, 5.211834803149614px) rotateX(-0.41371735845849034rad) rotateY(0.3391461443536925rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 107px; height: 92px;'><polygon points='0,92 69.7524192469324191,83.0752226294367802 107,0' style='fill: rgb(255, 166, 98); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-98.26622944881888px, 147.6521907022077px, 6.193716837429022px) rotateX(-0.4165803651440505rad) rotateY(-0.17632567080852968rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 121px; height: 132px;'><polygon points='0,126.5490580220029670 73.3992035592721663,132 121,0' style='fill: rgb(255, 165, 97); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-82.63708834645672px, -261.4092917052848px, -0.847749259988376px) rotateX(0.7065835306011068rad) rotateY(0.0873886472830192rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 55px; height: 72px;'><polygon points='0,36.2596402088994338 55,72 53.3996954279745282,0' style='fill: rgb(255, 165, 95); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(202.68310236220475px, -39.18479792877241px, 1.3109327011434146px) rotateX(0.07413778609792976rad) rotateY(0.17659288956452457rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 40px; height: 64px;'><polygon points='4.8004073333365511,64 40,0 0,4.0976326431081853' style='fill: rgb(255, 164, 94); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-304.523725984252px, 12.124341909147006px, -2.1925074855233078px) rotateX(-0.43520280537224165rad) rotateY(-0.5471281343900833rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 114px; height: 76px;'><polygon points='102.9659399244818303,76 114,0 0,54.4641173032887878' style='fill: rgb(255, 163, 93); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-152.76221732283466px, -223.64094111631624px, 7.026112757941419px) rotateX(0.42792923334434607rad) rotateY(-0.5241514190599093rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 76px; height: 110px;'><polygon points='0,39.5046648502228521 32.9654875428171792,110 76,0' style='fill: rgb(255, 162, 91); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-252.17174803149604px, -176.2545708196434px, -3.159439622469705px) rotateX(0.5538376109000098rad) rotateY(-0.25815918857615716rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 136px; height: 83px;'><polygon points='0,83 136,71.8464602572654911 105.6261029151558688,0' style='fill: rgb(255, 162, 90); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(26.08680787401579px, -168.19228060431277px, 5.723635547764161px) rotateX(0.2153895263052994rad) rotateY(0.45404085944937256rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 64px; height: 87px;'><polygon points='0,87 64,82.1607581122148929 56.2175640318200394,0' style='fill: rgb(255, 161, 88); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(28.600859842519753px, -170.54663010380585px, 7.314225284219177px) rotateX(0.40547041668049055rad) rotateY(0.1529788851130276rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 52px; height: 91px;'><polygon points='0.4312537052097086,91 52,0 0,28.4406599450004016' style='fill: rgb(255, 160, 87); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(85.43094015748022px, -82.93666088634183px, 4.174462573924018px) rotateX(0.4398645495645286rad) rotateY(0.15882968416387233rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 119px; height: 58px;'><polygon points='55.9850043062270259,58 119,45.1555318335645666 0,0' style='fill: rgb(255, 159, 86); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-26.63566000000003px, 150.757074015748px, 12.080762362204737px) rotateX(-0.6171938362700188rad) rotateY(0.3766392251564148rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 50px; height: 131px;'><polygon points='0,131 46.2988219317604504,69.9757343046848916 50,0' style='fill: rgb(255, 158, 84); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-311.4597133858268px, -16.17597632343029px, -6.153585866812605px) rotateX(0.323754619181277rad) rotateY(-0.6909656115227003rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 130px; height: 59px;'><polygon points='0,57.3846423637142422 126.3329331324553095,59 130,0' style='fill: rgb(255, 158, 83); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-256.6578503937008px, -91.13410644143778px, 12.727860843835643px) rotateX(0.008314707556992929rad) rotateY(-0.3486456636178803rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 62px; height: 64px;'><polygon points='0,62.5240113145866800 62,64 5.4195200668210584,0' style='fill: rgb(255, 157, 82); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-40.84065669291334px, -216.2336488188976px, 18.928826929133862px) rotateX(0.11784181454145704rad) rotateY(0.7225765420321798rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 98px; height: 80px;'><polygon points='0,80 76.6915580511683430,72.4603300524992591 98,0' style='fill: rgb(255, 156, 80); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-159.59288188976382px, 137.04497224270722px, 1.2583101197598268px) rotateX(-0.6064859520709687rad) rotateY(-0.5178586242166379rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 88px; height: 134px;'><polygon points='65.4866256537307976,134 88,3.2286671889687768 0,0' style='fill: rgb(255, 155, 79); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-119.98370881889758px, -229.46372350266142px, 19.12802379651133px) rotateX(0.29554103377664176rad) rotateY(-0.17605803901114214rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 93px; height: 112px;'><polygon points='0,112 93,33.8912302842983664 37.2693590997283053,0' style='fill: rgb(255, 155, 78); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(11.51996220472438px, 124.76317952755915px, 5.211834803149614px) rotateX(-0.6231019989535198rad) rotateY(0.49193628540662604rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 114px; height: 83px;'><polygon points='0,83 114,0 3.3416384641776080,12.6586669116886945' style='fill: rgb(255, 154, 76); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-251.17174803149607px, -116.39447218744465px, 20.12817307848381px) rotateX(0.13516657729166126rad) rotateY(-0.2059291189900352rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 134px; height: 89px;'><polygon points='53.9262993077994395,89 134,0 0,23.5277205487441066' style='fill: rgb(255, 153, 75); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-30.840656692913342px, -226.2336488188976px, 18.928826929133876px) rotateX(0.5555765586810169rad) rotateY(0.32305133982779166rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 78px; height: 100px;'><polygon points='0,100 78,0 0.2860768514208788,33.2117037643337696' style='fill: rgb(255, 152, 74); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(73.30048346456704px, -87.95140040276794px, 22.23783343416929px) rotateX(0.4116833817830543rad) rotateY(0.13008519037485655rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 69px; height: 122px;'><polygon points='0,122 69,57.6923083018905487 13.0304680780488482,0' style='fill: rgb(255, 152, 72); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-97.76622944881893px, 144.52581568312917px, 8.352932584843472px) rotateX(-0.7128158095378624rad) rotateY(0.14102531733691182rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 120px; height: 131px;'><polygon points='0,131 120,3.4748679491809797 19.7024675123839010,0' style='fill: rgb(255, 151, 71); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(132.23365669291343px, -38.57640615406996px, 30.38807873430335px) rotateX(0.12635080680349442rad) rotateY(0.6963322299454763rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 86px; height: 71px;'><polygon points='0,71 86,59.4413736907095327 79.1725674771606123,0' style='fill: rgb(255, 150, 70); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(108.79431338582674px, 6.619379902635785px, 17.70709686791551px) rotateX(-0.7093606150131887rad) rotateY(0.6013435730507309rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 109px; height: 103px;'><polygon points='0,103 109,33.1756735412742501 28.9587374626388936,0' style='fill: rgb(255, 149, 68); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(141.57110236220478px, -46.84577468523338px, 32.373359265519156px) rotateX(0.6740759499406246rad) rotateY(0.1088002520626632rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 62px; height: 87px;'><polygon points='0.6029225075217669,87 62,0 0,14.2542490850121002' style='fill: rgb(255, 149, 67); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-215.3050220472441px, 70.81809503243369px, 24.575065371127025px) rotateX(-0.5387207485969605rad) rotateY(-0.59755811953521rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 79px; height: 63px;'><polygon points='65.8877756995432691,63 79,0 0,35.0051333818023593' style='fill: rgb(255, 148, 66); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-31.789074645669302px, -85.50252283464567px, 30.970529291338607px) rotateX(0.05025567736906322rad) rotateY(0.45974481897606423rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 125px; height: 117px;'><polygon points='0,117 125,0 61.0955782503540519,0.1203957877060351' style='fill: rgb(255, 147, 64); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-122.48370881889764px, -192.75279055118108px, 24.0635607874016px) rotateX(0.5585496568824722rad) rotateY(-0.3759461383224991rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 98px; height: 71px;'><polygon points='0,71 98,66.5626036570597961 98,0' style='fill: rgb(255, 146, 63); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-209.84216062992127px, 18.02798094488196px, 32.26314188976379px) rotateX(-0.47351308929503344rad) rotateY(-0.29487356654128916rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 71px; height: 86px;'><polygon points='0,86 71,0 9.8458457832930328,9.9651163865115180' style='fill: rgb(255, 146, 62); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-34.642313858267755px, -154.14516859389295px, 40.636949667431836px) rotateX(0.4098913962406383rad) rotateY(0.670390818804091rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 72px; height: 81px;'><polygon points='0,81 72,61.5758462419546149 72,0' style='fill: rgb(255, 145, 60); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(14.49265559055118px, 82.47496420434732px, 45.458390925712465px) rotateX(-0.7513020193045696rad) rotateY(0.5013991460684832rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 111px; height: 66px;'><polygon points='0,66 111,59.9843364273661521 73.2623882345387472,0' style='fill: rgb(255, 144, 59); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-25.789074645669245px, -91.50252283464562px, 30.97052929133858px) rotateX(0.41613573262449344rad) rotateY(0.08858830603760559rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 113px; height: 129px;'><polygon points='0,129 99.2881381745946072,121.8928964804133699 113,0' style='fill: rgb(255, 143, 58); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-219.34216062992127px, 28.02798094488196px, 32.2631418897638px) rotateX(0.021041817006147046rad) rotateY(-0.7119859195455498rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 90px; height: 66px;'><polygon points='0,66 85.7562193064040059,58.9620833537496196 90,0' style='fill: rgb(255, 143, 56); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(73.10016220472437px, -33.883842624449244px, 36.31741010604529px) rotateX(0.6722106277153665rad) rotateY(-0.11553200130293195rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 73px;'><polygon points='0,64.3262817652733929 70,73 68.6584005375261341,0' style='fill: rgb(255, 142, 55); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(80.0542929133859px, 28.069003849650755px, 42.86083459117445px) rotateX(-0.6991385558449572rad) rotateY(0.5708102811717577rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 68px; height: 103px;'><polygon points='0,43.9017211575168957 39.2329645480469225,103 68,0' style='fill: rgb(255, 141, 54); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-158.09288188976387px, 69.8283933430921px, 41.57086849442014px) rotateX(-0.09328056457318823rad) rotateY(-0.44392228950018753rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 85px; height: 93px;'><polygon points='0,68.7369180012659058 85,93 76.3252553562683005,0' style='fill: rgb(255, 140, 52); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-37.13644251968503px, -153.95752312288005px, 41.376407715289176px) rotateX(0.39695106750199094rad) rotateY(0.6816862669471948rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 75px; height: 80px;'><polygon points='2.0116127071092791,80 75,0 0,21.2118039938230183' style='fill: rgb(255, 139, 51); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-154.3326866141732px, 66.12274330708658px, 40.92638598425198px) rotateX(-0.6776131564408236rad) rotateY(0.15225827736361341rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 76px;'><polygon points='0,76 70,0 10.5752417188419514,12.5583179817303314' style='fill: rgb(255, 139, 50); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-205.07547559055115px, -118.24144817385746px, 40.18769153591525px) rotateX(0.44830458101828796rad) rotateY(-0.5026318487824324rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 130px; height: 107px;'><polygon points='0,79.4099609412782002 130,107 88.8704393374980981,0' style='fill: rgb(255, 138, 48); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-122.61934803149603px, -134.77196127968602px, 53.5856540055983px) rotateX(0.5552888896465684rad) rotateY(-0.3758085946862022rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 98px; height: 50px;'><polygon points='35.5055987832587405,50 98,0 0,4.4671609993217789' style='fill: rgb(255, 137, 47); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-33.59041102362204px, -86.20620773570931px, 46.21760836168532px) rotateX(0.04766999662800897rad) rotateY(0.4641571316910864rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 67px; height: 117px;'><polygon points='0,58.0156974034315809 5.0718836282412347,117 67,0' style='fill: rgb(255, 136, 46); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-208.13948818897637px, -39.087777694402575px, 63.057703260228365px) rotateX(0.3146707369658186rad) rotateY(-0.5229183349251119rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 134px; height: 59px;'><polygon points='0,59 134,18.3477518271921092 2.4562674581159900,0' style='fill: rgb(255, 136, 44); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-38.59041102362215px, -94.3084105525561px, 47.23640592095832px) rotateX(-0.3166637148360263rad) rotateY(0.6846983011307847rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 77px; height: 60px;'><polygon points='0,60 77,15.5015350165246542 3.7389069948885747,0' style='fill: rgb(255, 135, 43); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(73.10016220472437px, 25.645997829819464px, 60.66489598593496px) rotateX(0.15377777283699023rad) rotateY(-0.15753289322227793rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 60px;'><polygon points='12.0575662380160260,60 70,3.0444436034631299 0,0' style='fill: rgb(255, 134, 41); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-78.01279480314957px, 85.77595878815202px, 66.857701816057px) rotateX(-0.47149463182264917rad) rotateY(0.14523340977265575rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 100px; height: 80px;'><polygon points='0,80 100,80 96.1667386346592536,0' style='fill: rgb(255, 133, 40); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-143.6062377952756px, 27.344014076148767px, 60.46906666212159px) rotateX(-0.021283501793603277rad) rotateY(-0.0094871421353393rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 59px; height: 60px;'><polygon points='0,60 59,43.5917061401986530 2.9258545056922087,0' style='fill: rgb(255, 133, 39); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-121.63610393700787px, -127.51960000000003px, 59.47836236220475px) rotateX(0.4549027000835224rad) rotateY(-0.48728366516577726rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 41px; height: 107px;'><polygon points='41,107 37.3782318709816366,43.7244998091113999 0,0' style='fill: rgb(255, 132, 37); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(16.686654173228362px, 79.15927977471802px, 53.80882676012466px) rotateX(-0.4672840559559217rad) rotateY(0.23443979145853855rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 80px;'><polygon points='3.7001153496677808,80 70,6.0149846291452640 0,0' style='fill: rgb(255, 131, 36); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-85.03383212598425px, -29.122839698471978px, 60.79091527525027px) rotateX(0.00708962105821298rad) rotateY(-0.023427746706783825rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 60px; height: 101px;'><polygon points='0,101 60,58.5840335771766902 55.1502113267512115,0' style='fill: rgb(255, 130, 35); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-25.749260472440938px, 23.103935960828096px, 66.65275781376992px) rotateX(0.35833697364250683rad) rotateY(0.09245840342890532rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 100px; height: 67px;'><polygon points='43.1478624974187568,67 100,0 0,6.4152828605787802' style='fill: rgb(255, 130, 33); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(16.68665417322842px, 24.632909720603152px, 63.39894658742442px) rotateX(0.23361144357555652rad) rotateY(0.23526828526211685rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 70px; height: 66px;'><polygon points='0,66 70,59.3992334121716326 57.5197883860953993,0' style='fill: rgb(255, 129, 32); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-202.13948818897637px, -34.86435433070858px, 65.89704897637797px) rotateX(-0.1825683583937585rad) rotateY(-0.3276381856863759rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 122px; height: 68px;'><polygon points='0,68 61.7106386511159215,62.7385999847823115 122,0' style='fill: rgb(255, 128, 31); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-86.05204818897636px, 71.98994653760383px, 66.90604294723964px) rotateX(-0.0702992764981405rad) rotateY(-0.1877381046432216rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 105px; height: 93px;'><polygon points='7.6133849843085892,93 105,14.7266126019033301 0,0' style='fill: rgb(255, 127, 29); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-86.82447606299206px, -140.0958294187003px, 60.3238105270443px) rotateX(0.36934324881726943rad) rotateY(-0.22381966904708728rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 61px; height: 59px;'><polygon points='0,53.0561832936907152 61,59 58.8800993893390938,0' style='fill: rgb(255, 127, 28); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-85.55204818897636px, 29.513570645558673px, 65.88834441301258px) rotateX(0.18660576279033148rad) rotateY(-0.1462308686839986rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 104px; height: 60px;'><polygon points='0,40.5982139060643519 104,60 60.3140651086610617,0' style='fill: rgb(255, 126, 27); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-141.42551653543308px, -34.69816916851698px, 70.05391941498407px) rotateX(-0.2912643030588822rad) rotateY(-0.21506750239901895rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 59px; height: 107px;'><polygon points='0,64.4694591671939605 56.8586470579395424,107 59,0' style='fill: rgb(255, 125, 25); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-88.80146929133866px, -37.170245825871746px, 62.306730921317424px) rotateX(-0.3013532061300157rad) rotateY(0.4864384381770981rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 63px; height: 107px;'><polygon points='0,107 63,10.5719845964511610 1.6241110034107447,0' style='fill: rgb(255, 124, 24); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-87.63551228346455px, -82.91097953926311px, 82.65988296353972px) rotateX(-0.3025675587152581rad) rotateY(0.4862512877924714rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 65px; height: 60px;'><polygon points='0,48.5539180017108691 60.7396340490481634,60 65,0' style='fill: rgb(255, 124, 23); stroke: rgb(252, 252, 252);'></polygon></svg><svg style='-webkit-transform: translate3d(-86.82447606299212px, -92.48995838963111px, 82.43096495834673px) rotateX(0.4667658467959739rad) rotateY(-0.2137737429848683rad) rotateZ(0rad) scaleX(1) scaleY(1) scaleZ(1); width: 61px; height: 63px;'><polygon points='2.4333164643482914,63 61,7.0161285106525666 0,0' style='fill: rgb(255, 123, 21); stroke: rgb(252, 252, 252);'></polygon></svg></div>
		</div>
	</div>
</div>
            
          
!
            
              /*attached prefixfree from Lea Verou to remove browser prefixes*/

body {
    transform: translate3d(0,0,0);
            }

            .model {
                position:absolute;
                z-index:100000;
            }

            .model svg {
                position:absolute;
                backface-visibility:hidden;
            }

            #isoscape,
            #scene,
            #stage {
                transform-style:preserve-3d;
                position:absolute;
                width:100%;
                height:100%;
            }

            #scene {
              margin-left: -600px; 
              margin-top: -400px; 
              width: 1200px; 
              height: 800px; 
              left: 50%; 
              top: 50%; 
              transform: perspective(10000px) matrix3d(-0.8992526145877562, 0.10582382020097333, 0.4244361603765047, 0, -0.4374296916729339, -0.2175488971437786, -0.8725409687770804, 0, 0, -0.9702957262760654, 0.24192189559939029, 0, 0, 0, 176.81728880157615, 1);
            }

            #stage {
                left:50%;
                top:50%;
                opacity:0.87;
            }

            #isoscape { 
              animation: backandforth 1.8s ease-out infinite;
              transform: rotateX(0.25rad) rotateY(-0.2rad) rotateZ(-0.1rad) scaleX(1.3) scaleY(1.5) scaleZ(1.35) translate3d(10px, 30px, -30px); 
      opacity: 0.8;
              transform-style: preserve-3d;
            }

            #isoscape svg {
               transform: translate3d(-425.48px, 346.72px, -85.8px) rotateX(-0.034rad) rotateY(0.018rad) rotateZ(0rad); 
               width: 171px; 
               height: 79px;
            }

        html, body { height: 100%; }
        body {
            margin: 0;
            padding: 0;
          align-items: center;
            background: #ffffff; /* Old browsers */
            background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #fcfff4 48%, #e8dfce 94%); /* FF3.6+ */
            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(48%,#fcfff4), color-stop(94%,#e8dfce)); /* Chrome,Safari4+ */
            background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#fcfff4 48%,#e8dfce 94%); /* Chrome10+,Safari5.1+ */
            background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#fcfff4 48%,#e8dfce 94%); /* Opera 12+ */
            background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#fcfff4 48%,#e8dfce 94%); /* IE10+ */
            background: radial-gradient(ellipse at center, #ffffff 0%,#fcfff4 48%,#e8dfce 94%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8dfce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        }

@keyframes backandforth {
  	50%  { 
      transform: rotateX(0.01rad) rotateY(0.4rad) rotateZ(-0.1rad) scaleX(0.5) scaleY(0.65) scaleZ(0.55) translate3d(-30px, -60px, -30px); 
      opacity: 0.9;
      margin-top: -15px;
    }
	}










            
          
!
            
              /* This was made as a fork of this existing pen: http://codepen.io/sdras/pen/BinLh that I originally wrote in velocityJS to test the performance of CSS animations vs. hardware-accelrated js */
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console