Grafica si animatii din HTML si CSS. Animatie paleta de culori.
Animatie paleta de culori

Animatie paleta de culori

Aceasta este o animatie mai veche si presupune ca eticheta (div), ce se deplaseaza stanga-dreapta sa nu fie cea animata, ci cea din stanga ei, "invizibila".

Animatie paleta de culori

Animatie paleta de culori

HTML
<div class="animation-squares">
	<div class="animation-squares-layer">
		<div class="animation-squares-layer-row">
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg0 animation-squares-layer-row-cell-sq-delay0"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg1 animation-squares-layer-row-cell-sq-delay1"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg2 animation-squares-layer-row-cell-sq-delay2"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg3 animation-squares-layer-row-cell-sq-delay3"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg4 animation-squares-layer-row-cell-sq-delay4"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg5 animation-squares-layer-row-cell-sq-delay5"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg6 animation-squares-layer-row-cell-sq-delay6"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg7 animation-squares-layer-row-cell-sq-delay7"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg8 animation-squares-layer-row-cell-sq-delay8"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg9 animation-squares-layer-row-cell-sq-delay9"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg10 animation-squares-layer-row-cell-sq-delay10"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg11 animation-squares-layer-row-cell-sq-delay11"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg12 animation-squares-layer-row-cell-sq-delay12"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg13 animation-squares-layer-row-cell-sq-delay13"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg14 animation-squares-layer-row-cell-sq-delay14"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg15 animation-squares-layer-row-cell-sq-delay15"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg16 animation-squares-layer-row-cell-sq-delay16"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg17 animation-squares-layer-row-cell-sq-delay17"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg18 animation-squares-layer-row-cell-sq-delay18"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg19 animation-squares-layer-row-cell-sq-delay19"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg20 animation-squares-layer-row-cell-sq-delay20"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg21 animation-squares-layer-row-cell-sq-delay21"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg22 animation-squares-layer-row-cell-sq-delay22"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg23 animation-squares-layer-row-cell-sq-delay23"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg24 animation-squares-layer-row-cell-sq-delay24"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg25 animation-squares-layer-row-cell-sq-delay25"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg26 animation-squares-layer-row-cell-sq-delay26"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg27 animation-squares-layer-row-cell-sq-delay27"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg28 animation-squares-layer-row-cell-sq-delay28"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg29 animation-squares-layer-row-cell-sq-delay29"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg30 animation-squares-layer-row-cell-sq-delay30"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg31 animation-squares-layer-row-cell-sq-delay31"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg32 animation-squares-layer-row-cell-sq-delay32"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg33 animation-squares-layer-row-cell-sq-delay33"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg34 animation-squares-layer-row-cell-sq-delay34"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg35 animation-squares-layer-row-cell-sq-delay35"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg36 animation-squares-layer-row-cell-sq-delay36"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg37 animation-squares-layer-row-cell-sq-delay37"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg38 animation-squares-layer-row-cell-sq-delay38"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg39 animation-squares-layer-row-cell-sq-delay39"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg40 animation-squares-layer-row-cell-sq-delay40"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg41 animation-squares-layer-row-cell-sq-delay41"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg42 animation-squares-layer-row-cell-sq-delay42"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg43 animation-squares-layer-row-cell-sq-delay43"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg44 animation-squares-layer-row-cell-sq-delay44"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg45 animation-squares-layer-row-cell-sq-delay45"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg46 animation-squares-layer-row-cell-sq-delay46"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg47 animation-squares-layer-row-cell-sq-delay47"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg48 animation-squares-layer-row-cell-sq-delay48"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg49 animation-squares-layer-row-cell-sq-delay49"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg50 animation-squares-layer-row-cell-sq-delay50"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg51 animation-squares-layer-row-cell-sq-delay51"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg52 animation-squares-layer-row-cell-sq-delay52"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg53 animation-squares-layer-row-cell-sq-delay53"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg54 animation-squares-layer-row-cell-sq-delay54"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg55 animation-squares-layer-row-cell-sq-delay55"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg56 animation-squares-layer-row-cell-sq-delay56"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg57 animation-squares-layer-row-cell-sq-delay57"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg58 animation-squares-layer-row-cell-sq-delay58"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg59 animation-squares-layer-row-cell-sq-delay59"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg60 animation-squares-layer-row-cell-sq-delay60"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg61 animation-squares-layer-row-cell-sq-delay61"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg62 animation-squares-layer-row-cell-sq-delay62"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg63 animation-squares-layer-row-cell-sq-delay63"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg64 animation-squares-layer-row-cell-sq-delay64"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg65 animation-squares-layer-row-cell-sq-delay65"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg66 animation-squares-layer-row-cell-sq-delay66"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg67 animation-squares-layer-row-cell-sq-delay67"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg68 animation-squares-layer-row-cell-sq-delay68"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg69 animation-squares-layer-row-cell-sq-delay69"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg70 animation-squares-layer-row-cell-sq-delay70"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg71 animation-squares-layer-row-cell-sq-delay71"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg72 animation-squares-layer-row-cell-sq-delay72"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg73 animation-squares-layer-row-cell-sq-delay73"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg74 animation-squares-layer-row-cell-sq-delay74"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg75 animation-squares-layer-row-cell-sq-delay75"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg76 animation-squares-layer-row-cell-sq-delay76"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg77 animation-squares-layer-row-cell-sq-delay77"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg78 animation-squares-layer-row-cell-sq-delay78"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg79 animation-squares-layer-row-cell-sq-delay79"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg80 animation-squares-layer-row-cell-sq-delay80"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg81 animation-squares-layer-row-cell-sq-delay81"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg82 animation-squares-layer-row-cell-sq-delay82"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg83 animation-squares-layer-row-cell-sq-delay83"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg84 animation-squares-layer-row-cell-sq-delay84"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg85 animation-squares-layer-row-cell-sq-delay85"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg86 animation-squares-layer-row-cell-sq-delay86"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg87 animation-squares-layer-row-cell-sq-delay87"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg88 animation-squares-layer-row-cell-sq-delay88"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg89 animation-squares-layer-row-cell-sq-delay89"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg90 animation-squares-layer-row-cell-sq-delay90"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg91 animation-squares-layer-row-cell-sq-delay91"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg92 animation-squares-layer-row-cell-sq-delay92"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg93 animation-squares-layer-row-cell-sq-delay93"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg94 animation-squares-layer-row-cell-sq-delay94"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg95 animation-squares-layer-row-cell-sq-delay95"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg96 animation-squares-layer-row-cell-sq-delay96"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg97 animation-squares-layer-row-cell-sq-delay97"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg98 animation-squares-layer-row-cell-sq-delay98"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg99 animation-squares-layer-row-cell-sq-delay99"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg100 animation-squares-layer-row-cell-sq-delay100"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg101 animation-squares-layer-row-cell-sq-delay101"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg102 animation-squares-layer-row-cell-sq-delay102"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg103 animation-squares-layer-row-cell-sq-delay103"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg104 animation-squares-layer-row-cell-sq-delay104"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg105 animation-squares-layer-row-cell-sq-delay105"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg106 animation-squares-layer-row-cell-sq-delay106"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg107 animation-squares-layer-row-cell-sq-delay107"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg108 animation-squares-layer-row-cell-sq-delay108"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg109 animation-squares-layer-row-cell-sq-delay109"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg110 animation-squares-layer-row-cell-sq-delay110"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg111 animation-squares-layer-row-cell-sq-delay111"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg112 animation-squares-layer-row-cell-sq-delay112"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg113 animation-squares-layer-row-cell-sq-delay113"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg114 animation-squares-layer-row-cell-sq-delay114"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg115 animation-squares-layer-row-cell-sq-delay115"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg116 animation-squares-layer-row-cell-sq-delay116"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg117 animation-squares-layer-row-cell-sq-delay117"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg118 animation-squares-layer-row-cell-sq-delay118"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg119 animation-squares-layer-row-cell-sq-delay119"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg120 animation-squares-layer-row-cell-sq-delay120"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg121 animation-squares-layer-row-cell-sq-delay121"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg122 animation-squares-layer-row-cell-sq-delay122"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg123 animation-squares-layer-row-cell-sq-delay123"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg124 animation-squares-layer-row-cell-sq-delay124"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg125 animation-squares-layer-row-cell-sq-delay125"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg126 animation-squares-layer-row-cell-sq-delay126"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg127 animation-squares-layer-row-cell-sq-delay127"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg128 animation-squares-layer-row-cell-sq-delay128"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg129 animation-squares-layer-row-cell-sq-delay129"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg130 animation-squares-layer-row-cell-sq-delay130"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg131 animation-squares-layer-row-cell-sq-delay131"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg132 animation-squares-layer-row-cell-sq-delay132"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg133 animation-squares-layer-row-cell-sq-delay133"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg134 animation-squares-layer-row-cell-sq-delay134"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg135 animation-squares-layer-row-cell-sq-delay135"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg136 animation-squares-layer-row-cell-sq-delay136"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg137 animation-squares-layer-row-cell-sq-delay137"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg138 animation-squares-layer-row-cell-sq-delay138"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg139 animation-squares-layer-row-cell-sq-delay139"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg140 animation-squares-layer-row-cell-sq-delay140"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg141 animation-squares-layer-row-cell-sq-delay141"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg142 animation-squares-layer-row-cell-sq-delay142"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg143 animation-squares-layer-row-cell-sq-delay143"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg144 animation-squares-layer-row-cell-sq-delay144"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg145 animation-squares-layer-row-cell-sq-delay145"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg146 animation-squares-layer-row-cell-sq-delay146"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg147 animation-squares-layer-row-cell-sq-delay147"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg148 animation-squares-layer-row-cell-sq-delay148"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg149 animation-squares-layer-row-cell-sq-delay149"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg150 animation-squares-layer-row-cell-sq-delay150"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg151 animation-squares-layer-row-cell-sq-delay151"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg152 animation-squares-layer-row-cell-sq-delay152"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg153 animation-squares-layer-row-cell-sq-delay153"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg154 animation-squares-layer-row-cell-sq-delay154"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg155 animation-squares-layer-row-cell-sq-delay155"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg156 animation-squares-layer-row-cell-sq-delay156"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg157 animation-squares-layer-row-cell-sq-delay157"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg158 animation-squares-layer-row-cell-sq-delay158"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg159 animation-squares-layer-row-cell-sq-delay159"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg160 animation-squares-layer-row-cell-sq-delay160"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg161 animation-squares-layer-row-cell-sq-delay161"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg162 animation-squares-layer-row-cell-sq-delay162"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg163 animation-squares-layer-row-cell-sq-delay163"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg164 animation-squares-layer-row-cell-sq-delay164"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg165 animation-squares-layer-row-cell-sq-delay165"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg166 animation-squares-layer-row-cell-sq-delay166"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg167 animation-squares-layer-row-cell-sq-delay167"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg168 animation-squares-layer-row-cell-sq-delay168"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg169 animation-squares-layer-row-cell-sq-delay169"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg170 animation-squares-layer-row-cell-sq-delay170"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg171 animation-squares-layer-row-cell-sq-delay171"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg172 animation-squares-layer-row-cell-sq-delay172"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg173 animation-squares-layer-row-cell-sq-delay173"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg174 animation-squares-layer-row-cell-sq-delay174"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg175 animation-squares-layer-row-cell-sq-delay175"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg176 animation-squares-layer-row-cell-sq-delay176"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg177 animation-squares-layer-row-cell-sq-delay177"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg178 animation-squares-layer-row-cell-sq-delay178"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg179 animation-squares-layer-row-cell-sq-delay179"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg180 animation-squares-layer-row-cell-sq-delay180"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg181 animation-squares-layer-row-cell-sq-delay181"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg182 animation-squares-layer-row-cell-sq-delay182"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg183 animation-squares-layer-row-cell-sq-delay183"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg184 animation-squares-layer-row-cell-sq-delay184"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg185 animation-squares-layer-row-cell-sq-delay185"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg186 animation-squares-layer-row-cell-sq-delay186"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg187 animation-squares-layer-row-cell-sq-delay187"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg188 animation-squares-layer-row-cell-sq-delay188"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg189 animation-squares-layer-row-cell-sq-delay189"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg190 animation-squares-layer-row-cell-sq-delay190"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg191 animation-squares-layer-row-cell-sq-delay191"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg192 animation-squares-layer-row-cell-sq-delay192"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg193 animation-squares-layer-row-cell-sq-delay193"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg194 animation-squares-layer-row-cell-sq-delay194"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg195 animation-squares-layer-row-cell-sq-delay195"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg196 animation-squares-layer-row-cell-sq-delay196"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg197 animation-squares-layer-row-cell-sq-delay197"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg198 animation-squares-layer-row-cell-sq-delay198"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg199 animation-squares-layer-row-cell-sq-delay199"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg200 animation-squares-layer-row-cell-sq-delay200"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg201 animation-squares-layer-row-cell-sq-delay201"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg202 animation-squares-layer-row-cell-sq-delay202"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg203 animation-squares-layer-row-cell-sq-delay203"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg204 animation-squares-layer-row-cell-sq-delay204"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg205 animation-squares-layer-row-cell-sq-delay205"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg206 animation-squares-layer-row-cell-sq-delay206"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg207 animation-squares-layer-row-cell-sq-delay207"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg208 animation-squares-layer-row-cell-sq-delay208"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg209 animation-squares-layer-row-cell-sq-delay209"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg210 animation-squares-layer-row-cell-sq-delay210"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg211 animation-squares-layer-row-cell-sq-delay211"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg212 animation-squares-layer-row-cell-sq-delay212"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg213 animation-squares-layer-row-cell-sq-delay213"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg214 animation-squares-layer-row-cell-sq-delay214"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg215 animation-squares-layer-row-cell-sq-delay215"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg216 animation-squares-layer-row-cell-sq-delay216"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg217 animation-squares-layer-row-cell-sq-delay217"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg218 animation-squares-layer-row-cell-sq-delay218"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg219 animation-squares-layer-row-cell-sq-delay219"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg220 animation-squares-layer-row-cell-sq-delay220"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg221 animation-squares-layer-row-cell-sq-delay221"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg222 animation-squares-layer-row-cell-sq-delay222"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg223 animation-squares-layer-row-cell-sq-delay223"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg224 animation-squares-layer-row-cell-sq-delay224"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg225 animation-squares-layer-row-cell-sq-delay225"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg226 animation-squares-layer-row-cell-sq-delay226"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg227 animation-squares-layer-row-cell-sq-delay227"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg228 animation-squares-layer-row-cell-sq-delay228"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg229 animation-squares-layer-row-cell-sq-delay229"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg230 animation-squares-layer-row-cell-sq-delay230"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg231 animation-squares-layer-row-cell-sq-delay231"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg232 animation-squares-layer-row-cell-sq-delay232"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg233 animation-squares-layer-row-cell-sq-delay233"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg234 animation-squares-layer-row-cell-sq-delay234"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg235 animation-squares-layer-row-cell-sq-delay235"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg236 animation-squares-layer-row-cell-sq-delay236"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg237 animation-squares-layer-row-cell-sq-delay237"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg238 animation-squares-layer-row-cell-sq-delay238"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg239 animation-squares-layer-row-cell-sq-delay239"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg240 animation-squares-layer-row-cell-sq-delay240"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg241 animation-squares-layer-row-cell-sq-delay241"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg242 animation-squares-layer-row-cell-sq-delay242"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg243 animation-squares-layer-row-cell-sq-delay243"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg244 animation-squares-layer-row-cell-sq-delay244"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg245 animation-squares-layer-row-cell-sq-delay245"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg246 animation-squares-layer-row-cell-sq-delay246"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg247 animation-squares-layer-row-cell-sq-delay247"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg248 animation-squares-layer-row-cell-sq-delay248"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg249 animation-squares-layer-row-cell-sq-delay249"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg250 animation-squares-layer-row-cell-sq-delay250"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg251 animation-squares-layer-row-cell-sq-delay251"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg252 animation-squares-layer-row-cell-sq-delay252"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg253 animation-squares-layer-row-cell-sq-delay253"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg254 animation-squares-layer-row-cell-sq-delay254"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg255 animation-squares-layer-row-cell-sq-delay255"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg256 animation-squares-layer-row-cell-sq-delay256"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg257 animation-squares-layer-row-cell-sq-delay257"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg258 animation-squares-layer-row-cell-sq-delay258"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg259 animation-squares-layer-row-cell-sq-delay259"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg260 animation-squares-layer-row-cell-sq-delay260"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg261 animation-squares-layer-row-cell-sq-delay261"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg262 animation-squares-layer-row-cell-sq-delay262"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg263 animation-squares-layer-row-cell-sq-delay263"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg264 animation-squares-layer-row-cell-sq-delay264"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg265 animation-squares-layer-row-cell-sq-delay265"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg266 animation-squares-layer-row-cell-sq-delay266"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg267 animation-squares-layer-row-cell-sq-delay267"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg268 animation-squares-layer-row-cell-sq-delay268"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg269 animation-squares-layer-row-cell-sq-delay269"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg270 animation-squares-layer-row-cell-sq-delay270"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg271 animation-squares-layer-row-cell-sq-delay271"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg272 animation-squares-layer-row-cell-sq-delay272"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg273 animation-squares-layer-row-cell-sq-delay273"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg274 animation-squares-layer-row-cell-sq-delay274"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg275 animation-squares-layer-row-cell-sq-delay275"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg276 animation-squares-layer-row-cell-sq-delay276"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg277 animation-squares-layer-row-cell-sq-delay277"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg278 animation-squares-layer-row-cell-sq-delay278"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg279 animation-squares-layer-row-cell-sq-delay279"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg280 animation-squares-layer-row-cell-sq-delay280"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg281 animation-squares-layer-row-cell-sq-delay281"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg282 animation-squares-layer-row-cell-sq-delay282"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg283 animation-squares-layer-row-cell-sq-delay283"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg284 animation-squares-layer-row-cell-sq-delay284"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg285 animation-squares-layer-row-cell-sq-delay285"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg286 animation-squares-layer-row-cell-sq-delay286"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg287 animation-squares-layer-row-cell-sq-delay287"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg288 animation-squares-layer-row-cell-sq-delay288"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg289 animation-squares-layer-row-cell-sq-delay289"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg290 animation-squares-layer-row-cell-sq-delay290"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg291 animation-squares-layer-row-cell-sq-delay291"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg292 animation-squares-layer-row-cell-sq-delay292"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg293 animation-squares-layer-row-cell-sq-delay293"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg294 animation-squares-layer-row-cell-sq-delay294"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg295 animation-squares-layer-row-cell-sq-delay295"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg296 animation-squares-layer-row-cell-sq-delay296"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg297 animation-squares-layer-row-cell-sq-delay297"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg298 animation-squares-layer-row-cell-sq-delay298"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg299 animation-squares-layer-row-cell-sq-delay299"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg300 animation-squares-layer-row-cell-sq-delay300"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg301 animation-squares-layer-row-cell-sq-delay301"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg302 animation-squares-layer-row-cell-sq-delay302"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg303 animation-squares-layer-row-cell-sq-delay303"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg304 animation-squares-layer-row-cell-sq-delay304"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg305 animation-squares-layer-row-cell-sq-delay305"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg306 animation-squares-layer-row-cell-sq-delay306"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg307 animation-squares-layer-row-cell-sq-delay307"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg308 animation-squares-layer-row-cell-sq-delay308"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg309 animation-squares-layer-row-cell-sq-delay309"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg310 animation-squares-layer-row-cell-sq-delay310"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg311 animation-squares-layer-row-cell-sq-delay311"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg312 animation-squares-layer-row-cell-sq-delay312"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg313 animation-squares-layer-row-cell-sq-delay313"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg314 animation-squares-layer-row-cell-sq-delay314"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg315 animation-squares-layer-row-cell-sq-delay315"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg316 animation-squares-layer-row-cell-sq-delay316"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg317 animation-squares-layer-row-cell-sq-delay317"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg318 animation-squares-layer-row-cell-sq-delay318"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg319 animation-squares-layer-row-cell-sq-delay319"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg320 animation-squares-layer-row-cell-sq-delay320"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg321 animation-squares-layer-row-cell-sq-delay321"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg322 animation-squares-layer-row-cell-sq-delay322"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg323 animation-squares-layer-row-cell-sq-delay323"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg324 animation-squares-layer-row-cell-sq-delay324"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg325 animation-squares-layer-row-cell-sq-delay325"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg326 animation-squares-layer-row-cell-sq-delay326"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg327 animation-squares-layer-row-cell-sq-delay327"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg328 animation-squares-layer-row-cell-sq-delay328"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg329 animation-squares-layer-row-cell-sq-delay329"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg330 animation-squares-layer-row-cell-sq-delay330"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg331 animation-squares-layer-row-cell-sq-delay331"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg332 animation-squares-layer-row-cell-sq-delay332"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg333 animation-squares-layer-row-cell-sq-delay333"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg334 animation-squares-layer-row-cell-sq-delay334"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg335 animation-squares-layer-row-cell-sq-delay335"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg336 animation-squares-layer-row-cell-sq-delay336"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg337 animation-squares-layer-row-cell-sq-delay337"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg338 animation-squares-layer-row-cell-sq-delay338"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg339 animation-squares-layer-row-cell-sq-delay339"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg340 animation-squares-layer-row-cell-sq-delay340"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg341 animation-squares-layer-row-cell-sq-delay341"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg342 animation-squares-layer-row-cell-sq-delay342"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg343 animation-squares-layer-row-cell-sq-delay343"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg344 animation-squares-layer-row-cell-sq-delay344"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg345 animation-squares-layer-row-cell-sq-delay345"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg346 animation-squares-layer-row-cell-sq-delay346"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg347 animation-squares-layer-row-cell-sq-delay347"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg348 animation-squares-layer-row-cell-sq-delay348"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg349 animation-squares-layer-row-cell-sq-delay349"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg350 animation-squares-layer-row-cell-sq-delay350"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg351 animation-squares-layer-row-cell-sq-delay351"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg352 animation-squares-layer-row-cell-sq-delay352"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg353 animation-squares-layer-row-cell-sq-delay353"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg354 animation-squares-layer-row-cell-sq-delay354"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg355 animation-squares-layer-row-cell-sq-delay355"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg356 animation-squares-layer-row-cell-sq-delay356"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg357 animation-squares-layer-row-cell-sq-delay357"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg358 animation-squares-layer-row-cell-sq-delay358"></div>
			</div>
			<div class="animation-squares-layer-row-cell">
				<div class="animation-squares-layer-row-cell-sq animation-squares-layer-row-cell-sq-bg359 animation-squares-layer-row-cell-sq-delay359"></div>
			</div>
		</div>
	</div>
	<div class="animation-squares-layer">
		<div class="animation-squares-layer-left-area"></div>
		<div class="animation-squares-layer-big-sq"></div>
		<div class="animation-squares-layer-right-area"></div>
	</div>
