Created
November 19, 2023 07:24
-
-
Save alexmwalker/cff4ccf655c4ec2d7f4434800b3ab714 to your computer and use it in GitHub Desktop.
Sparkly vector stars
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1224 877"> | |
| <style> | |
| :root { | |
| --looptime: 4s; | |
| } | |
| body { | |
| background: #123; | |
| } | |
| .space use { | |
| -webkit-animation: sparkle var(--looptime) ease-in-out infinite; | |
| animation: sparkle var(--looptime) ease-in-out infinite; | |
| } | |
| use:nth-of-type(10n) { | |
| -webkit-animation-delay: calc((var(--looptime) / -10) * 1); | |
| animation-delay: calc((var(--looptime) / -10) * 1); | |
| } | |
| use:nth-of-type(10n - 1) { | |
| -webkit-animation-delay: calc((var(--looptime) / -10) * 2); | |
| animation-delay: calc((var(--looptime) / -10) * 2); | |
| } | |
| use:nth-of-type(10n - 2) { | |
| -webkit-animation-delay: calc((var(--looptime) / -10) * 3); | |
| animation-delay: calc((var(--looptime) / -10) * 3); | |
| } | |
| use:nth-of-type(10n - 3) { | |
| -webkit-animation-delay: calc((var(--looptime) / -10) * 4); | |
| animation-delay: calc((var(--looptime) / -10) * 4); | |
| } | |
| use:nth-of-type(10n - 4) { | |
| -webkit-animation-delay: calc((var(--looptime) / -10) * 5); | |
| animation-delay: calc((var(--looptime) / -10) * 5); | |
| } | |
| use:nth-of-type(10n - 5) { | |
| -webkit-animation-delay: calc((var(--looptime) / -10) * 6); | |
| animation-delay: calc((var(--looptime) / -10) * 6); | |
| } | |
| use:nth-of-type(10n - 6) { | |
| -webkit-animation-delay: calc((var(--looptime) / -10) * 7); | |
| animation-delay: calc((var(--looptime) / -10) * 7); | |
| } | |
| use:nth-of-type(10n - 7) { | |
| -webkit-animation-delay: calc((var(--looptime) / -10) * 8); | |
| animation-delay: calc((var(--looptime) / -10) * 8); | |
| } | |
| use:nth-of-type(10n - 8) { | |
| -webkit-animation-delay: calc((var(--looptime) / -10) * 9); | |
| animation-delay: calc((var(--looptime) / -10) * 9); | |
| } | |
| use:nth-of-type(10n - 9) { | |
| -webkit-animation-delay: calc((var(--looptime) / -10) * 10); | |
| animation-delay: calc((var(--looptime) / -10) * 10); | |
| } | |
| @-webkit-keyframes sparkle { | |
| 0% { | |
| opacity: 1; | |
| } | |
| 60% { | |
| opacity: 1; | |
| } | |
| 80% { | |
| opacity: 0.1; | |
| } | |
| 90% { | |
| opacity: 1; | |
| } | |
| 100% { | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes sparkle { | |
| 0% { | |
| opacity: 1; | |
| } | |
| 60% { | |
| opacity: 1; | |
| } | |
| 80% { | |
| opacity: 0.1; | |
| } | |
| 90% { | |
| opacity: 1; | |
| } | |
| 100% { | |
| opacity: 1; | |
| } | |
| } | |
| </style> | |
| <defs> | |
| <radialGradient id="c" cx="787.6" cy="404.9" r="21.3" gradientTransform="matrix(.963 0 0 .964 -77.63 -30.47)" gradientUnits="userSpaceOnUse"> | |
| <stop offset="0" style="stop-color: rgb(100% 100% 100%)"/> | |
| <stop offset=".2" style="stop-color: rgb(255, 255, 255);"/> | |
| <stop offset=".5" style="stop-color: rgba(255, 255, 255, 0.94);"/> | |
| <stop offset=".8" style="stop-color: rgba(255, 255, 255, 0.52);"/> | |
| <stop offset="1" style="stop-color: rgba(255, 255, 255, 0);"/> | |
| </radialGradient> | |
| <radialGradient id="a" cx="738" cy="359.8" r="3.1" gradientTransform="matrix(0 -10.468 1 0 320.06 8085.4)" gradientUnits="userSpaceOnUse"> | |
| <stop offset="0" style="stop-color: rgb(100% 100% 100%)"/> | |
| <stop offset="1" style="stop-color: rgba(255, 255, 255, 0);"/> | |
| </radialGradient> | |
| <radialGradient id="b" cx="738" cy="359.8" r="3.1" gradientTransform="matrix(0 -10.468 1 0 319.76 8082.08)" gradientUnits="userSpaceOnUse"> | |
| <stop offset="0" style="stop-color: rgb(100% 100% 100%)"/> | |
| <stop offset="1" style="stop-color: rgba(255, 255, 255, 0);"/> | |
| </radialGradient> | |
| <radialGradient id="d" cx="384.9" cy="425.8" r="6.3" gradientUnits="userSpaceOnUse"> | |
| <stop offset="0" style="stop-color: rgb(100% 100% 100%)"/> | |
| <stop offset="1" style="stop-color: rgba(255, 255, 255, 0);"/> | |
| </radialGradient> | |
| <symbol id="e" viewBox="0 0 65 65"> | |
| <g transform="translate(-647.1 -327.6)"> | |
| <title>star</title> | |
| <ellipse cx="679.9" cy="360.1" rx="3.1" ry="32.5" style="fill: url('#a');"/> | |
| <ellipse cx="679.6" cy="356.8" rx="3.1" ry="32.5" style="fill: url('#b'); transform-box: fill-box; transform-origin: 50% 50%;" transform="rotate(90 -2 2)"/> | |
| <circle cx="679.5" cy="361.9" r="21.3" style="fill: url('#c');"/> | |
| </g> | |
| </symbol> | |
| <symbol id="f" viewBox="0 0 12.6 12.6"> | |
| <circle cx="384.9" cy="425.8" r="6.3" style="fill: url('#d');" transform="translate(-378.6 -419.5)"/> | |
| </symbol> | |
| </defs> | |
| <g class="space"> | |
| <use href="#e" width="65" height="65" transform="translate(749.37 371.71)"/> | |
| <use href="#e" width="65" height="65" transform="translate(1087.16 289.24)"/> | |
| <use href="#e" width="65" height="65" transform="translate(407 599.18)"/> | |
| <use href="#e" width="65" height="65" transform="translate(209.84 571.18)"/> | |
| <use href="#e" width="65" height="65" transform="translate(87.77 170.17)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.48 0 0 .48 1021.29 224.21)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 949.22 348.61)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 1154.06 428.99)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 858.87 294.74)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 852.52 415.51)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 909.85 396.02)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 556.76 546.11)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 625.72 493.18)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 582.88 462.97)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.36 0 0 .38 498.38 582.1)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.36 0 0 .38 589.58 359.53)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.36 0 0 .38 550.02 430.8)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.36 0 0 .38 378.98 625.55)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.3 0 0 .33 504.54 543.56)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.3 0 0 .33 519.14 521.94)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 61.52 488.62)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 21.65 437.64)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 125.15 536.97)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 157.5 571.92)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 99.35 314.8)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 167.95 202.88)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 50.43 236)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.42 0 0 .42 10.14 323.69)"/> | |
| <use href="#e" width="65" height="65" transform="matrix(.35 0 0 .35 325.33 587.62)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(377.14 418.51)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(308.05 538.06)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(671.5 419.85)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(592.74 551.28)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(626.07 546.15)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(1101.45 202.78)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(1203.94 200.07)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(1174.94 254.15)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(1160.56 240.71)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(1144.5 296.51)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(1091.6 287.34)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(1078.36 281.88)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(1085.13 305.13)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(1062.66 264.88)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(971.79 292.8)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(890.16 409.17)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(723.1 518.87)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(716.65 466.28)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(746.05 418.48)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(680.62 568.08)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(404.2 596)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(448.2 550.14)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(294.37 623.1)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(169.65 652.24)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(167.58 536.33)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(205.3 559.93)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(49.22 304.44)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(96.37 462.2)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(15.96 632.75)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(186.62 595.1)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 98.44 538.3)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 82.4 538.03)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 95.68 553.44)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 63.43 573.15)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 62.58 556.5)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 126.8 494.61)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 204.6 514.79)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 221.21 547.32)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 215.62 553.16)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 226.06 475.42)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 119.99 475.9)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 16.52 486.18)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 32.53 467.3)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 46.52 464.19)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 34.62 534.43)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 115.08 594.37)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 105.89 610.91)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 133.83 600.02)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.72 0 0 .72 176.32 599.97)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 139.47 663.6)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 163.73 661.01)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.53 0 0 .53 200 655.22)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.53 0 0 .53 263.48 632.3)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(1185.97 439.95)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(1129.8 345.1)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(148.52 131.88)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(73.91 172.46)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(73.56 218.18)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(268.83 688.36)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 340.88 483.93)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 314.4 486.3)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 347.55 539.8)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 397.68 582.66)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 372.36 565.97)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 286.2 595.2)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 257.32 537.07)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.58 0 0 .58 476.11 577.47)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.58 0 0 .58 481.43 629.14)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.58 0 0 .58 304.02 570.74)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.58 0 0 .58 394.55 569.99)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.58 0 0 .58 324.75 626.57)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.58 0 0 .58 551.87 531.29)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.58 0 0 .58 531.32 476.45)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.58 0 0 .58 546.12 489.82)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.58 0 0 .58 548.78 474.45)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.58 0 0 .58 513.75 500.8)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.58 0 0 .58 567.3 494.88)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 372.77 608.67)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 356.29 614.67)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 304.3 559.84)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 300.48 531.24)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 367.75 546.25)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 432.07 528.78)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 459.4 482.52)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 460.04 548.74)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 488.21 571.52)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 525.97 576.34)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 526.35 554.52)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 545.61 524.17)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 513.5 487.47)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 547.59 654.61)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 560.2 614.44)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 468.85 620.16)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 410.9 553.9)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 390.34 618.16)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 274.05 646.26)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 238.8 643.39)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 305.8 611.47)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 258.82 570.7)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 239.42 565.58)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 500.8 520.59)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 420.57 593.9)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 397.34 606.5)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 393.33 555.56)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 665.01 531.42)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 665.53 539.45)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 671.12 541.93)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 727.35 545.86)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 734.24 534.77)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 781.98 495.2)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 834.8 392.87)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 832.85 386.25)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 869.84 386.21)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 853.18 451.43)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 568 495.86)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 644.44 584.7)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 646.6 562.35)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 666.5 579.89)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 738.03 483.65)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 725.27 484.9)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 796.86 449.47)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 811.66 464.53)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 821.04 467.81)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 816.4 482.96)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 792.03 477.63)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 675.86 458.53)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 637.96 438.24)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 720.76 433.26)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 704.11 401.97)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 748.75 385.58)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 849.08 364.5)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 943.67 369.42)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 923.46 357.74)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 905.21 420.28)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 897.88 403)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 948.3 466.39)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 878.22 344.61)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 1044.8 375.53)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 1044.8 388.4)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="matrix(.42 0 0 .42 1062.17 387.7)"/> | |
| <use href="#f" width="12.6" height="12.6" transform="translate(882.7 324.86)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 972.54 311.4)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 989.64 307.77)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 986.48 248.64)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 1008.13 264.37)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 1021.63 250.43)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 1031.57 261.1)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 991.93 377.95)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 1007.18 391.32)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 1029.64 386.3)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 1042.35 404.68)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 1084.57 436.88)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 948.24 370.89)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 932.82 416.53)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 968.28 331)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 1149.49 363.45)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 1162.6 368.62)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 1171.05 299.34)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 1151.08 244.37)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.82;" transform="matrix(.86 0 0 .86 1124.46 377.19)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 1105.59 451.12)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 1128.02 447.33)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 1090.62 487.26)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 1054.78 300.74)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 881.34 238.87)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 895.96 234.23)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 784.28 248.05)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 754.75 215.64)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 898.64 364.99)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 888.83 372.93)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 907.75 323.82)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 925.68 314.48)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 901.16 296.44)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 875.68 278.46)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 896.51 268.15)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 936.35 271.64)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 938.85 292.03)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 957.97 299.93)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1027.42 340.87)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1045.48 325.93)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 994.03 276.53)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 955.25 250.13)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 947.47 241.23)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 977.5 244.82)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1070.18 220.59)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1105.95 247.5)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1151.78 191.5)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1158.7 212.13)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1179.65 223.66)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1189.96 251.46)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1114.16 403.57)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1094.72 408.18)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1104.38 418.62)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1118.08 423.07)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1122.88 411.87)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1168.05 395.67)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1185.1 392.82)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1217.52 375.63)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1195.43 347.27)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1167.21 329.78)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1159.69 311.51)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1207.55 316.7)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1024.59 422.71)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1008.03 419.33)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 987.54 425.24)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 952.29 452.31)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1012.78 464.06)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1049 465.1)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 994.63 296.64)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 860.13 343.74)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 864.41 336)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 850.68 301.22)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 839.84 303.15)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1142.88 273.77)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1118.05 282.71)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1199.87 280.7)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1212.11 216.1)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1116.94 186.9)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 1173.94 168)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 975.48 275.65)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.48;" transform="matrix(.42 0 0 .42 908.89 255.62)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 1213.1 167.26)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 1101 158.27)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 995.98 250.95)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 814.58 322.84)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.49;" transform="matrix(.86 0 0 .86 795.58 335.76)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 740.94 463.5)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 761.46 451.8)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 734.42 506.2)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 723.95 496.92)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 709.4 511.25)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 680.08 467.97)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 887.73 486.3)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 586.02 635.02)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 563.6 674.79)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 588.2 673.02)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 671.43 733.4)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 642.94 701.81)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 687.62 645.63)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 476.75 685.69)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 630.51 593.94)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 588.65 615.44)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 681.23 627.98)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 631.3 534.3)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 631.3 528.72)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 646.13 544.34)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 469.53 502.98)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 372.04 592.29)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 362.21 588.64)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 347.83 617.7)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 363.02 633.73)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.44;" transform="matrix(.42 0 0 .42 288.4 630.96)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 244.8 719.67)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 216.43 688.14)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 175.06 722.07)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 159.47 622.38)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 90.07 588.68)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 45.82 642.34)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 53.65 692.65)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 51.46 539.92)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 29.39 524.26)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 16.26 414.2)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 10.32 389.82)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 40.42 383.97)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 151.88 338.11)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 47.21 393.07)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 97.65 370.78)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 51.21 355.33)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 140.67 348.15)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 51.63 317.61)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 37.66 326.39)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 41.28 192.57)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 21.08 218.42)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 77.21 273.05)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 9.02 258.4)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 .21 256.42)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 12.75 446.58)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 26.7 289.73)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 30.83 281.23)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 23.26 270.49)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 65.45 263.62)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 114.73 277.6)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 92.58 243.77)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 174.45 139.37)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 50.73 163)"/> | |
| <use href="#f" width="12.6" height="12.6" style="opacity: 0.32;" transform="matrix(.86 0 0 .86 62.4 211.4)"/> | |
| </g> | |
| </svg> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment