-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathucitavanje.html
242 lines (232 loc) · 38.8 KB
/
ucitavanje.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!DOCTYPE html><html class=''>
<head><script src='//assets.codepen.io/assets/editor/live/console_runner-d0a557e5cb67f9cd9bbb9673355c7e8e.js'></script><script src='//assets.codepen.io/assets/editor/live/events_runner-21174b4c7273cfddc124acb0876792e0.js'></script><script src='//assets.codepen.io/assets/editor/live/css_live_reload_init-7618a0de08795409d8f6c9ef6805f7b2.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="canonical" href="http://codepen.io/Nharox/pen/Bzrxka" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='stylesheet prefetch' href='//codepen.io/assets/reset/normalize.css'>
<meta http-equiv="refresh" content="10;url=Eronelwebapp230492384.html" />
<style oncontextmenu='return false' ondragstart='return false' onselectstart='return false' class="cp-pen-styles">body {
background: -webkit-linear-gradient(bottom, #847dc1, #d0b7de);
background: linear-gradient(to top, #847dc1, #d0b7de);
overflow-y:hidden;
overflow-x:hidden;
}
.container__bg,
.hexagons,
.circle {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.container {
position: relative;
height: 100vh;
overflow: hidden;
}
.container__bg {
width: 1920px;
height: 1080px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><path d="M-186,-201L175,-178L534,-206Z" fill="#9f96ce" stroke="#9f96ce" stroke-width="1.51"/><path d="M-186,-201L534,-206L647,-211Z" fill="#a89ed2" stroke="#a89ed2" stroke-width="1.51"/><path d="M76,1247L-106,1239L706,1307Z" fill="#beb6d9" stroke="#beb6d9" stroke-width="1.51"/><path d="M647,-211L936,-189L1447,-175Z" fill="#9592cc" stroke="#9592cc" stroke-width="1.51"/><path d="M936,-189L1091,-169L1447,-175Z" fill="#7d82c3" stroke="#7d82c3" stroke-width="1.51"/><path d="M1576,1253L1243,1279L1778,1253Z" fill="#b1abd0" stroke="#b1abd0" stroke-width="1.51"/><path d="M1701,-124L1850,-121L1909,-132Z" fill="#aaa0ce" stroke="#aaa0ce" stroke-width="1.51"/><path d="M1447,-175L1701,-124L1909,-132Z" fill="#a79bcc" stroke="#a79bcc" stroke-width="1.51"/><path d="M2034,773L1976,846L2040,1012Z" fill="#aca7ce" stroke="#aca7ce" stroke-width="1.51"/><path d="M1976,846L1952,902L2040,1012Z" fill="#b2aacf" stroke="#b2aacf" stroke-width="1.51"/><path d="M2034,773L2040,1012L2076,728Z" fill="#a6a5cd" stroke="#a6a5cd" stroke-width="1.51"/><path d="M2011,590L2076,728L2090,333Z" fill="#b6b2d7" stroke="#b6b2d7" stroke-width="1.51"/><path d="M2006,501L2011,590L2090,333Z" fill="#c8c0de" stroke="#c8c0de" stroke-width="1.51"/><path d="M2076,728L2040,1012L2108,1112Z" fill="#b7afd1" stroke="#b7afd1" stroke-width="1.51"/><path d="M2041,-50L1910,28L2135,135Z" fill="#bbb2d7" stroke="#bbb2d7" stroke-width="1.51"/><path d="M2075,240L2090,333L2135,135Z" fill="#cfc5e0" stroke="#cfc5e0" stroke-width="1.51"/><path d="M2076,728L2108,1112L2135,135Z" fill="#9aa0cc" stroke="#9aa0cc" stroke-width="1.51"/><path d="M2090,333L2076,728L2135,135Z" fill="#dbd0e6" stroke="#dbd0e6" stroke-width="1.51"/><path d="M647,-211L1447,-175L2137,-164Z" fill="#8b89c5" stroke="#8b89c5" stroke-width="1.51"/><path d="M1447,-175L1909,-132L2137,-164Z" fill="#a79dcd" stroke="#a79dcd" stroke-width="1.51"/><path d="M1909,-132L2041,-50L2137,-164Z" fill="#ada6d0" stroke="#ada6d0" stroke-width="1.51"/><path d="M2041,-50L2135,135L2137,-164Z" fill="#b5afd5" stroke="#b5afd5" stroke-width="1.51"/><path d="M1999,250L2075,240L2135,135Z" fill="#ccc2df" stroke="#ccc2df" stroke-width="1.51"/><path d="M1910,28L1999,250L2135,135Z" fill="#c4bbdb" stroke="#c4bbdb" stroke-width="1.51"/><path d="M751,1294L706,1307L1243,1279Z" fill="#c2bedd" stroke="#c2bedd" stroke-width="1.51"/><path d="M1910,28L1875,182L1999,250Z" fill="#c5badb" stroke="#c5badb" stroke-width="1.51"/><path d="M1985,337L2006,501L2090,333Z" fill="#ddd0e7" stroke="#ddd0e7" stroke-width="1.51"/><path d="M2040,1012L2068,1191L2108,1112Z" fill="#bfb7d4" stroke="#bfb7d4" stroke-width="1.51"/><path d="M2040,1012L1870,1166L2068,1191Z" fill="#beb6d3" stroke="#beb6d3" stroke-width="1.51"/><path d="M2075,240L1999,250L2090,333Z" fill="#d3c7e2" stroke="#d3c7e2" stroke-width="1.51"/><path d="M1999,250L1985,337L2090,333Z" fill="#d6c9e3" stroke="#d6c9e3" stroke-width="1.51"/><path d="M2011,590L1889,621L2034,773Z" fill="#999ccb" stroke="#999ccb" stroke-width="1.51"/><path d="M2011,590L2034,773L2076,728Z" fill="#9298c8" stroke="#9298c8" stroke-width="1.51"/><path d="M1870,1166L1885,1238L2068,1191Z" fill="#bfb8d4" stroke="#bfb8d4" stroke-width="1.51"/><path d="M1889,621L1852,706L2034,773Z" fill="#9195c7" stroke="#9195c7" stroke-width="1.51"/><path d="M1952,902L1870,1166L2040,1012Z" fill="#beb2d2" stroke="#beb2d2" stroke-width="1.51"/><path d="M1909,-132L1910,28L2041,-50Z" fill="#b2a9d3" stroke="#b2a9d3" stroke-width="1.51"/><path d="M1771,984L1870,1166L1952,902Z" fill="#bdaed1" stroke="#bdaed1" stroke-width="1.51"/><path d="M1852,706L1976,846L2034,773Z" fill="#9d9cca" stroke="#9d9cca" stroke-width="1.51"/><path d="M1985,337L1762,388L2006,501Z" fill="#d8c9e4" stroke="#d8c9e4" stroke-width="1.51"/><path d="M1762,388L1804,540L2006,501Z" fill="#c6bbdd" stroke="#c6bbdd" stroke-width="1.51"/><path d="M2006,501L1889,621L2011,590Z" fill="#b0acd4" stroke="#b0acd4" stroke-width="1.51"/><path d="M1804,540L1889,621L2006,501Z" fill="#b4add6" stroke="#b4add6" stroke-width="1.51"/><path d="M1875,182L1807,236L1985,337Z" fill="#cfc1e0" stroke="#cfc1e0" stroke-width="1.51"/><path d="M1875,182L1985,337L1999,250Z" fill="#d0c3e0" stroke="#d0c3e0" stroke-width="1.51"/><path d="M1852,706L1801,805L1976,846Z" fill="#9e9cca" stroke="#9e9cca" stroke-width="1.51"/><path d="M1807,236L1762,388L1985,337Z" fill="#d6c6e3" stroke="#d6c6e3" stroke-width="1.51"/><path d="M1771,984L1751,1066L1870,1166Z" fill="#bdafd1" stroke="#bdafd1" stroke-width="1.51"/><path d="M1801,805L1952,902L1976,846Z" fill="#a7a2cc" stroke="#a7a2cc" stroke-width="1.51"/><path d="M1850,-121L1826,-7L1909,-132Z" fill="#aea4d0" stroke="#aea4d0" stroke-width="1.51"/><path d="M1909,-132L1826,-7L1910,28Z" fill="#b3a8d3" stroke="#b3a8d3" stroke-width="1.51"/><path d="M1801,805L1771,984L1952,902Z" fill="#ada4cd" stroke="#ada4cd" stroke-width="1.51"/><path d="M1041,1252L751,1294L1243,1279Z" fill="#b0afd5" stroke="#b0afd5" stroke-width="1.51"/><path d="M1742,85L1875,182L1910,28Z" fill="#bfb3d8" stroke="#bfb3d8" stroke-width="1.51"/><path d="M1826,-7L1742,85L1910,28Z" fill="#b9add5" stroke="#b9add5" stroke-width="1.51"/><path d="M331,1242L76,1247L706,1307Z" fill="#c7bedd" stroke="#c7bedd" stroke-width="1.51"/><path d="M1870,1166L1778,1253L1885,1238Z" fill="#beb6d4" stroke="#beb6d4" stroke-width="1.51"/><path d="M1804,540L1852,706L1889,621Z" fill="#a2a0ce" stroke="#a2a0ce" stroke-width="1.51"/><path d="M1742,85L1807,236L1875,182Z" fill="#c6b7db" stroke="#c6b7db" stroke-width="1.51"/><path d="M1804,540L1717,742L1852,706Z" fill="#9897c9" stroke="#9897c9" stroke-width="1.51"/><path d="M1751,1066L1778,1253L1870,1166Z" fill="#beb3d2" stroke="#beb3d2" stroke-width="1.51"/><path d="M1751,1066L1669,1167L1778,1253Z" fill="#bdb1d2" stroke="#bdb1d2" stroke-width="1.51"/><path d="M1762,388L1693,469L1804,540Z" fill="#c8badd" stroke="#c8badd" stroke-width="1.51"/><path d="M1701,-124L1826,-7L1850,-121Z" fill="#aea2d0" stroke="#aea2d0" stroke-width="1.51"/><path d="M1717,742L1801,805L1852,706Z" fill="#9896c8" stroke="#9896c8" stroke-width="1.51"/><path d="M1651,1216L1576,1253L1778,1253Z" fill="#bdb2d2" stroke="#bdb2d2" stroke-width="1.51"/><path d="M1612,794L1771,984L1801,805Z" fill="#a89ecb" stroke="#a89ecb" stroke-width="1.51"/><path d="M1614,522L1717,742L1804,540Z" fill="#a7a0cf" stroke="#a7a0cf" stroke-width="1.51"/><path d="M1672,243L1762,388L1807,236Z" fill="#d2c1e0" stroke="#d2c1e0" stroke-width="1.51"/><path d="M1742,85L1672,243L1807,236Z" fill="#c8b7db" stroke="#c8b7db" stroke-width="1.51"/><path d="M1670,-61L1723,52L1826,-7Z" fill="#b5a7d3" stroke="#b5a7d3" stroke-width="1.51"/><path d="M1701,-124L1670,-61L1826,-7Z" fill="#afa2d0" stroke="#afa2d0" stroke-width="1.51"/><path d="M1723,52L1742,85L1826,-7Z" fill="#baacd5" stroke="#baacd5" stroke-width="1.51"/><path d="M1717,742L1612,794L1801,805Z" fill="#9c97c9" stroke="#9c97c9" stroke-width="1.51"/><path d="M1693,469L1614,522L1804,540Z" fill="#bdb0d8" stroke="#bdb0d8" stroke-width="1.51"/><path d="M1612,794L1621,1010L1771,984Z" fill="#b1a2cd" stroke="#b1a2cd" stroke-width="1.51"/><path d="M1447,-175L1559,-100L1701,-124Z" fill="#9f95cb" stroke="#9f95cb" stroke-width="1.51"/><path d="M1614,522L1561,704L1717,742Z" fill="#9593c8" stroke="#9593c8" stroke-width="1.51"/><path d="M1669,1167L1651,1216L1778,1253Z" fill="#bdb2d2" stroke="#bdb2d2" stroke-width="1.51"/><path d="M1621,1010L1751,1066L1771,984Z" fill="#bbaacf" stroke="#bbaacf" stroke-width="1.51"/><path d="M1552,330L1693,469L1762,388Z" fill="#d9c5e3" stroke="#d9c5e3" stroke-width="1.51"/><path d="M1672,243L1552,330L1762,388Z" fill="#d4c1e1" stroke="#d4c1e1" stroke-width="1.51"/><path d="M1544,579L1561,704L1614,522Z" fill="#9d99cd" stroke="#9d99cd" stroke-width="1.51"/><path d="M1565,214L1672,243L1742,85Z" fill="#c5b4da" stroke="#c5b4da" stroke-width="1.51"/><path d="M1621,1010L1669,1167L1751,1066Z" fill="#bcacd0" stroke="#bcacd0" stroke-width="1.51"/><path d="M1723,52L1565,214L1742,85Z" fill="#c0b0d7" stroke="#c0b0d7" stroke-width="1.51"/><path d="M1621,1010L1577,1038L1669,1167Z" fill="#b7a9cf" stroke="#b7a9cf" stroke-width="1.51"/><path d="M1670,-61L1539,-5L1723,52Z" fill="#b2a4d2" stroke="#b2a4d2" stroke-width="1.51"/><path d="M1539,-5L1565,214L1723,52Z" fill="#b7aad4" stroke="#b7aad4" stroke-width="1.51"/><path d="M1612,794L1531,976L1621,1010Z" fill="#a99dcb" stroke="#a99dcb" stroke-width="1.51"/><path d="M1561,704L1612,794L1717,742Z" fill="#9391c6" stroke="#9391c6" stroke-width="1.51"/><path d="M1552,330L1614,522L1693,469Z" fill="#c9bade" stroke="#c9bade" stroke-width="1.51"/><path d="M1559,-100L1670,-61L1701,-124Z" fill="#a99dce" stroke="#a99dce" stroke-width="1.51"/><path d="M1539,-5L1464,70L1565,214Z" fill="#afa5d3" stroke="#afa5d3" stroke-width="1.51"/><path d="M1491,840L1531,976L1612,794Z" fill="#9c96c9" stroke="#9c96c9" stroke-width="1.51"/><path d="M1559,-100L1539,-5L1670,-61Z" fill="#a89cce" stroke="#a89cce" stroke-width="1.51"/><path d="M1565,214L1552,330L1672,243Z" fill="#c8b8dd" stroke="#c8b8dd" stroke-width="1.51"/><path d="M1577,1038L1576,1253L1669,1167Z" fill="#b7abd0" stroke="#b7abd0" stroke-width="1.51"/><path d="M1576,1253L1651,1216L1669,1167Z" fill="#b9afd1" stroke="#b9afd1" stroke-width="1.51"/><path d="M1435,1118L1576,1253L1577,1038Z" fill="#b0a6ce" stroke="#b0a6ce" stroke-width="1.51"/><path d="M1091,-169L1259,-127L1447,-175Z" fill="#7f83c3" stroke="#7f83c3" stroke-width="1.51"/><path d="M1332,1202L1243,1279L1576,1253Z" fill="#a3a3cc" stroke="#a3a3cc" stroke-width="1.51"/><path d="M1552,330L1395,434L1614,522Z" fill="#c3b6dd" stroke="#c3b6dd" stroke-width="1.51"/><path d="M1395,434L1544,579L1614,522Z" fill="#aea6d4" stroke="#aea6d4" stroke-width="1.51"/><path d="M1531,976L1577,1038L1621,1010Z" fill="#b2a3cd" stroke="#b2a3cd" stroke-width="1.51"/><path d="M1561,704L1491,840L1612,794Z" fill="#908fc6" stroke="#908fc6" stroke-width="1.51"/><path d="M1384,260L1552,330L1565,214Z" fill="#bfb2db" stroke="#bfb2db" stroke-width="1.51"/><path d="M1531,976L1439,998L1577,1038Z" fill="#ada0cc" stroke="#ada0cc" stroke-width="1.51"/><path d="M1439,998L1435,1118L1577,1038Z" fill="#aaa0cc" stroke="#aaa0cc" stroke-width="1.51"/><path d="M1435,1118L1332,1202L1576,1253Z" fill="#a8a4cd" stroke="#a8a4cd" stroke-width="1.51"/><path d="M1408,824L1491,840L1561,704Z" fill="#8b8cc4" stroke="#8b8cc4" stroke-width="1.51"/><path d="M1544,579L1343,713L1561,704Z" fill="#8489c4" stroke="#8489c4" stroke-width="1.51"/><path d="M1464,70L1384,260L1565,214Z" fill="#b4aad6" stroke="#b4aad6" stroke-width="1.51"/><path d="M1447,-175L1539,-5L1559,-100Z" fill="#9e96cb" stroke="#9e96cb" stroke-width="1.51"/><path d="M1343,713L1408,824L1561,704Z" fill="#8086c2" stroke="#8086c2" stroke-width="1.51"/><path d="M1447,-175L1348,-79L1539,-5Z" fill="#9892ca" stroke="#9892ca" stroke-width="1.51"/><path d="M1491,840L1439,998L1531,976Z" fill="#a199c9" stroke="#a199c9" stroke-width="1.51"/><path d="M1384,260L1395,434L1552,330Z" fill="#c2b6dd" stroke="#c2b6dd" stroke-width="1.51"/><path d="M1395,434L1314,558L1544,579Z" fill="#a29fd1" stroke="#a29fd1" stroke-width="1.51"/><path d="M1314,558L1343,713L1544,579Z" fill="#898dc7" stroke="#898dc7" stroke-width="1.51"/><path d="M1348,-79L1464,70L1539,-5Z" fill="#a099cd" stroke="#a099cd" stroke-width="1.51"/><path d="M1380,76L1384,260L1464,70Z" fill="#aaa3d3" stroke="#aaa3d3" stroke-width="1.51"/><path d="M1309,528L1314,558L1395,434Z" fill="#9f9ed1" stroke="#9f9ed1" stroke-width="1.51"/><path d="M1348,-79L1380,76L1464,70Z" fill="#9e98cd" stroke="#9e98cd" stroke-width="1.51"/><path d="M1408,824L1439,998L1491,840Z" fill="#9692c7" stroke="#9692c7" stroke-width="1.51"/><path d="M1384,260L1301,389L1395,434Z" fill="#bcb3dd" stroke="#bcb3dd" stroke-width="1.51"/><path d="M1408,824L1189,937L1439,998Z" fill="#9190c6" stroke="#9190c6" stroke-width="1.51"/><path d="M1271,1099L1435,1118L1439,998Z" fill="#a19cca" stroke="#a19cca" stroke-width="1.51"/><path d="M1259,-127L1348,-79L1447,-175Z" fill="#8b89c6" stroke="#8b89c6" stroke-width="1.51"/><path d="M1206,846L1189,937L1408,824Z" fill="#8287c3" stroke="#8287c3" stroke-width="1.51"/><path d="M1189,937L1271,1099L1439,998Z" fill="#9995c7" stroke="#9995c7" stroke-width="1.51"/><path d="M1271,1099L1332,1202L1435,1118Z" fill="#9e9cca" stroke="#9e9cca" stroke-width="1.51"/><path d="M1348,-79L1264,68L1380,76Z" fill="#9795cc" stroke="#9795cc" stroke-width="1.51"/><path d="M1275,298L1301,389L1384,260Z" fill="#b4acd9" stroke="#b4acd9" stroke-width="1.51"/><path d="M1380,76L1264,68L1384,260Z" fill="#a39fd1" stroke="#a39fd1" stroke-width="1.51"/><path d="M1264,68L1275,298L1384,260Z" fill="#a8a3d4" stroke="#a8a3d4" stroke-width="1.51"/><path d="M1343,713L1297,712L1408,824Z" fill="#7881c0" stroke="#7881c0" stroke-width="1.51"/><path d="M1297,712L1206,846L1408,824Z" fill="#7a82c1" stroke="#7a82c1" stroke-width="1.51"/><path d="M1314,558L1297,712L1343,713Z" fill="#7581c1" stroke="#7581c1" stroke-width="1.51"/><path d="M1301,389L1309,528L1395,434Z" fill="#ada7d7" stroke="#ada7d7" stroke-width="1.51"/><path d="M1269,-82L1264,68L1348,-79Z" fill="#8f8ec9" stroke="#8f8ec9" stroke-width="1.51"/><path d="M1259,-127L1269,-82L1348,-79Z" fill="#8789c6" stroke="#8789c6" stroke-width="1.51"/><path d="M1264,68L1071,179L1275,298Z" fill="#9b9bd1" stroke="#9b9bd1" stroke-width="1.51"/><path d="M1153,534L1297,712L1314,558Z" fill="#7e88c5" stroke="#7e88c5" stroke-width="1.51"/><path d="M1271,1099L1243,1279L1332,1202Z" fill="#999bca" stroke="#999bca" stroke-width="1.51"/><path d="M1149,779L1206,846L1297,712Z" fill="#6e7dbf" stroke="#6e7dbf" stroke-width="1.51"/><path d="M1301,389L1153,534L1309,528Z" fill="#9c9dd1" stroke="#9c9dd1" stroke-width="1.51"/><path d="M1309,528L1153,534L1314,558Z" fill="#8e93cc" stroke="#8e93cc" stroke-width="1.51"/><path d="M1153,534L1149,779L1297,712Z" fill="#6478bd" stroke="#6478bd" stroke-width="1.51"/><path d="M1135,23L1264,68L1269,-82Z" fill="#8b8ec9" stroke="#8b8ec9" stroke-width="1.51"/><path d="M1118,1088L1243,1279L1271,1099Z" fill="#9295c8" stroke="#9295c8" stroke-width="1.51"/><path d="M1275,298L1073,434L1301,389Z" fill="#b0acdb" stroke="#b0acdb" stroke-width="1.51"/><path d="M1073,434L1153,534L1301,389Z" fill="#a3a2d5" stroke="#a3a2d5" stroke-width="1.51"/><path d="M1047,635L1149,779L1153,534Z" fill="#7a85c5" stroke="#7a85c5" stroke-width="1.51"/><path d="M1135,23L1071,179L1264,68Z" fill="#9798cf" stroke="#9798cf" stroke-width="1.51"/><path d="M1189,937L1118,1088L1271,1099Z" fill="#9090c6" stroke="#9090c6" stroke-width="1.51"/><path d="M1064,310L1073,434L1275,298Z" fill="#b6afdd" stroke="#b6afdd" stroke-width="1.51"/><path d="M1071,179L1064,310L1275,298Z" fill="#ada9d9" stroke="#ada9d9" stroke-width="1.51"/><path d="M1118,1088L1041,1252L1243,1279Z" fill="#9b9ecc" stroke="#9b9ecc" stroke-width="1.51"/><path d="M1259,-127L1135,23L1269,-82Z" fill="#8488c6" stroke="#8488c6" stroke-width="1.51"/><path d="M1091,-169L1135,23L1259,-127Z" fill="#8588c7" stroke="#8588c7" stroke-width="1.51"/><path d="M1045,914L1189,937L1206,846Z" fill="#888bc5" stroke="#888bc5" stroke-width="1.51"/><path d="M1149,779L1045,914L1206,846Z" fill="#8388c5" stroke="#8388c5" stroke-width="1.51"/><path d="M1045,914L1118,1088L1189,937Z" fill="#9996ca" stroke="#9996ca" stroke-width="1.51"/><path d="M1091,-169L931,27L1135,23Z" fill="#9c9ad0" stroke="#9c9ad0" stroke-width="1.51"/><path d="M948,781L1045,914L1149,779Z" fill="#8d90c9" stroke="#8d90c9" stroke-width="1.51"/><path d="M1047,635L966,678L1149,779Z" fill="#7985c4" stroke="#7985c4" stroke-width="1.51"/><path d="M966,678L948,781L1149,779Z" fill="#868dc8" stroke="#868dc8" stroke-width="1.51"/><path d="M1073,434L1047,635L1153,534Z" fill="#9c9dd3" stroke="#9c9dd3" stroke-width="1.51"/><path d="M988,1227L751,1294L1041,1252Z" fill="#beb8db" stroke="#beb8db" stroke-width="1.51"/><path d="M949,495L1047,635L1073,434Z" fill="#aaa7d8" stroke="#aaa7d8" stroke-width="1.51"/><path d="M988,1227L1041,1252L1118,1088Z" fill="#a9a7d2" stroke="#a9a7d2" stroke-width="1.51"/><path d="M1045,914L947,959L1118,1088Z" fill="#a79fcf" stroke="#a79fcf" stroke-width="1.51"/><path d="M936,56L1071,179L1135,23Z" fill="#a9a4d6" stroke="#a9a4d6" stroke-width="1.51"/><path d="M931,27L936,56L1135,23Z" fill="#aca5d7" stroke="#aca5d7" stroke-width="1.51"/><path d="M936,-189L931,27L1091,-169Z" fill="#a19bd1" stroke="#a19bd1" stroke-width="1.51"/><path d="M892,1076L988,1227L1118,1088Z" fill="#b1aad4" stroke="#b1aad4" stroke-width="1.51"/><path d="M947,959L892,1076L1118,1088Z" fill="#b2a8d4" stroke="#b2a8d4" stroke-width="1.51"/><path d="M909,282L1064,310L1071,179Z" fill="#c0b7e0" stroke="#c0b7e0" stroke-width="1.51"/><path d="M1064,310L920,335L1073,434Z" fill="#cabfe5" stroke="#cabfe5" stroke-width="1.51"/><path d="M888,406L949,495L1073,434Z" fill="#c6bce4" stroke="#c6bce4" stroke-width="1.51"/><path d="M920,335L888,406L1073,434Z" fill="#d5c7ea" stroke="#d5c7ea" stroke-width="1.51"/><path d="M936,56L848,134L1071,179Z" fill="#bdb2de" stroke="#bdb2de" stroke-width="1.51"/><path d="M848,134L909,282L1071,179Z" fill="#c6bae3" stroke="#c6bae3" stroke-width="1.51"/><path d="M909,282L920,335L1064,310Z" fill="#cec1e6" stroke="#cec1e6" stroke-width="1.51"/><path d="M948,781L947,959L1045,914Z" fill="#a19ed0" stroke="#a19ed0" stroke-width="1.51"/><path d="M949,495L966,678L1047,635Z" fill="#9c9dd3" stroke="#9c9dd3" stroke-width="1.51"/><path d="M844,-148L825,-32L931,27Z" fill="#baaedc" stroke="#baaedc" stroke-width="1.51"/><path d="M647,-211L844,-148L936,-189Z" fill="#b7aada" stroke="#b7aada" stroke-width="1.51"/><path d="M844,-148L931,27L936,-189Z" fill="#afa5d7" stroke="#afa5d7" stroke-width="1.51"/><path d="M785,819L947,959L948,781Z" fill="#aba5d4" stroke="#aba5d4" stroke-width="1.51"/><path d="M949,495L835,633L966,678Z" fill="#a7a5d7" stroke="#a7a5d7" stroke-width="1.51"/><path d="M892,1076L751,1294L988,1227Z" fill="#c5bcdd" stroke="#c5bcdd" stroke-width="1.51"/><path d="M835,633L948,781L966,678Z" fill="#9095ce" stroke="#9095ce" stroke-width="1.51"/><path d="M753,607L835,633L888,406Z" fill="#c4bae3" stroke="#c4bae3" stroke-width="1.51"/><path d="M761,978L892,1076L947,959Z" fill="#c4b5db" stroke="#c4b5db" stroke-width="1.51"/><path d="M785,819L761,978L947,959Z" fill="#bfb2db" stroke="#bfb2db" stroke-width="1.51"/><path d="M835,633L785,819L948,781Z" fill="#a1a0d3" stroke="#a1a0d3" stroke-width="1.51"/><path d="M888,406L835,633L949,495Z" fill="#c2b9e2" stroke="#c2b9e2" stroke-width="1.51"/><path d="M931,27L848,134L936,56Z" fill="#bfb4df" stroke="#bfb4df" stroke-width="1.51"/><path d="M765,1045L751,1294L892,1076Z" fill="#d0c3e1" stroke="#d0c3e1" stroke-width="1.51"/><path d="M909,282L878,319L920,335Z" fill="#d9c9eb" stroke="#d9c9eb" stroke-width="1.51"/><path d="M825,-32L848,134L931,27Z" fill="#c2b6e0" stroke="#c2b6e0" stroke-width="1.51"/><path d="M761,978L765,1045L892,1076Z" fill="#cfbedf" stroke="#cfbedf" stroke-width="1.51"/><path d="M848,134L737,196L909,282Z" fill="#d9c8ea" stroke="#d9c8ea" stroke-width="1.51"/><path d="M878,319L888,406L920,335Z" fill="#decded" stroke="#decded" stroke-width="1.51"/><path d="M728,766L785,819L835,633Z" fill="#aca8d8" stroke="#aca8d8" stroke-width="1.51"/><path d="M737,196L878,319L909,282Z" fill="#ddccec" stroke="#ddccec" stroke-width="1.51"/><path d="M652,1124L751,1294L765,1045Z" fill="#ddcde6" stroke="#ddcde6" stroke-width="1.51"/><path d="M878,319L725,352L888,406Z" fill="#e9d6f2" stroke="#e9d6f2" stroke-width="1.51"/><path d="M725,352L753,607L888,406Z" fill="#e1d0ef" stroke="#e1d0ef" stroke-width="1.51"/><path d="M825,-32L723,-32L848,134Z" fill="#cbbde3" stroke="#cbbde3" stroke-width="1.51"/><path d="M737,196L725,352L878,319Z" fill="#ead6f1" stroke="#ead6f1" stroke-width="1.51"/><path d="M504,1225L331,1242L706,1307Z" fill="#d0c6e1" stroke="#d0c6e1" stroke-width="1.51"/><path d="M713,626L728,766L753,607Z" fill="#b5afdd" stroke="#b5afdd" stroke-width="1.51"/><path d="M753,607L728,766L835,633Z" fill="#aeaada" stroke="#aeaada" stroke-width="1.51"/><path d="M723,-32L825,-32L844,-148Z" fill="#c3b5df" stroke="#c3b5df" stroke-width="1.51"/><path d="M723,-32L737,196L848,134Z" fill="#d7c7e9" stroke="#d7c7e9" stroke-width="1.51"/><path d="M725,352L590,456L753,607Z" fill="#e6d3f1" stroke="#e6d3f1" stroke-width="1.51"/><path d="M647,-211L723,-32L844,-148Z" fill="#c7b7e1" stroke="#c7b7e1" stroke-width="1.51"/><path d="M723,-32L617,133L737,196Z" fill="#ddcbeb" stroke="#ddcbeb" stroke-width="1.51"/><path d="M650,902L761,978L785,819Z" fill="#ccbce0" stroke="#ccbce0" stroke-width="1.51"/><path d="M652,1124L706,1307L751,1294Z" fill="#ddd0e7" stroke="#ddd0e7" stroke-width="1.51"/><path d="M627,596L713,626L753,607Z" fill="#c3bae2" stroke="#c3bae2" stroke-width="1.51"/><path d="M590,456L627,596L753,607Z" fill="#cfc2e7" stroke="#cfc2e7" stroke-width="1.51"/><path d="M728,766L650,902L785,819Z" fill="#c3b7df" stroke="#c3b7df" stroke-width="1.51"/><path d="M604,204L725,352L737,196Z" fill="#ecd8f2" stroke="#ecd8f2" stroke-width="1.51"/><path d="M650,902L652,1124L761,978Z" fill="#d9c5e3" stroke="#d9c5e3" stroke-width="1.51"/><path d="M761,978L652,1124L765,1045Z" fill="#dcc9e4" stroke="#dcc9e4" stroke-width="1.51"/><path d="M647,-211L566,-39L723,-32Z" fill="#c8b8e1" stroke="#c8b8e1" stroke-width="1.51"/><path d="M652,1124L544,1165L706,1307Z" fill="#d8cae4" stroke="#d8cae4" stroke-width="1.51"/><path d="M566,-39L617,133L723,-32Z" fill="#d1c1e6" stroke="#d1c1e6" stroke-width="1.51"/><path d="M713,626L568,645L728,766Z" fill="#b0abdb" stroke="#b0abdb" stroke-width="1.51"/><path d="M617,133L604,204L737,196Z" fill="#e3cfee" stroke="#e3cfee" stroke-width="1.51"/><path d="M566,-39L582,121L617,133Z" fill="#d3c3e6" stroke="#d3c3e6" stroke-width="1.51"/><path d="M627,596L568,645L713,626Z" fill="#bcb4e0" stroke="#bcb4e0" stroke-width="1.51"/><path d="M549,838L650,902L728,766Z" fill="#bfb4dc" stroke="#bfb4dc" stroke-width="1.51"/><path d="M568,645L549,838L728,766Z" fill="#b1abd9" stroke="#b1abd9" stroke-width="1.51"/><path d="M604,204L590,456L725,352Z" fill="#f3dcf5" stroke="#f3dcf5" stroke-width="1.51"/><path d="M650,902L476,963L652,1124Z" fill="#d2bfe0" stroke="#d2bfe0" stroke-width="1.51"/><path d="M544,1165L504,1225L706,1307Z" fill="#d5c9e3" stroke="#d5c9e3" stroke-width="1.51"/><path d="M383,323L590,456L604,204Z" fill="#ead5f1" stroke="#ead5f1" stroke-width="1.51"/><path d="M590,456L552,509L627,596Z" fill="#d3c5e9" stroke="#d3c5e9" stroke-width="1.51"/><path d="M534,-206L566,-39L647,-211Z" fill="#beafdd" stroke="#beafdd" stroke-width="1.51"/><path d="M549,838L476,963L650,902Z" fill="#c2b5dc" stroke="#c2b5dc" stroke-width="1.51"/><path d="M476,963L544,1165L652,1124Z" fill="#d2c1e0" stroke="#d2c1e0" stroke-width="1.51"/><path d="M534,-206L467,-146L566,-39Z" fill="#bcaedc" stroke="#bcaedc" stroke-width="1.51"/><path d="M460,779L549,838L568,645Z" fill="#aba6d6" stroke="#aba6d6" stroke-width="1.51"/><path d="M566,-39L468,38L582,121Z" fill="#cdbde4" stroke="#cdbde4" stroke-width="1.51"/><path d="M582,121L604,204L617,133Z" fill="#dccaea" stroke="#dccaea" stroke-width="1.51"/><path d="M552,509L568,645L627,596Z" fill="#c2b9e2" stroke="#c2b9e2" stroke-width="1.51"/><path d="M383,323L375,391L590,456Z" fill="#e9d5f1" stroke="#e9d5f1" stroke-width="1.51"/><path d="M582,121L334,179L604,204Z" fill="#d8c6e9" stroke="#d8c6e9" stroke-width="1.51"/><path d="M334,179L383,323L604,204Z" fill="#dac8e9" stroke="#dac8e9" stroke-width="1.51"/><path d="M476,963L402,1151L544,1165Z" fill="#ccbddd" stroke="#ccbddd" stroke-width="1.51"/><path d="M468,38L334,179L582,121Z" fill="#cfbfe4" stroke="#cfbfe4" stroke-width="1.51"/><path d="M375,391L552,509L590,456Z" fill="#decced" stroke="#decced" stroke-width="1.51"/><path d="M175,-178L467,-146L534,-206Z" fill="#afa2d6" stroke="#afa2d6" stroke-width="1.51"/><path d="M371,596L385,637L552,509Z" fill="#b9b1dd" stroke="#b9b1dd" stroke-width="1.51"/><path d="M552,509L385,637L568,645Z" fill="#b9b2de" stroke="#b9b2de" stroke-width="1.51"/><path d="M385,637L460,779L568,645Z" fill="#a09fd3" stroke="#a09fd3" stroke-width="1.51"/><path d="M467,-146L468,38L566,-39Z" fill="#c2b3df" stroke="#c2b3df" stroke-width="1.51"/><path d="M460,779L476,963L549,838Z" fill="#b8add9" stroke="#b8add9" stroke-width="1.51"/><path d="M375,391L371,596L552,509Z" fill="#cec0e6" stroke="#cec0e6" stroke-width="1.51"/><path d="M402,1151L504,1225L544,1165Z" fill="#cec1df" stroke="#cec1df" stroke-width="1.51"/><path d="M460,779L357,891L476,963Z" fill="#b7acd7" stroke="#b7acd7" stroke-width="1.51"/><path d="M175,-178L212,-131L467,-146Z" fill="#aa9fd3" stroke="#aa9fd3" stroke-width="1.51"/><path d="M467,-146L256,-49L468,38Z" fill="#bbaddc" stroke="#bbaddc" stroke-width="1.51"/><path d="M402,1151L331,1242L504,1225Z" fill="#c9bfdd" stroke="#c9bfdd" stroke-width="1.51"/><path d="M256,-49L315,58L468,38Z" fill="#beb0dd" stroke="#beb0dd" stroke-width="1.51"/><path d="M315,58L334,179L468,38Z" fill="#c7b8e0" stroke="#c7b8e0" stroke-width="1.51"/><path d="M357,891L250,956L476,963Z" fill="#baadd7" stroke="#baadd7" stroke-width="1.51"/><path d="M230,1033L402,1151L476,963Z" fill="#c5b5da" stroke="#c5b5da" stroke-width="1.51"/><path d="M250,956L230,1033L476,963Z" fill="#beafd7" stroke="#beafd7" stroke-width="1.51"/><path d="M282,542L371,596L375,391Z" fill="#c5b9e2" stroke="#c5b9e2" stroke-width="1.51"/><path d="M212,-131L256,-49L467,-146Z" fill="#b0a4d6" stroke="#b0a4d6" stroke-width="1.51"/><path d="M309,887L357,891L460,779Z" fill="#afa6d4" stroke="#afa6d4" stroke-width="1.51"/><path d="M385,637L226,677L460,779Z" fill="#9798cf" stroke="#9798cf" stroke-width="1.51"/><path d="M226,677L309,887L460,779Z" fill="#a29ed1" stroke="#a29ed1" stroke-width="1.51"/><path d="M309,887L250,956L357,891Z" fill="#b3a8d4" stroke="#b3a8d4" stroke-width="1.51"/><path d="M334,179L301,224L383,323Z" fill="#d4c3e7" stroke="#d4c3e7" stroke-width="1.51"/><path d="M228,1186L331,1242L402,1151Z" fill="#c3b8da" stroke="#c3b8da" stroke-width="1.51"/><path d="M230,1033L228,1186L402,1151Z" fill="#c0b4d8" stroke="#c0b4d8" stroke-width="1.51"/><path d="M234,357L282,542L375,391Z" fill="#d5c5e8" stroke="#d5c5e8" stroke-width="1.51"/><path d="M234,357L375,391L383,323Z" fill="#dfcdec" stroke="#dfcdec" stroke-width="1.51"/><path d="M371,596L226,677L385,637Z" fill="#a4a1d4" stroke="#a4a1d4" stroke-width="1.51"/><path d="M301,224L234,357L383,323Z" fill="#d8c7e9" stroke="#d8c7e9" stroke-width="1.51"/><path d="M282,542L226,677L371,596Z" fill="#a9a4d6" stroke="#a9a4d6" stroke-width="1.51"/><path d="M228,1186L76,1247L331,1242Z" fill="#bcb3d8" stroke="#bcb3d8" stroke-width="1.51"/><path d="M226,677L85,801L309,887Z" fill="#9b98cd" stroke="#9b98cd" stroke-width="1.51"/><path d="M315,58L129,140L334,179Z" fill="#c3b4df" stroke="#c3b4df" stroke-width="1.51"/><path d="M129,140L301,224L334,179Z" fill="#c8b9e2" stroke="#c8b9e2" stroke-width="1.51"/><path d="M85,801L250,956L309,887Z" fill="#a9a0d0" stroke="#a9a0d0" stroke-width="1.51"/><path d="M256,-49L148,28L315,58Z" fill="#b6aad9" stroke="#b6aad9" stroke-width="1.51"/><path d="M148,28L129,140L315,58Z" fill="#baadda" stroke="#baadda" stroke-width="1.51"/><path d="M234,357L86,374L282,542Z" fill="#d1c1e5" stroke="#d1c1e5" stroke-width="1.51"/><path d="M152,627L226,677L282,542Z" fill="#a29ed3" stroke="#a29ed3" stroke-width="1.51"/><path d="M129,140L234,357L301,224Z" fill="#ccbce3" stroke="#ccbce3" stroke-width="1.51"/><path d="M-186,-201L-44,-128L175,-178Z" fill="#968ec9" stroke="#968ec9" stroke-width="1.51"/><path d="M129,140L62,290L234,357Z" fill="#c9bae2" stroke="#c9bae2" stroke-width="1.51"/><path d="M64,564L152,627L282,542Z" fill="#a8a2d5" stroke="#a8a2d5" stroke-width="1.51"/><path d="M86,374L64,564L282,542Z" fill="#bcb1dd" stroke="#bcb1dd" stroke-width="1.51"/><path d="M30,499L64,564L86,374Z" fill="#baafdc" stroke="#baafdc" stroke-width="1.51"/><path d="M173,1031L228,1186L230,1033Z" fill="#bbaed6" stroke="#bbaed6" stroke-width="1.51"/><path d="M85,801L170,999L250,956Z" fill="#aca1d1" stroke="#aca1d1" stroke-width="1.51"/><path d="M170,999L230,1033L250,956Z" fill="#b9aad4" stroke="#b9aad4" stroke-width="1.51"/><path d="M212,-131L148,28L256,-49Z" fill="#afa3d6" stroke="#afa3d6" stroke-width="1.51"/><path d="M152,627L85,801L226,677Z" fill="#8b8eca" stroke="#8b8eca" stroke-width="1.51"/><path d="M173,1031L76,1247L228,1186Z" fill="#b9aed5" stroke="#b9aed5" stroke-width="1.51"/><path d="M170,999L173,1031L230,1033Z" fill="#b9aad4" stroke="#b9aad4" stroke-width="1.51"/><path d="M62,290L86,374L234,357Z" fill="#d1c0e5" stroke="#d1c0e5" stroke-width="1.51"/><path d="M85,801L-9,930L170,999Z" fill="#a59bce" stroke="#a59bce" stroke-width="1.51"/><path d="M12,1051L76,1247L173,1031Z" fill="#b4a8d3" stroke="#b4a8d3" stroke-width="1.51"/><path d="M175,-178L40,14L212,-131Z" fill="#a79cd2" stroke="#a79cd2" stroke-width="1.51"/><path d="M40,14L148,28L212,-131Z" fill="#aca1d5" stroke="#aca1d5" stroke-width="1.51"/><path d="M12,1051L-14,1187L76,1247Z" fill="#b0a7d1" stroke="#b0a7d1" stroke-width="1.51"/><path d="M-44,-128L40,14L175,-178Z" fill="#a197cf" stroke="#a197cf" stroke-width="1.51"/><path d="M170,999L12,1051L173,1031Z" fill="#b5a6d3" stroke="#b5a6d3" stroke-width="1.51"/><path d="M-58,705L85,801L152,627Z" fill="#878ac7" stroke="#878ac7" stroke-width="1.51"/><path d="M-9,930L12,1051L170,999Z" fill="#b0a1d0" stroke="#b0a1d0" stroke-width="1.51"/><path d="M-19,211L62,290L129,140Z" fill="#c0b1dd" stroke="#c0b1dd" stroke-width="1.51"/><path d="M40,14L129,140L148,28Z" fill="#b3a7d7" stroke="#b3a7d7" stroke-width="1.51"/><path d="M64,564L-58,705L152,627Z" fill="#9392cd" stroke="#9392cd" stroke-width="1.51"/><path d="M40,14L-31,152L129,140Z" fill="#b4a7d8" stroke="#b4a7d8" stroke-width="1.51"/><path d="M-31,152L-19,211L129,140Z" fill="#b9acdb" stroke="#b9acdb" stroke-width="1.51"/><path d="M-58,705L-47,788L85,801Z" fill="#8a8bc7" stroke="#8a8bc7" stroke-width="1.51"/><path d="M-47,788L-9,930L85,801Z" fill="#9792ca" stroke="#9792ca" stroke-width="1.51"/><path d="M62,290L-13,429L86,374Z" fill="#cebde5" stroke="#cebde5" stroke-width="1.51"/><path d="M-13,429L30,499L86,374Z" fill="#c4b6e0" stroke="#c4b6e0" stroke-width="1.51"/><path d="M-14,1187L-106,1239L76,1247Z" fill="#aea7d1" stroke="#aea7d1" stroke-width="1.51"/><path d="M-19,211L-13,429L62,290Z" fill="#c7b7e1" stroke="#c7b7e1" stroke-width="1.51"/><path d="M30,499L-117,538L64,564Z" fill="#a9a1d5" stroke="#a9a1d5" stroke-width="1.51"/><path d="M-117,538L-58,705L64,564Z" fill="#9694cd" stroke="#9694cd" stroke-width="1.51"/><path d="M-19,211L-153,242L-13,429Z" fill="#c1b2de" stroke="#c1b2de" stroke-width="1.51"/><path d="M-153,242L-187,340L-13,429Z" fill="#c2b2de" stroke="#c2b2de" stroke-width="1.51"/><path d="M-111,1121L-14,1187L12,1051Z" fill="#aca2cf" stroke="#aca2cf" stroke-width="1.51"/><path d="M-44,-128L-213,-34L40,14Z" fill="#9e94ce" stroke="#9e94ce" stroke-width="1.51"/><path d="M-116,159L-31,152L40,14Z" fill="#afa3d6" stroke="#afa3d6" stroke-width="1.51"/><path d="M-213,-34L-116,159L40,14Z" fill="#a69bd1" stroke="#a69bd1" stroke-width="1.51"/><path d="M-13,429L-117,538L30,499Z" fill="#b3a8d8" stroke="#b3a8d8" stroke-width="1.51"/><path d="M-9,930L-111,1121L12,1051Z" fill="#ac9fce" stroke="#ac9fce" stroke-width="1.51"/><path d="M-207,895L-111,1121L-9,930Z" fill="#a497cb" stroke="#a497cb" stroke-width="1.51"/><path d="M-182,875L-207,895L-9,930Z" fill="#978fc8" stroke="#978fc8" stroke-width="1.51"/><path d="M-47,788L-182,875L-9,930Z" fill="#958fc8" stroke="#958fc8" stroke-width="1.51"/><path d="M-187,340L-117,538L-13,429Z" fill="#bbaedc" stroke="#bbaedc" stroke-width="1.51"/><path d="M-111,1121L-106,1239L-14,1187Z" fill="#aba3cf" stroke="#aba3cf" stroke-width="1.51"/><path d="M-31,152L-116,159L-19,211Z" fill="#b5a8d8" stroke="#b5a8d8" stroke-width="1.51"/><path d="M-116,159L-153,242L-19,211Z" fill="#b6a9d9" stroke="#b6a9d9" stroke-width="1.51"/><path d="M-117,538L-201,689L-58,705Z" fill="#8588c6" stroke="#8588c6" stroke-width="1.51"/><path d="M-58,705L-201,689L-47,788Z" fill="#7f82c3" stroke="#7f82c3" stroke-width="1.51"/><path d="M-186,-201L-213,-34L-44,-128Z" fill="#938ac9" stroke="#938ac9" stroke-width="1.51"/><path d="M-201,689L-182,875L-47,788Z" fill="#8586c3" stroke="#8586c3" stroke-width="1.51"/><path d="M-111,1121L-207,895L-106,1239Z" fill="#a69bcc" stroke="#a69bcc" stroke-width="1.51"/><path d="M-187,340L-201,689L-117,538Z" fill="#a29bd2" stroke="#a29bd2" stroke-width="1.51"/><path d="M-213,-34L-153,242L-116,159Z" fill="#a99ed3" stroke="#a99ed3" stroke-width="1.51"/><path d="M-201,689L-207,895L-182,875Z" fill="#8786c3" stroke="#8786c3" stroke-width="1.51"/><path d="M-213,-34L-187,340L-153,242Z" fill="#aea2d5" stroke="#aea2d5" stroke-width="1.51"/><path d="M-213,-34L-201,689L-187,340Z" fill="#bdaddc" stroke="#bdaddc" stroke-width="1.51"/><path d="M-213,-34L-207,895L-201,689Z" fill="#a19ad0" stroke="#a19ad0" stroke-width="1.51"/></svg>');
background-repeat: no-repeat;
}
@-webkit-keyframes showCircle {
from {
stroke-dashoffset: 2512;
}
to {
stroke-dashoffset: 0;
}
}
@keyframes showCircle {
from {
stroke-dashoffset: 2512;
}
to {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes rotateCircle {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotateCircle {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.circle {
overflow: visible !important;
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg);
transform: translate3d(-50%, -50%, 0) rotate(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.circle circle {
fill: transparent;
stroke-width: 10;
stroke-dasharray: 1256;
}
.circle circle:first-of-type {
stroke: rgba(255, 255, 255, 0.25);
}
.circle circle:nth-of-type(2) {
stroke: rgba(255, 255, 255, 0.5);
-webkit-animation: showCircle infinite cubic-bezier(0.39, 0.575, 0.565, 1) 2.2s;
animation: showCircle infinite cubic-bezier(0.39, 0.575, 0.565, 1) 2.2s;
}
.circle circle:nth-of-type(3) {
stroke: rgba(255, 255, 255, 0.8);
stroke-dashoffset: 1156;
-webkit-animation: rotateCircle infinite linear 1.5s;
animation: rotateCircle infinite linear 1.5s;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes fadeHexagon {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20%, 50% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes fadeHexagon {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20%, 50% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.hexagons {
min-width: 340px;
}
.hexagons__row {
text-align: center;
}
.hexagons__row:first-of-type {
-webkit-transform: translate3d(0, 22%, 0);
transform: translate3d(0, 22%, 0);
}
.hexagons__row:last-of-type {
-webkit-transform: translate3d(0, -22%, 0);
transform: translate3d(0, -22%, 0);
}
.hexagons__cell {
display: inline-block;
position: relative;
width: 90px;
height: 55px;
background-color: #14172a;
margin: 27.5px 2px;
-webkit-animation: fadeHexagon infinite cubic-bezier(0.445, 0.05, 0.55, 0.95) 3.5s;
animation: fadeHexagon infinite cubic-bezier(0.445, 0.05, 0.55, 0.95) 3.5s;
}
.hexagons__cell:before, .hexagons__cell:after {
content: '';
position: absolute;
left: 0;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
}
.hexagons__cell:before {
bottom: 100%;
border-bottom: 27.5px solid #14172a;
}
.hexagons__cell:after {
top: 100%;
border-top: 27.5px solid #14172a;
}
.hexagons__cell--1 {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.hexagons__cell--2 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.hexagons__cell--3 {
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.hexagons__cell--4 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.hexagons__cell--5 {
-webkit-animation-delay: 1.25s;
animation-delay: 1.25s;
}
.hexagons__cell--6 {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.hexagons__cell--7 {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
}
</style></head>
<body oncontextmenu='return false' ondragstart='return false' onselectstart='return false'>
<div class="container">
<div class="container__bg"></div>
<svg width="400" height="400" class="circle">
<circle cx="200" cy="200" r="200"></circle>
<circle cx="200" cy="200" r="200"></circle>
<circle cx="200" cy="200" r="200"></circle>
</svg>
<div class="hexagons">
<div class="hexagons__row">
<div class="hexagons__cell hexagons__cell--1"></div>
<div class="hexagons__cell hexagons__cell--2"></div>
</div>
<div class="hexagons__row">
<div class="hexagons__cell hexagons__cell--6"></div>
<div class="hexagons__cell hexagons__cell--7"></div>
<div class="hexagons__cell hexagons__cell--3"></div>
</div>
<div class="hexagons__row">
<div class="hexagons__cell hexagons__cell--5"></div>
<div class="hexagons__cell hexagons__cell--4"></div>
</div>
</div>
</div>
<script>
$(document).keydown(function (event) {
if (event.keyCode == 123) {
return false;
}
else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) {
return false; //Prevent from ctrl+shift+i
}
});
</script>
</body></html>