</div>
CSS
	.animation-squares-layer:nth-child(2),
	.animation-squares-layer-row{
		display: flex;
	}
	.animation-squares-layer-row,
	.animation-squares-layer:nth-child(2){
		align-items: center;
	}
	.animation-squares,
	.animation-squares-layer-row,
	.animation-squares-layer-row-cell{
		position: relative;
	}
	.animation-squares-layer,
	.animation-squares-layer-row-cell-sq{
		position: absolute;
	}
	.animation-squares-layer,
	.animation-squares-layer-row-cell-sq{
		top: 0;
	}
	.animation-squares-layer,
	.animation-squares-layer-row-cell-sq{
		left: 0;
	}
	.animation-squares-layer,
	.animation-squares-layer-row-cell-sq{
		width: 100%;
	}
	.animation-squares-layer,
	.animation-squares-layer-row,
	.animation-squares-layer-row-cell-sq{
		height: 100%;
	}
	.animation-squares-layer-row-cell,
	.animation-squares-layer-left-area,
	.animation-squares-layer-right-area{
		height: calc(100% - 10px);
	}
	.animation-squares{
		width: 100%;
		min-width: 100px;
		max-width: 300px;
		height: 30px;
		margin: auto;
	}
		.animation-squares-layer{}
			.animation-squares-layer-row{}
				.animation-squares-layer-row-cell{
					width: calc(100% / 360);
				}
					.animation-squares-layer-row-cell-sq{}
					.animation-squares-layer-row-cell-sq-bg0{
						background: #ff0000;
					}
					.animation-squares-layer-row-cell-sq-bg1{
						background: #ff0900;
					}
					.animation-squares-layer-row-cell-sq-bg2{
						background: #ff0d00;
					}
					.animation-squares-layer-row-cell-sq-bg3{
						background: #ff1100;
					}
					.animation-squares-layer-row-cell-sq-bg4{
						background: #ff1500;
					}
					.animation-squares-layer-row-cell-sq-bg5{
						background: #ff1a00;
					}
					.animation-squares-layer-row-cell-sq-bg6{
						background: #ff1e00;
					}
					.animation-squares-layer-row-cell-sq-bg7{
						background: #ff2200;
					}
					.animation-squares-layer-row-cell-sq-bg8{
						background: #ff2600;
					}
					.animation-squares-layer-row-cell-sq-bg9{
						background: #ff2b00;
					}
					.animation-squares-layer-row-cell-sq-bg10{
						background: #ff2f00;
					}
					.animation-squares-layer-row-cell-sq-bg11{
						background: #ff3300;
					}
					.animation-squares-layer-row-cell-sq-bg12{
						background: #ff3700;
					}
					.animation-squares-layer-row-cell-sq-bg13{
						background: #ff3c00;
					}
					.animation-squares-layer-row-cell-sq-bg14{
						background: #ff4000;
					}
					.animation-squares-layer-row-cell-sq-bg15{
						background: #ff4400;
					}
					.animation-squares-layer-row-cell-sq-bg16{
						background: #ff4800;
					}
					.animation-squares-layer-row-cell-sq-bg17{
						background: #ff4d00;
					}
					.animation-squares-layer-row-cell-sq-bg18{
						background: #ff5100;
					}
					.animation-squares-layer-row-cell-sq-bg19{
						background: #ff5500;
					}
					.animation-squares-layer-row-cell-sq-bg20{
						background: #ff5900;
					}
					.animation-squares-layer-row-cell-sq-bg21{
						background: #ff5e00;
					}
					.animation-squares-layer-row-cell-sq-bg22{
						background: #ff6200;
					}
					.animation-squares-layer-row-cell-sq-bg23{
						background: #ff6600;
					}
					.animation-squares-layer-row-cell-sq-bg24{
						background: #ff6a00;
					}
					.animation-squares-layer-row-cell-sq-bg25{
						background: #ff6f00;
					}
					.animation-squares-layer-row-cell-sq-bg26{
						background: #ff7300;
					}
					.animation-squares-layer-row-cell-sq-bg27{
						background: #ff7700;
					}
					.animation-squares-layer-row-cell-sq-bg28{
						background: #ff7b00;
					}
					.animation-squares-layer-row-cell-sq-bg29{
						background: #ff8000;
					}
					.animation-squares-layer-row-cell-sq-bg30{
						background: #ff8400;
					}
					.animation-squares-layer-row-cell-sq-bg31{
						background: #ff8800;
					}
					.animation-squares-layer-row-cell-sq-bg32{
						background: #ff8c00;
					}
					.animation-squares-layer-row-cell-sq-bg33{
						background: #ff9100;
					}
					.animation-squares-layer-row-cell-sq-bg34{
						background: #ff9500;
					}
					.animation-squares-layer-row-cell-sq-bg35{
						background: #ff9900;
					}
					.animation-squares-layer-row-cell-sq-bg36{
						background: #ff9d00;
					}
					.animation-squares-layer-row-cell-sq-bg37{
						background: #ffa200;
					}
					.animation-squares-layer-row-cell-sq-bg38{
						background: #ffa600;
					}
					.animation-squares-layer-row-cell-sq-bg39{
						background: #ffaa00;
					}
					.animation-squares-layer-row-cell-sq-bg40{
						background: #ffae00;
					}
					.animation-squares-layer-row-cell-sq-bg41{
						background: #ffb300;
					}
					.animation-squares-layer-row-cell-sq-bg42{
						background: #ffb700;
					}
					.animation-squares-layer-row-cell-sq-bg43{
						background: #ffbb00;
					}
					.animation-squares-layer-row-cell-sq-bg44{
						background: #ffbf00;
					}
					.animation-squares-layer-row-cell-sq-bg45{
						background: #ffc400;
					}
					.animation-squares-layer-row-cell-sq-bg46{
						background: #ffc800;
					}
					.animation-squares-layer-row-cell-sq-bg47{
						background: #ffcc00;
					}
					.animation-squares-layer-row-cell-sq-bg48{
						background: #ffd000;
					}
					.animation-squares-layer-row-cell-sq-bg49{
						background: #ffd500;
					}
					.animation-squares-layer-row-cell-sq-bg50{
						background: #ffd900;
					}
					.animation-squares-layer-row-cell-sq-bg51{
						background: #ffdd00;
					}
					.animation-squares-layer-row-cell-sq-bg52{
						background: #ffe100;
					}
					.animation-squares-layer-row-cell-sq-bg53{
						background: #ffe600;
					}
					.animation-squares-layer-row-cell-sq-bg54{
						background: #ffea00;
					}
					.animation-squares-layer-row-cell-sq-bg55{
						background: #ffee00;
					}
					.animation-squares-layer-row-cell-sq-bg56{
						background: #fff200;
					}
					.animation-squares-layer-row-cell-sq-bg57{
						background: #fff700;
					}
					.animation-squares-layer-row-cell-sq-bg58{
						background: #fffb00;
					}
					.animation-squares-layer-row-cell-sq-bg59{
						background: #ffff00;
					}
					.animation-squares-layer-row-cell-sq-bg60{
						background: #ffff00;
					}
					.animation-squares-layer-row-cell-sq-bg61{
						background: #fbff00;
					}
					.animation-squares-layer-row-cell-sq-bg62{
						background: #f7ff00;
					}
					.animation-squares-layer-row-cell-sq-bg63{
						background: #f2ff00;
					}
					.animation-squares-layer-row-cell-sq-bg64{
						background: #eeff00;
					}
					.animation-squares-layer-row-cell-sq-bg65{
						background: #eaff00;
					}
					.animation-squares-layer-row-cell-sq-bg66{
						background: #e6ff00;
					}
					.animation-squares-layer-row-cell-sq-bg67{
						background: #e1ff00;
					}
					.animation-squares-layer-row-cell-sq-bg68{
						background: #ddff00;
					}
					.animation-squares-layer-row-cell-sq-bg69{
						background: #d9ff00;
					}
					.animation-squares-layer-row-cell-sq-bg70{
						background: #d5ff00;
					}
					.animation-squares-layer-row-cell-sq-bg71{
						background: #d0ff00;
					}
					.animation-squares-layer-row-cell-sq-bg72{
						background: #ccff00;
					}
					.animation-squares-layer-row-cell-sq-bg73{
						background: #c8ff00;
					}
					.animation-squares-layer-row-cell-sq-bg74{
						background: #c4ff00;
					}
					.animation-squares-layer-row-cell-sq-bg75{
						background: #bfff00;
					}
					.animation-squares-layer-row-cell-sq-bg76{
						background: #bbff00;
					}
					.animation-squares-layer-row-cell-sq-bg77{
						background: #b7ff00;
					}
					.animation-squares-layer-row-cell-sq-bg78{
						background: #b3ff00;
					}
					.animation-squares-layer-row-cell-sq-bg79{
						background: #aeff00;
					}
					.animation-squares-layer-row-cell-sq-bg80{
						background: #aaff00;
					}
					.animation-squares-layer-row-cell-sq-bg81{
						background: #a6ff00;
					}
					.animation-squares-layer-row-cell-sq-bg82{
						background: #a2ff00;
					}
					.animation-squares-layer-row-cell-sq-bg83{
						background: #9dff00;
					}
					.animation-squares-layer-row-cell-sq-bg84{
						background: #99ff00;
					}
					.animation-squares-layer-row-cell-sq-bg85{
						background: #95ff00;
					}
					.animation-squares-layer-row-cell-sq-bg86{
						background: #91ff00;
					}
					.animation-squares-layer-row-cell-sq-bg87{
						background: #8cff00;
					}
					.animation-squares-layer-row-cell-sq-bg88{
						background: #88ff00;
					}
					.animation-squares-layer-row-cell-sq-bg89{
						background: #84ff00;
					}
					.animation-squares-layer-row-cell-sq-bg90{
						background: #80ff00;
					}
					.animation-squares-layer-row-cell-sq-bg91{
						background: #7bff00;
					}
					.animation-squares-layer-row-cell-sq-bg92{
						background: #77ff00;
					}
					.animation-squares-layer-row-cell-sq-bg93{
						background: #73ff00;
					}
					.animation-squares-layer-row-cell-sq-bg94{
						background: #6fff00;
					}
					.animation-squares-layer-row-cell-sq-bg95{
						background: #6aff00;
					}
					.animation-squares-layer-row-cell-sq-bg96{
						background: #66ff00;
					}
					.animation-squares-layer-row-cell-sq-bg97{
						background: #62ff00;
					}
					.animation-squares-layer-row-cell-sq-bg98{
						background: #5eff00;
					}
					.animation-squares-layer-row-cell-sq-bg99{
						background: #59ff00;
					}
					.animation-squares-layer-row-cell-sq-bg100{
						background: #55ff00;
					}
					.animation-squares-layer-row-cell-sq-bg101{
						background: #51ff00;
					}
					.animation-squares-layer-row-cell-sq-bg102{
						background: #4dff00;
					}
					.animation-squares-layer-row-cell-sq-bg103{
						background: #48ff00;
					}
					.animation-squares-layer-row-cell-sq-bg104{
						background: #44ff00;
					}
					.animation-squares-layer-row-cell-sq-bg105{
						background: #40ff00;
					}
					.animation-squares-layer-row-cell-sq-bg106{
						background: #3cff00;
					}
					.animation-squares-layer-row-cell-sq-bg107{
						background: #37ff00;
					}
					.animation-squares-layer-row-cell-sq-bg108{
						background: #33ff00;
					}
					.animation-squares-layer-row-cell-sq-bg109{
						background: #2fff00;
					}
					.animation-squares-layer-row-cell-sq-bg110{
						background: #2bff00;
					}
					.animation-squares-layer-row-cell-sq-bg111{
						background: #26ff00;
					}
					.animation-squares-layer-row-cell-sq-bg112{
						background: #22ff00;
					}
					.animation-squares-layer-row-cell-sq-bg113{
						background: #1eff00;
					}
					.animation-squares-layer-row-cell-sq-bg114{
						background: #1aff00;
					}
					.animation-squares-layer-row-cell-sq-bg115{
						background: #15ff00;
					}
					.animation-squares-layer-row-cell-sq-bg116{
						background: #11ff00;
					}
					.animation-squares-layer-row-cell-sq-bg117{
						background: #0dff00;
					}
					.animation-squares-layer-row-cell-sq-bg118{
						background: #09ff00;
					}
					.animation-squares-layer-row-cell-sq-bg119{
						background: #00ff00;
					}
					.animation-squares-layer-row-cell-sq-bg120{
						background: #00ff00;
					}
					.animation-squares-layer-row-cell-sq-bg121{
						background: #00ff09;
					}
					.animation-squares-layer-row-cell-sq-bg122{
						background: #00ff0d;
					}
					.animation-squares-layer-row-cell-sq-bg123{
						background: #00ff11;
					}
					.animation-squares-layer-row-cell-sq-bg124{
						background: #00ff15;
					}
					.animation-squares-layer-row-cell-sq-bg125{
						background: #00ff1a;
					}
					.animation-squares-layer-row-cell-sq-bg126{
						background: #00ff1e;
					}
					.animation-squares-layer-row-cell-sq-bg127{
						background: #00ff22;
					}
					.animation-squares-layer-row-cell-sq-bg128{
						background: #00ff26;
					}
					.animation-squares-layer-row-cell-sq-bg129{
						background: #00ff2b;
					}
					.animation-squares-layer-row-cell-sq-bg130{
						background: #00ff2f;
					}
					.animation-squares-layer-row-cell-sq-bg131{
						background: #00ff33;
					}
					.animation-squares-layer-row-cell-sq-bg132{
						background: #00ff37;
					}
					.animation-squares-layer-row-cell-sq-bg133{
						background: #00ff3c;
					}
					.animation-squares-layer-row-cell-sq-bg134{
						background: #00ff40;
					}
					.animation-squares-layer-row-cell-sq-bg135{
						background: #00ff44;
					}
					.animation-squares-layer-row-cell-sq-bg136{
						background: #00ff48;
					}
					.animation-squares-layer-row-cell-sq-bg137{
						background: #00ff4d;
					}
					.animation-squares-layer-row-cell-sq-bg138{
						background: #00ff51;
					}
					.animation-squares-layer-row-cell-sq-bg139{
						background: #00ff55;
					}
					.animation-squares-layer-row-cell-sq-bg140{
						background: #00ff59;
					}
					.animation-squares-layer-row-cell-sq-bg141{
						background: #00ff5e;
					}
					.animation-squares-layer-row-cell-sq-bg142{
						background: #00ff62;
					}
					.animation-squares-layer-row-cell-sq-bg143{
						background: #00ff66;
					}
					.animation-squares-layer-row-cell-sq-bg144{
						background: #00ff6a;
					}
					.animation-squares-layer-row-cell-sq-bg145{
						background: #00ff6f;
					}
					.animation-squares-layer-row-cell-sq-bg146{
						background: #00ff73;
					}
					.animation-squares-layer-row-cell-sq-bg147{
						background: #00ff77;
					}
					.animation-squares-layer-row-cell-sq-bg148{
						background: #00ff7b;
					}
					.animation-squares-layer-row-cell-sq-bg149{
						background: #00ff80;
					}
					.animation-squares-layer-row-cell-sq-bg150{
						background: #00ff84;
					}
					.animation-squares-layer-row-cell-sq-bg151{
						background: #00ff88;
					}
					.animation-squares-layer-row-cell-sq-bg152{
						background: #00ff8c;
					}
					.animation-squares-layer-row-cell-sq-bg153{
						background: #00ff91;
					}
					.animation-squares-layer-row-cell-sq-bg154{
						background: #00ff95;
					}
					.animation-squares-layer-row-cell-sq-bg155{
						background: #00ff99;
					}
					.animation-squares-layer-row-cell-sq-bg156{
						background: #00ff9d;
					}
					.animation-squares-layer-row-cell-sq-bg157{
						background: #00ffa2;
					}
					.animation-squares-layer-row-cell-sq-bg158{
						background: #00ffa6;
					}
					.animation-squares-layer-row-cell-sq-bg159{
						background: #00ffaa;
					}
					.animation-squares-layer-row-cell-sq-bg160{
						background: #00ffae;
					}
					.animation-squares-layer-row-cell-sq-bg161{
						background: #00ffb3;
					}
					.animation-squares-layer-row-cell-sq-bg162{
						background: #00ffb7;
					}
					.animation-squares-layer-row-cell-sq-bg163{
						background: #00ffbb;
					}
					.animation-squares-layer-row-cell-sq-bg164{
						background: #00ffbf;
					}
					.animation-squares-layer-row-cell-sq-bg165{
						background: #00ffc4;
					}
					.animation-squares-layer-row-cell-sq-bg166{
						background: #00ffc8;
					}
					.animation-squares-layer-row-cell-sq-bg167{
						background: #00ffcc;
					}
					.animation-squares-layer-row-cell-sq-bg168{
						background: #00ffd0;
					}
					.animation-squares-layer-row-cell-sq-bg169{
						background: #00ffd5;
					}
					.animation-squares-layer-row-cell-sq-bg170{
						background: #00ffd9;
					}
					.animation-squares-layer-row-cell-sq-bg171{
						background: #00ffdd;
					}
					.animation-squares-layer-row-cell-sq-bg172{
						background: #00ffe1;
					}
					.animation-squares-layer-row-cell-sq-bg173{
						background: #00ffe6;
					}
					.animation-squares-layer-row-cell-sq-bg174{
						background: #00ffea;
					}
					.animation-squares-layer-row-cell-sq-bg175{
						background: #00ffee;
					}
					.animation-squares-layer-row-cell-sq-bg176{
						background: #00fff2;
					}
					.animation-squares-layer-row-cell-sq-bg177{
						background: #00fff7;
					}
					.animation-squares-layer-row-cell-sq-bg178{
						background: #00fffb;
					}
					.animation-squares-layer-row-cell-sq-bg179{
						background: #00ffff;
					}
					.animation-squares-layer-row-cell-sq-bg180{
						background: #00ffff;
					}
					.animation-squares-layer-row-cell-sq-bg181{
						background: #00fbff;
					}
					.animation-squares-layer-row-cell-sq-bg182{
						background: #00f7ff;
					}
					.animation-squares-layer-row-cell-sq-bg183{
						background: #00f2ff;
					}
					.animation-squares-layer-row-cell-sq-bg184{
						background: #00eeff;
					}
					.animation-squares-layer-row-cell-sq-bg185{
						background: #00eaff;
					}
					.animation-squares-layer-row-cell-sq-bg186{
						background: #00e6ff;
					}
					.animation-squares-layer-row-cell-sq-bg187{
						background: #00e1ff;
					}
					.animation-squares-layer-row-cell-sq-bg188{
						background: #00ddff;
					}
					.animation-squares-layer-row-cell-sq-bg189{
						background: #00d9ff;
					}
					.animation-squares-layer-row-cell-sq-bg190{
						background: #00d5ff;
					}
					.animation-squares-layer-row-cell-sq-bg191{
						background: #00d0ff;
					}
					.animation-squares-layer-row-cell-sq-bg192{
						background: #00ccff;
					}
					.animation-squares-layer-row-cell-sq-bg193{
						background: #00c8ff;
					}
					.animation-squares-layer-row-cell-sq-bg194{
						background: #00c4ff;
					}
					.animation-squares-layer-row-cell-sq-bg195{
						background: #00bfff;
					}
					.animation-squares-layer-row-cell-sq-bg196{
						background: #00bbff;
					}
					.animation-squares-layer-row-cell-sq-bg197{
						background: #00b7ff;
					}
					.animation-squares-layer-row-cell-sq-bg198{
						background: #00b3ff;
					}
					.animation-squares-layer-row-cell-sq-bg199{
						background: #00aeff;
					}
					.animation-squares-layer-row-cell-sq-bg200{
						background: #00aaff;
					}
					.animation-squares-layer-row-cell-sq-bg201{
						background: #00a6ff;
					}
					.animation-squares-layer-row-cell-sq-bg202{
						background: #00a2ff;
					}
					.animation-squares-layer-row-cell-sq-bg203{
						background: #009dff;
					}
					.animation-squares-layer-row-cell-sq-bg204{
						background: #0099ff;
					}
					.animation-squares-layer-row-cell-sq-bg205{
						background: #0095ff;
					}
					.animation-squares-layer-row-cell-sq-bg206{
						background: #0091ff;
					}
					.animation-squares-layer-row-cell-sq-bg207{
						background: #008cff;
					}
					.animation-squares-layer-row-cell-sq-bg208{
						background: #0088ff;
					}
					.animation-squares-layer-row-cell-sq-bg209{
						background: #0084ff;
					}
					.animation-squares-layer-row-cell-sq-bg210{
						background: #0080ff;
					}
					.animation-squares-layer-row-cell-sq-bg211{
						background: #007bff;
					}
					.animation-squares-layer-row-cell-sq-bg212{
						background: #0077ff;
					}
					.animation-squares-layer-row-cell-sq-bg213{
						background: #0073ff;
					}
					.animation-squares-layer-row-cell-sq-bg214{
						background: #006fff;
					}
					.animation-squares-layer-row-cell-sq-bg215{
						background: #006aff;
					}
					.animation-squares-layer-row-cell-sq-bg216{
						background: #0066ff;
					}
					.animation-squares-layer-row-cell-sq-bg217{
						background: #0062ff;
					}
					.animation-squares-layer-row-cell-sq-bg218{
						background: #005eff;
					}
					.animation-squares-layer-row-cell-sq-bg219{
						background: #0059ff;
					}
					.animation-squares-layer-row-cell-sq-bg220{
						background: #0055ff;
					}
					.animation-squares-layer-row-cell-sq-bg221{
						background: #0051ff;
					}
					.animation-squares-layer-row-cell-sq-bg222{
						background: #004dff;
					}
					.animation-squares-layer-row-cell-sq-bg223{
						background: #0048ff;
					}
					.animation-squares-layer-row-cell-sq-bg224{
						background: #0044ff;
					}
					.animation-squares-layer-row-cell-sq-bg225{
						background: #0040ff;
					}
					.animation-squares-layer-row-cell-sq-bg226{
						background: #003cff;
					}
					.animation-squares-layer-row-cell-sq-bg227{
						background: #0037ff;
					}
					.animation-squares-layer-row-cell-sq-bg228{
						background: #0033ff;
					}
					.animation-squares-layer-row-cell-sq-bg229{
						background: #002fff;
					}
					.animation-squares-layer-row-cell-sq-bg230{
						background: #002bff;
					}
					.animation-squares-layer-row-cell-sq-bg231{
						background: #0026ff;
					}
					.animation-squares-layer-row-cell-sq-bg232{
						background: #0022ff;
					}
					.animation-squares-layer-row-cell-sq-bg233{
						background: #001eff;
					}
					.animation-squares-layer-row-cell-sq-bg234{
						background: #001aff;
					}
					.animation-squares-layer-row-cell-sq-bg235{
						background: #0015ff;
					}
					.animation-squares-layer-row-cell-sq-bg236{
						background: #0011ff;
					}
					.animation-squares-layer-row-cell-sq-bg237{
						background: #000dff;
					}
					.animation-squares-layer-row-cell-sq-bg238{
						background: #0009ff;
					}
					.animation-squares-layer-row-cell-sq-bg239{
						background: #0000ff;
					}
					.animation-squares-layer-row-cell-sq-bg240{
						background: #0000ff;
					}
					.animation-squares-layer-row-cell-sq-bg241{
						background: #0900ff;
					}
					.animation-squares-layer-row-cell-sq-bg242{
						background: #0d00ff;
					}
					.animation-squares-layer-row-cell-sq-bg243{
						background: #1100ff;
					}
					.animation-squares-layer-row-cell-sq-bg244{
						background: #1500ff;
					}
					.animation-squares-layer-row-cell-sq-bg245{
						background: #1a00ff;
					}
					.animation-squares-layer-row-cell-sq-bg246{
						background: #1e00ff;
					}
					.animation-squares-layer-row-cell-sq-bg247{
						background: #2200ff;
					}
					.animation-squares-layer-row-cell-sq-bg248{
						background: #2600ff;
					}
					.animation-squares-layer-row-cell-sq-bg249{
						background: #2b00ff;
					}
					.animation-squares-layer-row-cell-sq-bg250{
						background: #2f00ff;
					}
					.animation-squares-layer-row-cell-sq-bg251{
						background: #3300ff;
					}
					.animation-squares-layer-row-cell-sq-bg252{
						background: #3700ff;
					}
					.animation-squares-layer-row-cell-sq-bg253{
						background: #3c00ff;
					}
					.animation-squares-layer-row-cell-sq-bg254{
						background: #4000ff;
					}
					.animation-squares-layer-row-cell-sq-bg255{
						background: #4400ff;
					}
					.animation-squares-layer-row-cell-sq-bg256{
						background: #4800ff;
					}
					.animation-squares-layer-row-cell-sq-bg257{
						background: #4d00ff;
					}
					.animation-squares-layer-row-cell-sq-bg258{
						background: #5100ff;
					}
					.animation-squares-layer-row-cell-sq-bg259{
						background: #5500ff;
					}
					.animation-squares-layer-row-cell-sq-bg260{
						background: #5900ff;
					}
					.animation-squares-layer-row-cell-sq-bg261{
						background: #5e00ff;
					}
					.animation-squares-layer-row-cell-sq-bg262{
						background: #6200ff;
					}
					.animation-squares-layer-row-cell-sq-bg263{
						background: #6600ff;
					}
					.animation-squares-layer-row-cell-sq-bg264{
						background: #6a00ff;
					}
					.animation-squares-layer-row-cell-sq-bg265{
						background: #6f00ff;
					}
					.animation-squares-layer-row-cell-sq-bg266{
						background: #7300ff;
					}
					.animation-squares-layer-row-cell-sq-bg267{
						background: #7700ff;
					}
					.animation-squares-layer-row-cell-sq-bg268{
						background: #7b00ff;
					}
					.animation-squares-layer-row-cell-sq-bg269{
						background: #8000ff;
					}
					.animation-squares-layer-row-cell-sq-bg270{
						background: #8400ff;
					}
					.animation-squares-layer-row-cell-sq-bg271{
						background: #8800ff;
					}
					.animation-squares-layer-row-cell-sq-bg272{
						background: #8c00ff;
					}
					.animation-squares-layer-row-cell-sq-bg273{
						background: #9100ff;
					}
					.animation-squares-layer-row-cell-sq-bg274{
						background: #9500ff;
					}
					.animation-squares-layer-row-cell-sq-bg275{
						background: #9900ff;
					}
					.animation-squares-layer-row-cell-sq-bg276{
						background: #9d00ff;
					}
					.animation-squares-layer-row-cell-sq-bg277{
						background: #a200ff;
					}
					.animation-squares-layer-row-cell-sq-bg278{
						background: #a600ff;
					}
					.animation-squares-layer-row-cell-sq-bg279{
						background: #aa00ff;
					}
					.animation-squares-layer-row-cell-sq-bg280{
						background: #ae00ff;
					}
					.animation-squares-layer-row-cell-sq-bg281{
						background: #b300ff;
					}
					.animation-squares-layer-row-cell-sq-bg282{
						background: #b700ff;
					}
					.animation-squares-layer-row-cell-sq-bg283{
						background: #bb00ff;
					}
					.animation-squares-layer-row-cell-sq-bg284{
						background: #bf00ff;
					}
					.animation-squares-layer-row-cell-sq-bg285{
						background: #c400ff;
					}
					.animation-squares-layer-row-cell-sq-bg286{
						background: #c800ff;
					}
					.animation-squares-layer-row-cell-sq-bg287{
						background: #cc00ff;
					}
					.animation-squares-layer-row-cell-sq-bg288{
						background: #d000ff;
					}
					.animation-squares-layer-row-cell-sq-bg289{
						background: #d500ff;
					}
					.animation-squares-layer-row-cell-sq-bg290{
						background: #d900ff;
					}
					.animation-squares-layer-row-cell-sq-bg291{
						background: #dd00ff;
					}
					.animation-squares-layer-row-cell-sq-bg292{
						background: #e100ff;
					}
					.animation-squares-layer-row-cell-sq-bg293{
						background: #e600ff;
					}
					.animation-squares-layer-row-cell-sq-bg294{
						background: #ea00ff;
					}
					.animation-squares-layer-row-cell-sq-bg295{
						background: #ee00ff;
					}
					.animation-squares-layer-row-cell-sq-bg296{
						background: #f200ff;
					}
					.animation-squares-layer-row-cell-sq-bg297{
						background: #f700ff;
					}
					.animation-squares-layer-row-cell-sq-bg298{
						background: #fb00ff;
					}
					.animation-squares-layer-row-cell-sq-bg299{
						background: #ff00ff;
					}
					.animation-squares-layer-row-cell-sq-bg300{
						background: #ff00ff;
					}
					.animation-squares-layer-row-cell-sq-bg301{
						background: #ff00fb;
					}
					.animation-squares-layer-row-cell-sq-bg302{
						background: #ff00f7;
					}
					.animation-squares-layer-row-cell-sq-bg303{
						background: #ff00f2;
					}
					.animation-squares-layer-row-cell-sq-bg304{
						background: #ff00ee;
					}
					.animation-squares-layer-row-cell-sq-bg305{
						background: #ff00ea;
					}
					.animation-squares-layer-row-cell-sq-bg306{
						background: #ff00e6;
					}
					.animation-squares-layer-row-cell-sq-bg307{
						background: #ff00e1;
					}
					.animation-squares-layer-row-cell-sq-bg308{
						background: #ff00dd;
					}
					.animation-squares-layer-row-cell-sq-bg309{
						background: #ff00d9;
					}
					.animation-squares-layer-row-cell-sq-bg310{
						background: #ff00d5;
					}
					.animation-squares-layer-row-cell-sq-bg311{
						background: #ff00d0;
					}
					.animation-squares-layer-row-cell-sq-bg312{
						background: #ff00cc;
					}
					.animation-squares-layer-row-cell-sq-bg313{
						background: #ff00c8;
					}
					.animation-squares-layer-row-cell-sq-bg314{
						background: #ff00c4;
					}
					.animation-squares-layer-row-cell-sq-bg315{
						background: #ff00bf;
					}
					.animation-squares-layer-row-cell-sq-bg316{
						background: #ff00bb;
					}
					.animation-squares-layer-row-cell-sq-bg317{
						background: #ff00b7;
					}
					.animation-squares-layer-row-cell-sq-bg318{
						background: #ff00b3;
					}
					.animation-squares-layer-row-cell-sq-bg319{
						background: #ff00ae;
					}
					.animation-squares-layer-row-cell-sq-bg320{
						background: #ff00aa;
					}
					.animation-squares-layer-row-cell-sq-bg321{
						background: #ff00a6;
					}
					.animation-squares-layer-row-cell-sq-bg322{
						background: #ff00a2;
					}
					.animation-squares-layer-row-cell-sq-bg323{
						background: #ff009d;
					}
					.animation-squares-layer-row-cell-sq-bg324{
						background: #ff0099;
					}
					.animation-squares-layer-row-cell-sq-bg325{
						background: #ff0095;
					}
					.animation-squares-layer-row-cell-sq-bg326{
						background: #ff0091;
					}
					.animation-squares-layer-row-cell-sq-bg327{
						background: #ff008c;
					}
					.animation-squares-layer-row-cell-sq-bg328{
						background: #ff0088;
					}
					.animation-squares-layer-row-cell-sq-bg329{
						background: #ff0084;
					}
					.animation-squares-layer-row-cell-sq-bg330{
						background: #ff0080;
					}
					.animation-squares-layer-row-cell-sq-bg331{
						background: #ff007b;
					}
					.animation-squares-layer-row-cell-sq-bg332{
						background: #ff0077;
					}
					.animation-squares-layer-row-cell-sq-bg333{
						background: #ff0073;
					}
					.animation-squares-layer-row-cell-sq-bg334{
						background: #ff006f;
					}
					.animation-squares-layer-row-cell-sq-bg335{
						background: #ff006a;
					}
					.animation-squares-layer-row-cell-sq-bg336{
						background: #ff0066;
					}
					.animation-squares-layer-row-cell-sq-bg337{
						background: #ff0062;
					}
					.animation-squares-layer-row-cell-sq-bg338{
						background: #ff005e;
					}
					.animation-squares-layer-row-cell-sq-bg339{
						background: #ff0059;
					}
					.animation-squares-layer-row-cell-sq-bg340{
						background: #ff0055;
					}
					.animation-squares-layer-row-cell-sq-bg341{
						background: #ff0051;
					}
					.animation-squares-layer-row-cell-sq-bg342{
						background: #ff004d;
					}
					.animation-squares-layer-row-cell-sq-bg343{
						background: #ff0048;
					}
					.animation-squares-layer-row-cell-sq-bg344{
						background: #ff0044;
					}
					.animation-squares-layer-row-cell-sq-bg345{
						background: #ff0040;
					}
					.animation-squares-layer-row-cell-sq-bg346{
						background: #ff003c;
					}
					.animation-squares-layer-row-cell-sq-bg347{
						background: #ff0037;
					}
					.animation-squares-layer-row-cell-sq-bg348{
						background: #ff0033;
					}
					.animation-squares-layer-row-cell-sq-bg349{
						background: #ff002f;
					}
					.animation-squares-layer-row-cell-sq-bg350{
						background: #ff002b;
					}
					.animation-squares-layer-row-cell-sq-bg351{
						background: #ff0026;
					}
					.animation-squares-layer-row-cell-sq-bg352{
						background: #ff0022;
					}
					.animation-squares-layer-row-cell-sq-bg353{
						background: #ff001e;
					}
					.animation-squares-layer-row-cell-sq-bg354{
						background: #ff001a;
					}
					.animation-squares-layer-row-cell-sq-bg355{
						background: #ff0015;
					}
					.animation-squares-layer-row-cell-sq-bg356{
						background: #ff0011;
					}
					.animation-squares-layer-row-cell-sq-bg357{
						background: #ff000d;
					}
					.animation-squares-layer-row-cell-sq-bg358{
						background: #ff0009;
					}
					.animation-squares-layer-row-cell-sq-bg359{
						background: #ff0000;
					}
		.animation-squares-layer:nth-child(2){}
			.animation-squares-layer-left-area,
			.animation-squares-layer-right-area{
				animation-duration: 5s;
				animation-iteration-count: infinite;
				animation-direction: alternate;
			}
			.animation-squares-layer-left-area{
				width: 0;
				background: rgba(0,0,0,0.7);
				animation-name: animation-squares-layer-left-area;
			}
			@keyframes animation-squares-layer-left-area{
				100%{
					width: calc(100% - 10px - 4px);
				}
			}
			.animation-squares-layer-big-sq{
				width: 10px;
				height: calc(100% - 4px);
				border: 2px solid black;
			}
			.animation-squares-layer-right-area{
				width: calc(100% - 10px - 4px);
				animation-name: animation-squares-layer-right-area;
			}
			@keyframes animation-squares-layer-right-area{
				100%{
					width: 0;
				}
			}
Documentatie

Simulator de sistem de operare

Foloseste aceasta interfata grafica ce simuleaza un sistem de operare. Sper ca aplicatiile din acesta sa iti fie utile.

OS

Grafica si animatii din HTML si CSS. Animatie paleta de culori.