/back
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 2837 2837" style="enable-background:new 0 0 2837 2837;" xml:space="preserve">
<def>
<g id="ME">
<path id="M" d="m0,0 h52 l18,71 l18,-71 h52 v134 h-36 v-96 l-22,96 h-24 l-22,-96 v96 h-36 z"/>
<path id="E" d="m165,0 h98 v31 h-58 v21 h47 v31 h-47 v20 h58 v31 h-98 z"/>
</g>
<g id="ME90">
<use href="#ME" transform="rotate(90 0,0)"/>
</g>
<g id="ME180">
<use href="#ME" transform="rotate(180 0,0)"/>
</g>
<g id="ME270">
<use href="#ME" transform="rotate(270 0,0)"/>
</g>
</def>
<g id="background">
<rect fill="rgb(236,0,140)" x="0" y="0" width="2837" height="2837"/>
</g>
<!-- Note: distance between ME length alignment is 286 for height it's 159 -->
<g id="Q1">
<!-- Column 1 -->
<use href="#ME" x="14" y="14" fill="rgb(255,255,255)"/>
<use href="#ME" x="14" y="173" fill="rgb(82,79,161)"/>
<use href="#ME" x="14" y="332" fill="rgb(209,211,212)"/>
<use href="#ME" x="14" y="491" fill="rgb(98,77,77)"/>
<use href="#ME" x="14" y="650" fill="rgb(255,242,0)"/>
<use href="#ME" x="14" y="809" fill="rgb(0,166,81)"/>
<use href="#ME" x="14" y="968" fill="rgb(64,71,138)"/>
<use href="#ME" x="14" y="1128" fill="rgb(79,184,72)"/>
<use href="#ME" x="14" y="1285" fill="rgb(243,111,78)"/>
<!-- Column 2 -->
<use href="#ME" x="300" y="14" fill="rgb(210,197,41)"/>
<use href="#ME" x="300" y="173" fill="rgb(0,173,220)"/>
<use href="#ME" x="300" y="332" fill="rgb(183,36,103)"/>
<use href="#ME" x="300" y="491" fill="rgb(69,185,117)"/>
<use href="#ME" x="300" y="650" fill="rgb(253,185,19)"/>
<use href="#ME" x="300" y="809" fill="rgb(203,219,42)"/>
<use href="#ME" x="300" y="968" fill="rgb(244,134,133)"/>
<use href="#ME" x="300" y="1128" fill="rgb(0,148,68)"/>
<use href="#ME" x="300" y="1285" fill="rgb(244,159,67)"/>
<!-- Column 3 -->
<use href="#ME" x="584" y="14" fill="rgb(39,179,86)"/>
<use href="#ME" x="584" y="173" fill="rgb(109,200,191)"/>
<use href="#ME" x="584" y="332" fill="rgb(237,28,36)"/>
<use href="#ME" x="584" y="491" fill="rgb(125,29,83)"/>
<use href="#ME" x="584" y="650" fill="rgb(246,139,31)"/>
<use href="#ME" x="584" y="809" fill="rgb(247,236,19)"/>
<use href="#ME" x="584" y="968" fill="rgb(155,30,46)"/>
<use href="#ME" x="584" y="1128" fill="rgb(0,104,56)"/>
<use href="#ME" x="584" y="1285" fill="rgb(243,228,85)"/>
<!-- Column 4 -->
<use href="#ME" x="870" y="14" fill="rgb(0,174,239)"/>
<use href="#ME" x="870" y="173" fill="rgb(102,45,145)"/>
<use href="#ME" x="870" y="332" fill="rgb(242,101,34)"/>
<use href="#ME" x="870" y="491" fill="rgb(175,79,158)"/>
<use href="#ME" x="870" y="650" fill="rgb(58,183,211)"/>
<use href="#ME" x="870" y="809" fill="rgb(239,91,161)"/>
<use href="#ME" x="870" y="968" fill="rgb(234,103,101)"/>
<use href="#ME" x="870" y="1128" fill="rgb(39,170,225)"/>
<use href="#ME" x="870" y="1285" fill="rgb(161,200,96)"/>
<!-- Column 5 -->
<use href="#ME" x="1154" y="14" fill="rgb(46,49,146 )"/>
<use href="#ME" x="1154" y="173" fill="rgb(71,77,160 )"/>
<use href="#ME" x="1154" y="332" fill="rgb(255,222,23 )"/>
<use href="#ME" x="1154" y="491" fill="rgb(38,34,98 )"/>
<use href="#ME" x="1154" y="650" fill="rgb(85,194,183 )"/>
<use href="#ME" x="1154" y="809" fill="rgb(218,28,92 )"/>
<use href="#ME" x="1154" y="968" fill="rgb(0,167,157 )"/>
<use href="#ME" x="1154" y="1128" fill="rgb(107,73,137 )"/>
<use href="#ME" x="1154" y="1285" fill="rgb(4,135,70 )"/>
</g>
<g id="Q2">
<!-- Column 1 -->
<use href="#ME90" x="1551" y="14" fill="rgb(62,183,221)"/>
<use href="#ME90" x="1710" y="14" fill="rgb(190,30,45)"/>
<use href="#ME90" x="1869" y="14" fill="rgb(239,65,54)"/>
<use href="#ME90" x="2028" y="14" fill="rgb(241,90,41)"/>
<use href="#ME90" x="2187" y="14" fill="rgb(247,148,29)"/>
<use href="#ME90" x="2346" y="14" fill="rgb(251,176,64)"/>
<use href="#ME90" x="2505" y="14" fill="rgb(249,237,50)"/>
<use href="#ME90" x="2664" y="14" fill="rgb(141,198,63)"/>
<use href="#ME90" x="2823" y="14" fill="rgb(57,181,74)"/>
<!-- Column 2 -->
<use href="#ME90" x="1551" y="300" fill="rgb(195,91,38)"/>
<use href="#ME90" x="1710" y="300" fill="rgb(106,70,59)"/>
<use href="#ME90" x="1869" y="300" fill="rgb(57,39,38)"/>
<use href="#ME90" x="2028" y="300" fill="rgb(223,187,36)"/>
<use href="#ME90" x="2187" y="300" fill="rgb(72,153,195)"/>
<use href="#ME90" x="2346" y="300" fill="rgb(80,134,148)"/>
<use href="#ME90" x="2505" y="300" fill="rgb(254,227,97)"/>
<use href="#ME90" x="2664" y="300" fill="rgb(237,203,72)"/>
<use href="#ME90" x="2823" y="300" fill="rgb(198,168,46)"/>
<!-- Column 3 -->
<use href="#ME90" x="1551" y="586" fill="rgb(92,119,130)"/>
<use href="#ME90" x="1710" y="586" fill="rgb(225,185,60)"/>
<use href="#ME90" x="1869" y="586" fill="rgb(157,111,67)"/>
<use href="#ME90" x="2028" y="586" fill="rgb(213,199,193)"/>
<use href="#ME90" x="2187" y="586" fill="rgb(124,95,83)"/>
<use href="#ME90" x="2346" y="586" fill="rgb(187,167,149)"/>
<use href="#ME90" x="2505" y="586" fill="rgb(142,177,196)"/>
<use href="#ME90" x="2664" y="586" fill="rgb(163,191,217)"/>
<use href="#ME90" x="2823" y="586" fill="rgb(212,135,47)"/>
<!-- Column 4 -->
<use href="#ME90" x="1551" y="872" fill="rgb(135,62,53)"/>
<use href="#ME90" x="1710" y="872" fill="rgb(125,147,170)"/>
<use href="#ME90" x="1869" y="872" fill="rgb(198,205,201)"/>
<use href="#ME90" x="2028" y="872" fill="rgb(144,89,115)"/>
<use href="#ME90" x="2187" y="872" fill="rgb(201,182,76)"/>
<use href="#ME90" x="2346" y="872" fill="rgb(109,53,33)"/>
<use href="#ME90" x="2505" y="872" fill="rgb(104,123,160)"/>
<use href="#ME90" x="2664" y="872" fill="rgb(187,132,76)"/>
<use href="#ME90" x="2823" y="872" fill="rgb(128,151,120)"/>
<!-- Column 5 -->
<use href="#ME90" x="1551" y="1156" fill="rgb(206,162,139)"/>
<use href="#ME90" x="1710" y="1156" fill="rgb(176,136,116)"/>
<use href="#ME90" x="1869" y="1156" fill="rgb(234,203,198)"/>
<use href="#ME90" x="2028" y="1156" fill="rgb(240,190,180)"/>
<use href="#ME90" x="2187" y="1156" fill="rgb(224,173,166)"/>
<use href="#ME90" x="2346" y="1156" fill="rgb(203,104,132)"/>
<use href="#ME90" x="2505" y="1156" fill="rgb(204,182,131)"/>
<use href="#ME90" x="2664" y="1156" fill="rgb(146,157,121)"/>
<use href="#ME90" x="2823" y="1156" fill="rgb(209,155,111)"/>
</g>
<g id="Q3">
<!-- Column 1 -->
<use href="#ME180" x="1680" y="1553" fill="rgb(0,117,178)"/>
<use href="#ME180" x="1680" y="1710" fill="rgb(97,84,164)"/>
<use href="#ME180" x="1680" y="1869" fill="rgb(169,124,80)"/>
<use href="#ME180" x="1680" y="2028" fill="rgb(57,137,201)"/>
<use href="#ME180" x="1680" y="2187" fill="rgb(109,192,101)"/>
<use href="#ME180" x="1680" y="2346" fill="rgb(171,173,176)"/>
<use href="#ME180" x="1680" y="2505" fill="rgb(35,31,32)"/>
<use href="#ME180" x="1680" y="2664" fill="rgb(35,31,32)"/>
<use href="#ME180" x="1680" y="2823" fill="rgb(35,31,32)"/>
<!-- Column 2 -->
<use href="#ME180" x="1965" y="1553" fill="rgb(164,194,219)"/>
<use href="#ME180" x="1965" y="1710" fill="rgb(143,142,142)"/>
<use href="#ME180" x="1965" y="1869" fill="rgb(255,223,127)"/>
<use href="#ME180" x="1965" y="2028" fill="rgb(234,148,35)"/>
<use href="#ME180" x="1965" y="2187" fill="rgb(169,103,170)"/>
<use href="#ME180" x="1965" y="2346" fill="rgb(231,231,224)"/>
<use href="#ME180" x="1965" y="2505" fill="rgb(35,31,32)"/>
<use href="#ME180" x="1965" y="2664" fill="rgb(35,31,32)"/>
<use href="#ME180" x="1965" y="2823" fill="rgb(35,31,32)"/>
<!-- Column 3 -->
<use href="#ME180" x="2251" y="1553" fill="rgb(207,214,211)"/>
<use href="#ME180" x="2251" y="1710" fill="rgb(6,144,207)"/>
<use href="#ME180" x="2251" y="1869" fill="rgb(106,62,20)"/>
<use href="#ME180" x="2251" y="2028" fill="rgb(154,187,80)"/>
<use href="#ME180" x="2251" y="2187" fill="rgb(218,215,197)"/>
<use href="#ME180" x="2251" y="2346" fill="rgb(118,110,101)"/>
<use href="#ME180" x="2251" y="2505" fill="rgb(35,31,32)"/>
<use href="#ME180" x="2251" y="2664" fill="rgb(35,31,32)"/>
<use href="#ME180" x="2251" y="2823" fill="rgb(35,31,32)"/>
<!-- Column 4 -->
<use href="#ME180" x="2537" y="1553" fill="rgb(129,137,145)"/>
<use href="#ME180" x="2537" y="1710" fill="rgb(0,157,75)"/>
<use href="#ME180" x="2537" y="1869" fill="rgb(254,234,63)"/>
<use href="#ME180" x="2537" y="2028" fill="rgb(186,188,190)"/>
<use href="#ME180" x="2537" y="2187" fill="rgb(126,114,91)"/>
<use href="#ME180" x="2537" y="2346" fill="rgb(153,152,137)"/>
<use href="#ME180" x="2537" y="2505" fill="rgb(149,154,143)"/>
<use href="#ME180" x="2537" y="2664" fill="rgb(35,31,32)"/>
<use href="#ME180" x="2537" y="2823" fill="rgb(35,31,32)"/>
<!-- Column 5 -->
<use href="#ME180" x="2823" y="1553" fill="rgb(206,36,43)"/>
<use href="#ME180" x="2823" y="1710" fill="rgb(241,90,34)"/>
<use href="#ME180" x="2823" y="1869" fill="rgb(0,179,190)"/>
<use href="#ME180" x="2823" y="2028" fill="rgb(122,116,182)"/>
<use href="#ME180" x="2823" y="2187" fill="rgb(176,166,144)"/>
<use href="#ME180" x="2823" y="2346" fill="rgb(189,183,172)"/>
<use href="#ME180" x="2823" y="2505" fill="rgb(104,111,118)"/>
<use href="#ME180" x="2823" y="2664" fill="rgb(35,31,32)"/>
<use href="#ME180" x="2823" y="2823" fill="rgb(35,31,32)"/>
</g>
<g id="Q4">
<use href="#ME270" x="14" y="1682" fill="rgb(58,74,159)"/>
<use href="#ME270" x="173" y="1682" fill="rgb(201,33,40)"/>
<use href="#ME270" x="330" y="1682" fill="rgb(255,246,191)"/>
<use href="#ME270" x="489" y="1682" fill="rgb(213,230,162)"/>
<use href="#ME270" x="648" y="1682" fill="rgb(237,32,39)"/>
<use href="#ME270" x="806" y="1682" fill="rgb(252,176,23)"/>
<use href="#ME270" x="965" y="1682" fill="rgb(238,207,191)"/>
<use href="#ME270" x="1124" y="1682" fill="rgb(114,68,94)"/>
<use href="#ME270" x="1283" y="1682" fill="rgb(230,231,232)"/>
<!-- Column 2 -->
<use href="#ME270" x="14" y="1967" fill="rgb(255,227,19)"/>
<use href="#ME270" x="173" y="1967" fill="rgb(234,217,23)"/>
<use href="#ME270" x="330" y="1967" fill="rgb(253,216,192)"/>
<use href="#ME270" x="489" y="1967" fill="rgb(219,213,234)"/>
<use href="#ME270" x="648" y="1967" fill="rgb(109,207,246)"/>
<use href="#ME270" x="806" y="1967" fill="rgb(243,232,95)"/>
<use href="#ME270" x="965" y="1967" fill="rgb(215,132,101)"/>
<use href="#ME270" x="1124" y="1967" fill="rgb(196,154,108)"/>
<use href="#ME270" x="1283" y="1967" fill="rgb(35,31,32)"/>
<!-- Column 3 -->
<use href="#ME270" x="14" y="2252" fill="rgb(106,60,0)"/>
<use href="#ME270" x="173" y="2252" fill="rgb(255,203,5)"/>
<use href="#ME270" x="330" y="2252" fill="rgb(250,200,208)"/>
<use href="#ME270" x="489" y="2252" fill="rgb(244,154,193)"/>
<use href="#ME270" x="648" y="2252" fill="rgb(60,70,157)"/>
<use href="#ME270" x="806" y="2252" fill="rgb(6,128,64)"/>
<use href="#ME270" x="965" y="2252" fill="rgb(241,93,104)"/>
<use href="#ME270" x="1124" y="2252" fill="rgb(189,79,132)"/>
<use href="#ME270" x="1283" y="2252" fill="rgb(35,31,32)"/>
<!-- Column 4 -->
<use href="#ME270" x="14" y="2537" fill="rgb(183,110,17)"/>
<use href="#ME270" x="173" y="2537" fill="rgb(248,172,167)"/>
<use href="#ME270" x="330" y="2537" fill="rgb(251,242,129)"/>
<use href="#ME270" x="489" y="2537" fill="rgb(107,60,70)"/>
<use href="#ME270" x="648" y="2537" fill="rgb(165,69,154)"/>
<use href="#ME270" x="806" y="2537" fill="rgb(224,177,37)"/>
<use href="#ME270" x="965" y="2537" fill="rgb(190,81,87)"/>
<use href="#ME270" x="1124" y="2537" fill="rgb(144,88,88)"/>
<use href="#ME270" x="1283" y="2537" fill="rgb(35,31,32)"/>
<!-- Column 5 -->
<use href="#ME270" x="14" y="2823" fill="rgb(85,85,142)"/>
<use href="#ME270" x="173" y="2823" fill="rgb(97,49,146)"/>
<use href="#ME270" x="330" y="2823" fill="rgb(185,229,251)"/>
<use href="#ME270" x="489" y="2823" fill="rgb(252,199,161)"/>
<use href="#ME270" x="648" y="2823" fill="rgb(255,235,191)"/>
<use href="#ME270" x="806" y="2823" fill="rgb(178,86,161)"/>
<use href="#ME270" x="965" y="2823" fill="rgb(161,29,37)"/>
<use href="#ME270" x="1124" y="2823" fill="rgb(90,74,68)"/>
<use href="#ME270" x="1283" y="2823" fill="rgb(35,31,32)"/>
</g>
</svg>