-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
336 lines (335 loc) · 23.1 KB
/
index.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
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Alien Invasion</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>UFO Animation</header>
<svg
width="840"
height="727"
viewBox="0 0 840 727"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="Alien-invasion" clip-path="url(#clip0)">
<g id="ufoLight">
<path
id="mask"
d="M431.52 190L590.28 464.98L749.04 739.95H431.52H114L272.76 464.98L431.52 190Z"
fill="url(#paint0_linear)"
/>
<path
id="orange"
opacity="0.75"
d="M431.52 190L590.28 464.98L749.04 739.95H431.52H114L272.76 464.98L431.52 190Z"
fill="url(#paint1_angular)"
/>
</g>
<g id="ghostOut">
<path
id="g-body"
d="M408.309 687.662C411.229 683.895 416.239 681.259 421.039 682.285C425.839 683.312 430.389 687.615 434.659 685.459C440.499 682.52 436.359 671.719 445.839 670.918C447.814 670.795 449.793 671.118 451.609 671.86C455.609 673.395 461.869 675.128 464.949 671.672C466.759 669.637 466.629 666.539 468.359 664.43C470.359 661.981 474.169 661.67 477.419 662.141L477.579 662.188C483.849 664.627 490.709 660.578 490.219 654.212C489.589 645.736 492.449 637.75 493.069 636.017L504.949 602.765C510.002 588.509 508.857 572.95 501.765 559.487C494.672 546.025 482.209 535.754 467.099 530.919C451.963 526.167 435.445 527.249 421.154 533.93C406.863 540.611 395.96 552.347 390.829 566.574L372.099 618.868C367.231 632.622 368.124 647.607 374.596 660.761C381.068 673.915 392.63 684.245 406.919 689.64C407.341 688.956 407.805 688.295 408.309 687.662Z"
fill="#B4E97E"
/>
<g id="g-eyes">
<path
id="Vector"
opacity="0.3"
d="M467.469 579.202C471.064 579.202 473.979 576.458 473.979 573.072C473.979 569.686 471.064 566.941 467.469 566.941C463.873 566.941 460.959 569.686 460.959 573.072C460.959 576.458 463.873 579.202 467.469 579.202Z"
fill="black"
/>
<path
id="Vector_2"
opacity="0.3"
d="M430.449 567.478C434.044 567.478 436.959 564.733 436.959 561.347C436.959 557.961 434.044 555.216 430.449 555.216C426.854 555.216 423.939 557.961 423.939 561.347C423.939 564.733 426.854 567.478 430.449 567.478Z"
fill="black"
/>
</g>
<path
id="mouth"
d="M446.85 592.466C448.569 587.655 447.201 582.879 443.793 581.799C440.386 580.719 436.229 583.744 434.51 588.555C432.791 593.366 434.16 598.142 437.567 599.222C440.975 600.302 445.131 597.277 446.85 592.466Z"
fill="#DD9B9B"
/>
</g>
<g id="airBubbles">
<path
id="Vector_3"
d="M532.76 535.99C538.15 535.99 542.52 531.62 542.52 526.23C542.52 520.84 538.15 516.47 532.76 516.47C527.37 516.47 523 520.84 523 526.23C523 531.62 527.37 535.99 532.76 535.99Z"
fill="#FFE999"
fill-opacity="0.71"
/>
<path
id="Vector_4"
d="M563.68 515.76C566.375 515.76 568.56 513.575 568.56 510.88C568.56 508.185 566.375 506 563.68 506C560.985 506 558.8 508.185 558.8 510.88C558.8 513.575 560.985 515.76 563.68 515.76Z"
fill="#FFE999"
fill-opacity="0.71"
/>
</g>
<g id="wholeUfo">
<g id="glass">
<path
id="Vector_5"
d="M432 243.25C511.093 243.25 575.21 193.58 575.21 132.31C575.21 71.0395 511.093 21.37 432 21.37C352.907 21.37 288.79 71.0395 288.79 132.31C288.79 193.58 352.907 243.25 432 243.25Z"
fill="#EBF3F3"
/>
<path
id="Vector_6"
opacity="0.05"
d="M426 51C444.778 51 460 47.866 460 44C460 40.134 444.778 37 426 37C407.222 37 392 40.134 392 44C392 47.866 407.222 51 426 51Z"
fill="black"
/>
<path
id="Vector_7"
opacity="0.05"
d="M354 99C372.778 99 388 95.866 388 92C388 88.134 372.778 85 354 85C335.222 85 320 88.134 320 92C320 95.866 335.222 99 354 99Z"
fill="black"
/>
<path
id="Vector_8"
opacity="0.05"
d="M508 72C526.778 72 542 68.866 542 65C542 61.134 526.778 58 508 58C489.222 58 474 61.134 474 65C474 68.866 489.222 72 508 72Z"
fill="black"
/>
<path
id="Vector_9"
opacity="0.15"
d="M311.94 144.64C311.94 83.37 376.05 33.7 455.14 33.7C479.695 33.5649 504.005 38.5829 526.5 48.43C501.33 31.43 468.4 21.1 432.36 21.1C353.27 21.1 289.15 70.77 289.15 132.04C289.15 173.18 318.06 209.09 361.01 228.25C330.94 207.91 311.94 178 311.94 144.64Z"
fill="#B9B7B7"
/>
<g id="ghostIn" opacity="0.5">
<g id="Group" opacity="0.3">
<path
id="Vector_10"
opacity="0.3"
d="M482.586 169.919L494.916 133.329C499.156 120.586 499.19 106.819 495.013 94.0557C490.836 81.2925 482.669 70.2089 471.716 62.4388L471.816 62.3788C466.966 58.9644 461.647 56.2698 456.026 54.3788L455.856 54.3188L455.666 54.2588C450.209 52.4132 444.52 51.3427 438.766 51.0788C436.73 50.9737 434.691 50.9737 432.656 51.0788C429.124 51.2636 425.615 51.7487 422.166 52.5288C421.166 52.7488 420.166 52.9988 419.256 53.2688C418.346 53.5388 417.326 53.8288 416.376 54.1388C414.476 54.7688 412.606 55.4788 410.776 56.2888C409.856 56.6888 408.946 57.1088 408.056 57.5588C405.364 58.8875 402.774 60.4116 400.306 62.1188C399.476 62.6888 398.666 63.2788 397.866 63.8788C387.981 71.3957 380.582 81.7077 376.626 93.4788L357.246 151.129C354.195 160.17 353.278 169.794 354.566 179.249C354.766 180.699 355.016 182.139 355.306 183.569C355.596 184.999 355.956 186.409 356.306 187.809C356.576 188.739 356.856 189.669 357.166 190.589C357.626 191.959 358.166 193.329 358.676 194.669C359.046 195.559 359.436 196.449 359.846 197.329C360.656 199.079 361.556 200.789 362.526 202.459C363.496 204.129 364.526 205.759 365.686 207.339C366.526 208.519 367.416 209.679 368.336 210.799C369.576 212.299 370.876 213.749 372.256 215.129C378.228 221.151 385.377 225.879 393.256 229.019L393.596 229.159C394.019 228.408 394.486 227.684 394.996 226.989C397.996 222.879 403.216 219.989 408.186 221.069C408.546 221.149 408.906 221.259 409.266 221.369C411.786 222.259 414.266 223.849 416.696 224.629C417.579 225.026 418.539 225.225 419.508 225.213C420.477 225.201 421.432 224.978 422.306 224.559C427.166 221.969 425.366 213.799 429.536 210.219C429.73 210.054 429.933 209.9 430.146 209.759C430.087 209.686 430.033 209.609 429.986 209.529C433.206 207.529 437.666 208.859 441.376 210.149C445.376 211.559 450.596 212.509 453.376 209.239C455.256 206.999 455.116 203.589 456.906 201.239C458.986 198.539 462.906 198.239 466.296 198.719H466.466C472.966 201.399 480.066 196.949 479.566 189.939C478.976 180.639 481.916 171.829 482.586 169.919Z"
fill="url(#paint2_linear)"
/>
</g>
<path
id="g-body-in"
opacity="0.5"
d="M396.126 223.909C399.046 219.909 404.056 217.109 408.856 218.199C413.656 219.289 418.206 223.859 422.476 221.569C428.316 218.449 424.176 206.979 433.656 206.129C435.631 205.998 437.609 206.341 439.426 207.129C443.426 208.759 449.686 210.599 452.766 206.929C454.576 204.769 454.446 201.479 456.176 199.239C458.176 196.639 461.986 196.309 465.236 196.809L465.396 196.859C471.666 199.449 478.526 195.149 478.036 188.389C477.406 179.389 480.266 170.909 480.886 169.069L492.766 133.759C497.819 118.622 496.674 102.1 489.581 87.8042C482.489 73.5086 470.026 62.6022 454.916 57.4687C439.78 52.4222 423.262 53.5715 408.971 60.6655C394.68 67.7595 383.777 80.2215 378.646 95.3287L359.916 150.859C355.048 165.463 355.941 181.376 362.413 195.343C368.885 209.311 380.447 220.28 394.736 226.009C395.157 225.282 395.622 224.581 396.126 223.909Z"
fill="#41E817"
/>
<path
id="Vector_11"
opacity="0.2"
d="M418.266 96.2888C421.861 96.2888 424.776 93.3741 424.776 89.7788C424.776 86.1834 421.861 83.2688 418.266 83.2688C414.67 83.2688 411.756 86.1834 411.756 89.7788C411.756 93.3741 414.67 96.2888 418.266 96.2888Z"
fill="black"
/>
<path
id="Vector_12"
opacity="0.2"
d="M455.286 108.739C458.881 108.739 461.796 105.824 461.796 102.229C461.796 98.6334 458.881 95.7188 455.286 95.7188C451.69 95.7188 448.776 98.6334 448.776 102.229C448.776 105.824 451.69 108.739 455.286 108.739Z"
fill="black"
/>
</g>
</g>
<g id="ufoBody">
<path
id="Vector_13"
d="M432 255.54C590.18 255.54 718.42 222.03 718.42 180.69H145.58C145.58 222.03 273.82 255.54 432 255.54Z"
fill="#96BEC7"
/>
<path
id="Vector_14"
d="M432 105.83C273.82 105.83 145.58 139.34 145.58 180.69H718.42C718.42 139.34 590.18 105.83 432 105.83Z"
fill="#8EB1B9"
/>
<g id="ufoBottomShade" opacity="0.8">
<path
id="Vector_15"
opacity="0.13"
d="M234 214.43C252.778 214.43 268 211.296 268 207.43C268 203.564 252.778 200.43 234 200.43C215.222 200.43 200 203.564 200 207.43C200 211.296 215.222 214.43 234 214.43Z"
fill="black"
/>
<path
id="Vector_16"
opacity="0.13"
d="M621 214.43C639.778 214.43 655 211.296 655 207.43C655 203.564 639.778 200.43 621 200.43C602.222 200.43 587 203.564 587 207.43C587 211.296 602.222 214.43 621 214.43Z"
fill="black"
/>
<path
id="Vector_17"
opacity="0.13"
d="M437 240C455.778 240 471 236.866 471 233C471 229.134 455.778 226 437 226C418.222 226 403 229.134 403 233C403 236.866 418.222 240 437 240Z"
fill="black"
/>
<path
id="Vector_18"
opacity="0.13"
d="M432 139C450.778 139 466 135.866 466 132C466 128.134 450.778 125 432 125C413.222 125 398 128.134 398 132C398 135.866 413.222 139 432 139Z"
fill="black"
/>
<path
id="Vector_19"
opacity="0.13"
d="M234 161.43C252.778 161.43 268 158.296 268 154.43C268 150.564 252.778 147.43 234 147.43C215.222 147.43 200 150.564 200 154.43C200 158.296 215.222 161.43 234 161.43Z"
fill="black"
/>
<path
id="Vector_20"
opacity="0.1"
d="M621 161.43C639.778 161.43 655 158.296 655 154.43C655 150.564 639.778 147.43 621 147.43C602.222 147.43 587 150.564 587 154.43C587 158.296 602.222 161.43 621 161.43Z"
fill="black"
/>
</g>
<path
id="Vector_21"
opacity="0.13"
d="M551.48 161.15H312.52C303.01 161.15 295.3 168.86 295.3 178.37V182.99C295.3 192.5 303.01 200.21 312.52 200.21H551.48C560.99 200.21 568.7 192.5 568.7 182.99V178.37C568.7 168.86 560.99 161.15 551.48 161.15Z"
fill="black"
/>
</g>
</g>
<g id="stars">
<path
id="Vector_22"
opacity="0.5"
d="M133.89 57.81C133.064 57.4495 132.399 56.7982 132.021 55.9798C131.643 55.1614 131.579 54.2327 131.84 53.37C131.882 53.2368 131.909 53.0992 131.92 52.96C131.946 52.5643 131.842 52.1709 131.626 51.8384C131.41 51.506 131.092 51.2523 130.72 51.1151C130.348 50.978 129.942 50.9647 129.561 51.0773C129.181 51.1899 128.847 51.4224 128.61 51.74C128.53 51.8521 128.463 51.9728 128.41 52.1C128.051 52.9276 127.4 53.5942 126.581 53.9723C125.762 54.3504 124.833 54.4137 123.97 54.15C123.836 54.1091 123.699 54.0823 123.56 54.07C123.164 54.0445 122.771 54.1475 122.438 54.3637C122.106 54.5799 121.852 54.8978 121.715 55.2699C121.578 55.642 121.565 56.0484 121.677 56.4287C121.79 56.8089 122.022 57.1426 122.34 57.38C122.45 57.4652 122.571 57.5358 122.7 57.59C123.526 57.9506 124.191 58.6018 124.569 59.4202C124.947 60.2386 125.011 61.1673 124.75 62.03C124.709 62.1601 124.682 62.2942 124.67 62.43C124.642 62.8266 124.743 63.2217 124.959 63.5559C125.174 63.8902 125.492 64.1457 125.865 64.2842C126.237 64.4227 126.645 64.4367 127.026 64.3242C127.408 64.2117 127.742 63.9787 127.98 63.66C128.062 63.5457 128.129 63.4214 128.18 63.29C128.548 62.4715 129.202 61.816 130.02 61.4475C130.839 61.079 131.763 61.023 132.62 61.29C132.753 61.3309 132.891 61.3577 133.03 61.37C133.426 61.3955 133.819 61.2925 134.152 61.0763C134.484 60.8601 134.738 60.5423 134.875 60.1702C135.012 59.7981 135.025 59.3916 134.913 59.0114C134.8 58.6311 134.568 58.2974 134.25 58.06C134.142 57.9608 134.021 57.8767 133.89 57.81Z"
fill="#4D8AF0"
/>
<path
id="Vector_23"
opacity="0.5"
d="M642.89 363.81C642.073 363.441 641.419 362.786 641.051 361.968C640.682 361.151 640.625 360.227 640.89 359.37C640.932 359.237 640.959 359.099 640.97 358.96C640.995 358.564 640.892 358.171 640.676 357.838C640.46 357.506 640.142 357.252 639.77 357.115C639.398 356.978 638.992 356.965 638.611 357.077C638.231 357.19 637.897 357.422 637.66 357.74C637.58 357.852 637.513 357.973 637.46 358.1C637.101 358.928 636.45 359.594 635.631 359.972C634.812 360.35 633.883 360.414 633.02 360.15C632.886 360.109 632.749 360.082 632.61 360.07C632.214 360.044 631.821 360.147 631.488 360.364C631.156 360.58 630.902 360.898 630.765 361.27C630.628 361.642 630.615 362.048 630.727 362.429C630.84 362.809 631.072 363.143 631.39 363.38C631.5 363.465 631.621 363.536 631.75 363.59C632.567 363.959 633.221 364.614 633.589 365.432C633.958 366.249 634.015 367.173 633.75 368.03C633.709 368.16 633.682 368.294 633.67 368.43C633.642 368.827 633.743 369.222 633.959 369.556C634.174 369.89 634.492 370.146 634.864 370.284C635.237 370.423 635.645 370.437 636.026 370.324C636.407 370.212 636.742 369.979 636.98 369.66C637.062 369.546 637.129 369.421 637.18 369.29C637.548 368.471 638.202 367.816 639.02 367.447C639.839 367.079 640.763 367.023 641.62 367.29C641.753 367.331 641.891 367.358 642.03 367.37C642.426 367.396 642.819 367.292 643.152 367.076C643.484 366.86 643.738 366.542 643.875 366.17C644.012 365.798 644.025 365.392 643.913 365.011C643.8 364.631 643.568 364.297 643.25 364.06C643.142 363.961 643.021 363.877 642.89 363.81Z"
fill="#4D8AF0"
/>
<path
id="Vector_24"
opacity="0.5"
d="M80.89 505.81C80.0638 505.449 79.3987 504.798 79.0208 503.98C78.6429 503.161 78.5786 502.233 78.84 501.37C78.882 501.237 78.9088 501.099 78.92 500.96C78.9455 500.564 78.8425 500.171 78.6263 499.838C78.4101 499.506 78.0922 499.252 77.7201 499.115C77.348 498.978 76.9416 498.965 76.5614 499.077C76.1811 499.19 75.8474 499.422 75.61 499.74C75.5299 499.852 75.4628 499.973 75.41 500.1C75.0512 500.928 74.4002 501.594 73.5812 501.972C72.7622 502.35 71.8326 502.414 70.97 502.15C70.8365 502.109 70.6991 502.082 70.56 502.07C70.1642 502.044 69.7708 502.147 69.4384 502.364C69.1059 502.58 68.8523 502.898 68.7151 503.27C68.578 503.642 68.5647 504.048 68.6773 504.429C68.7899 504.809 69.0223 505.143 69.34 505.38C69.4504 505.465 69.5714 505.536 69.7 505.59C70.5262 505.951 71.1913 506.602 71.5692 507.42C71.9471 508.239 72.0114 509.167 71.75 510.03C71.709 510.16 71.6821 510.294 71.67 510.43C71.642 510.827 71.7433 511.222 71.9586 511.556C72.174 511.89 72.4918 512.146 72.8645 512.284C73.2372 512.423 73.6448 512.437 74.0261 512.324C74.4075 512.212 74.7421 511.979 74.98 511.66C75.0622 511.546 75.1294 511.421 75.18 511.29C75.5476 510.471 76.2024 509.816 77.0205 509.448C77.8386 509.079 78.7634 509.023 79.62 509.29C79.7535 509.331 79.8909 509.358 80.03 509.37C80.4257 509.396 80.8191 509.293 81.1516 509.076C81.484 508.86 81.7377 508.542 81.8749 508.17C82.012 507.798 82.0253 507.392 81.9127 507.011C81.8001 506.631 81.5676 506.297 81.25 506.06C81.1419 505.961 81.0208 505.877 80.89 505.81Z"
fill="#4D8AF0"
/>
<path
id="Vector_25"
opacity="0.5"
d="M25.89 174.81C25.0729 174.441 24.4189 173.786 24.0506 172.968C23.6823 172.151 23.6252 171.227 23.89 170.37C23.932 170.237 23.9588 170.099 23.97 169.96C23.9955 169.564 23.8925 169.171 23.6763 168.838C23.4601 168.506 23.1423 168.252 22.7702 168.115C22.3981 167.978 21.9916 167.965 21.6114 168.077C21.2311 168.19 20.8974 168.422 20.66 168.74C20.5799 168.852 20.5128 168.973 20.46 169.1C20.1012 169.928 19.4502 170.594 18.6312 170.972C17.8122 171.35 16.8827 171.414 16.02 171.15C15.8865 171.109 15.7491 171.082 15.61 171.07C15.2143 171.044 14.8209 171.147 14.4884 171.364C14.156 171.58 13.9023 171.898 13.7651 172.27C13.628 172.642 13.6147 173.048 13.7273 173.429C13.8399 173.809 14.0724 174.143 14.39 174.38C14.5005 174.465 14.6215 174.536 14.75 174.59C15.5762 174.951 16.2413 175.602 16.6192 176.42C16.9971 177.239 17.0614 178.167 16.8 179.03C16.759 179.16 16.7322 179.294 16.72 179.43C16.692 179.827 16.7933 180.222 17.0086 180.556C17.224 180.89 17.5418 181.146 17.9145 181.284C18.2872 181.423 18.6948 181.437 19.0762 181.324C19.4575 181.212 19.7922 180.979 20.03 180.66C20.1122 180.546 20.1794 180.421 20.23 180.29C20.5976 179.471 21.2524 178.816 22.0705 178.448C22.8886 178.079 23.8134 178.023 24.67 178.29C24.8035 178.331 24.9409 178.358 25.08 178.37C25.4758 178.396 25.8692 178.293 26.2016 178.076C26.5341 177.86 26.7877 177.542 26.9249 177.17C27.062 176.798 27.0753 176.392 26.9627 176.011C26.8501 175.631 26.6177 175.297 26.3 175.06C26.1765 174.957 26.0383 174.873 25.89 174.81Z"
fill="#4D8AF0"
/>
<path
id="Vector_26"
opacity="0.5"
d="M632.89 6.80998C632.073 6.44062 631.419 5.78565 631.051 4.9681C630.682 4.15054 630.625 3.22666 630.89 2.36998C630.932 2.23676 630.959 2.09922 630.97 1.95998C630.995 1.56423 630.892 1.17083 630.676 0.838383C630.46 0.505937 630.142 0.252242 629.77 0.115094C629.398 -0.0220546 628.992 -0.0353136 628.611 0.07729C628.231 0.189894 627.897 0.422333 627.66 0.739979C627.58 0.852026 627.513 0.972799 627.46 1.09998C627.092 1.91848 626.438 2.57394 625.619 2.94246C624.801 3.31097 623.877 3.36701 623.02 3.09998C622.886 3.05907 622.749 3.03226 622.61 3.01998C622.179 2.92956 621.73 2.99675 621.344 3.20935C620.958 3.42196 620.662 3.76586 620.508 4.1786C620.354 4.59134 620.354 5.04552 620.506 5.45864C620.659 5.87176 620.955 6.21641 621.34 6.42998C621.45 6.51519 621.571 6.58577 621.7 6.63998C622.517 7.00934 623.171 7.66431 623.539 8.48186C623.908 9.29941 623.965 10.2233 623.7 11.08C623.659 11.21 623.632 11.3442 623.62 11.48C623.578 11.8918 623.676 12.3058 623.898 12.6551C624.12 13.0044 624.453 13.2686 624.844 13.405C625.235 13.5415 625.66 13.5422 626.051 13.407C626.443 13.2718 626.777 13.0086 627 12.66C627.082 12.5457 627.149 12.4213 627.2 12.29C627.568 11.4715 628.222 10.816 629.04 10.4475C629.859 10.079 630.783 10.023 631.64 10.29C631.773 10.3309 631.911 10.3577 632.05 10.37C632.446 10.3955 632.839 10.2925 633.172 10.0763C633.504 9.86006 633.758 9.54224 633.895 9.17014C634.032 8.79804 634.045 8.39159 633.933 8.01134C633.82 7.63109 633.588 7.2974 633.27 7.05998C633.156 6.95919 633.028 6.87503 632.89 6.80998Z"
fill="#4D8AF0"
/>
<g id="Group_2" opacity="0.5">
<path
id="Vector_27"
opacity="0.5"
d="M113 257.85H110V274.85H113V257.85Z"
fill="#47E6B1"
/>
<path
id="Vector_28"
opacity="0.5"
d="M120 267.85V264.85H103V267.85H120Z"
fill="#47E6B1"
/>
</g>
<g id="Group_3" opacity="0.5">
<path
id="Vector_29"
opacity="0.5"
d="M833 177.85H830V194.85H833V177.85Z"
fill="#47E6B1"
/>
<path
id="Vector_30"
opacity="0.5"
d="M840 187.85V184.85H823V187.85H840Z"
fill="#47E6B1"
/>
</g>
<g id="Group_4" opacity="0.5">
<path
id="Vector_31"
opacity="0.5"
d="M733 456.85H730V473.85H733V456.85Z"
fill="#47E6B1"
/>
<path
id="Vector_32"
opacity="0.5"
d="M740 466.85V463.85H723V466.85H740Z"
fill="#47E6B1"
/>
</g>
<path
id="Vector_33"
opacity="0.5"
d="M723 87.85C726.314 87.85 729 85.1637 729 81.85C729 78.5363 726.314 75.85 723 75.85C719.686 75.85 717 78.5363 717 81.85C717 85.1637 719.686 87.85 723 87.85Z"
fill="#F55F44"
/>
<path
id="Vector_34"
opacity="0.5"
d="M6 18.85C9.31371 18.85 12 16.1637 12 12.85C12 9.5363 9.31371 6.85001 6 6.85001C2.68629 6.85001 0 9.5363 0 12.85C0 16.1637 2.68629 18.85 6 18.85Z"
fill="#F55F44"
/>
<path
id="Vector_35"
opacity="0.5"
d="M186 363.85C189.314 363.85 192 361.164 192 357.85C192 354.536 189.314 351.85 186 351.85C182.686 351.85 180 354.536 180 357.85C180 361.164 182.686 363.85 186 363.85Z"
fill="#F55F44"
/>
</g>
</g>
<defs>
<linearGradient
id="paint0_linear"
x1="431.52"
y1="190"
x2="425.02"
y2="797.6"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop offset="0.924839" stop-color="white" stop-opacity="0.74" />
</linearGradient>
<radialGradient
id="paint1_angular"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(431.52 190.1) scale(318 583.721)"
>
<stop
offset="0.166244"
stop-color="#FFC200"
stop-opacity="0.786774"
/>
<stop offset="0.249223" stop-color="#FFE600" stop-opacity="0.38" />
<stop offset="0.361357" stop-color="#FFB800" stop-opacity="0.91" />
</radialGradient>
<linearGradient
id="paint2_linear"
x1="-40959.9"
y1="274927"
x2="-30388.4"
y2="243543"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#808080" stop-opacity="0.25" />
<stop offset="0.54" stop-color="#808080" stop-opacity="0.12" />
<stop offset="1" stop-color="#808080" stop-opacity="0.1" />
</linearGradient>
<clipPath id="clip0">
<rect width="840" height="726.85" fill="white" />
</clipPath>
</defs>
</svg>
<!-- <embed src="./ufo_tone_wav.wav" hidden="true" /> -->
<div class="sound">
<audio controls autoplay hidden>
<source src="./ufo_tone_wav.wav" type="audio/wav" />
</audio>
</div>
<script src="./script.js"></script>
</body>
</html>