<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pelagic - Living Light</title>
<style>
@import url("https://fonts.googleapis.com/css2?family=Montserrat%3Aital%2Cwght%400%2C400&display=swap");
#root {
--current: 0;
--length: 1;
--spectrum: 0;
width: 800px;
height: 800px;
background: none;
position: relative;
overflow: hidden;
isolation: isolate;
}
#root .ga-node-0 {
position: absolute;
inset: 0;
isolation: isolate;
}
#root .ga-node-45 {
position: absolute;
inset: 0;
isolation: isolate;
background: radial-gradient(ellipse at 50% 50%, rgb(20 139 157 / 0.48) 0%, rgb(20 139 157 / 0.478623) 2.41%, rgb(20 139 157 / 0.474609) 4.77%, rgb(20 139 157 / 0.468135) 7.09%, rgb(20 139 157 / 0.459375) 9.38%, rgb(20 139 157 / 0.448506) 11.64%, rgb(20 139 157 / 0.435703) 13.86%, rgb(20 139 157 / 0.421143) 16.05%, rgb(20 139 157 / 0.405) 18.22%, rgb(20 139 157 / 0.387451) 20.37%, rgb(20 139 157 / 0.368672) 22.5%, rgb(20 139 157 / 0.348838) 24.61%, rgb(20 139 157 / 0.328125) 26.7%, rgb(20 139 157 / 0.306709) 28.79%, rgb(20 139 157 / 0.284766) 30.86%, rgb(20 139 157 / 0.262471) 32.93%, rgb(20 139 157 / 0.24) 35%, rgb(20 139 157 / 0.217529) 37.07%, rgb(20 139 157 / 0.195234) 39.14%, rgb(20 139 157 / 0.173291) 41.21%, rgb(20 139 157 / 0.151875) 43.3%, rgb(20 139 157 / 0.131162) 45.39%, rgb(20 139 157 / 0.111328) 47.5%, rgb(20 139 157 / 0.092549) 49.63%, rgb(20 139 157 / 0.075) 51.78%, rgb(20 139 157 / 0.058857) 53.95%, rgb(20 139 157 / 0.044297) 56.14%, rgb(20 139 157 / 0.031494) 58.36%, rgb(20 139 157 / 0.020625) 60.62%, rgb(20 139 157 / 0.011865) 62.91%, rgb(20 139 157 / 0.005391) 65.23%, rgb(20 139 157 / 0.001377) 67.59%, rgb(20 139 157 / 0) 70%) 30px -440px / 750px 1160px no-repeat no-repeat, linear-gradient(0deg, rgb(2 10 23 / 1) 0%, rgb(2.0143 10.1406 23.1434 / 1) 3.44%, rgb(2.0562 10.5503 23.5615 / 1) 6.81%, rgb(2.1236 11.2112 24.236 / 1) 10.13%, rgb(2.2148 12.1055 25.1484 / 1) 13.4%, rgb(2.3281 13.215 26.2806 / 1) 16.62%, rgb(2.4614 14.522 27.6143 / 1) 19.8%, rgb(2.6131 16.0084 29.131 / 1) 22.93%, rgb(2.7813 17.6563 30.8125 / 1) 26.03%, rgb(2.9641 19.4477 32.6405 / 1) 29.1%, rgb(3.1597 21.3647 34.5967 / 1) 32.14%, rgb(3.3663 23.3895 36.6627 / 1) 35.15%, rgb(3.582 25.5039 38.8203 / 1) 38.14%, rgb(3.8051 27.6901 41.0511 / 1) 41.12%, rgb(4.0337 29.9302 43.3369 / 1) 44.09%, rgb(4.2659 32.2061 45.6593 / 1) 47.05%, rgb(4.5 34.5 48 / 1) 50%, rgb(4.7341 36.7939 50.3407 / 1) 52.95%, rgb(4.9663 39.0698 52.6631 / 1) 55.91%, rgb(5.1949 41.3099 54.9489 / 1) 58.88%, rgb(5.418 43.4961 57.1797 / 1) 61.86%, rgb(5.6337 45.6105 59.3373 / 1) 64.85%, rgb(5.8403 47.6353 61.4033 / 1) 67.86%, rgb(6.0359 49.5523 63.3595 / 1) 70.9%, rgb(6.2188 51.3438 65.1875 / 1) 73.97%, rgb(6.3869 52.9916 66.869 / 1) 77.07%, rgb(6.5386 54.478 68.3857 / 1) 80.2%, rgb(6.6719 55.785 69.7194 / 1) 83.38%, rgb(6.7852 56.8945 70.8516 / 1) 86.6%, rgb(6.8764 57.7888 71.764 / 1) 89.87%, rgb(6.9438 58.4497 72.4385 / 1) 93.19%, rgb(6.9857 58.8594 72.8566 / 1) 96.56%, rgb(7 59 73 / 1) 100%) 0px 0px / 800px 800px no-repeat no-repeat, linear-gradient(rgb(3 19 30 / 1), rgb(3 19 30 / 1)) 0px 0px / 800px 800px no-repeat no-repeat;
}
#root .ga-node-44 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 800px);
top: 0px;
height: max(0px, 800px);
}
#root .ga-node-4 {
position: absolute;
inset: 0;
isolation: isolate;
filter: hue-rotate(calc(var(--spectrum) * 1deg));
}
#root .ga-node-25 {
position: absolute;
inset: 0;
isolation: isolate;
transform: translate(0px, 21px) skew(calc(var(--current) * 1deg), 0deg) scale(1, var(--length));
transform-origin: 50% 50%;
filter: drop-shadow(0px 0px 7px rgb(70 221 214 / 0.55));
}
#root .ga-node-43 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 70px;
height: max(0px, 650px);
}
#root .ga-node-42 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 70px;
height: max(0px, 650px);
}
#root .ga-node-41 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 76px;
height: max(0px, 650px);
}
#root .ga-node-40 {
position: absolute;
pointer-events: none;
left: 99px;
width: max(0px, 630px);
top: 81px;
height: max(0px, 650px);
}
#root .ga-node-39 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 85px;
height: max(0px, 650px);
}
#root .ga-node-38 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 76px;
height: max(0px, 650px);
}
#root .ga-node-37 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 73px;
height: max(0px, 650px);
}
#root .ga-node-36 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 76px;
height: max(0px, 650px);
}
#root .ga-node-35 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 70px;
height: max(0px, 650px);
}
#root .ga-node-34 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 88px;
height: max(0px, 650px);
}
#root .ga-node-33 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 74px;
height: max(0px, 650px);
}
#root .ga-node-32 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 71px;
height: max(0px, 650px);
}
#root .ga-node-31 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 73px;
height: max(0px, 650px);
}
#root .ga-node-30 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 74px;
height: max(0px, 650px);
}
#root .ga-node-29 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 80px;
height: max(0px, 650px);
}
#root .ga-node-28 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 81px;
height: max(0px, 650px);
}
#root .ga-node-27 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 82px;
height: max(0px, 650px);
}
#root .ga-node-26 {
position: absolute;
pointer-events: none;
left: 85px;
width: max(0px, 630px);
top: 71px;
height: max(0px, 650px);
}
#root .ga-node-24 {
position: absolute;
inset: 0;
isolation: isolate;
background: radial-gradient(ellipse at 50% 50%, rgb(174 254 231 / 0.82) 0%, rgb(173.7395 253.8785 230.9371 / 0.819426) 1%, rgb(172.9782 253.5232 230.7531 / 0.817754) 1.98%, rgb(171.7436 252.947 230.4547 / 0.815056) 2.94%, rgb(170.0601 252.1614 230.0479 / 0.811406) 3.89%, rgb(167.95 251.1767 229.5379 / 0.806877) 4.82%, rgb(165.434 250.0025 228.9299 / 0.801543) 5.74%, rgb(162.5315 248.648 228.2285 / 0.795476) 6.65%, rgb(159.2615 247.122 227.4382 / 0.78875) 7.55%, rgb(155.6427 245.4333 226.5637 / 0.781438) 8.44%, rgb(151.6945 243.5907 225.6095 / 0.773613) 9.32%, rgb(147.4368 241.6038 224.5806 / 0.765349) 10.19%, rgb(142.8912 239.4826 223.482 / 0.756719) 11.06%, rgb(138.0809 237.2378 222.3196 / 0.747795) 11.93%, rgb(133.0317 234.8815 221.0993 / 0.738652) 12.79%, rgb(127.7719 232.4269 219.8282 / 0.729363) 13.64%, rgb(122.3333 229.8889 218.5139 / 0.72) 14.5%, rgb(116.7514 227.284 217.1649 / 0.710637) 15.36%, rgb(111.0659 224.6308 215.7909 / 0.701348) 16.21%, rgb(105.321 221.9498 214.4026 / 0.692205) 17.07%, rgb(99.566 219.2641 213.0118 / 0.683281) 17.94%, rgb(93.855 216.599 211.6316 / 0.674651) 18.81%, rgb(88.2478 213.9823 210.2765 / 0.666387) 19.68%, rgb(82.809 211.4442 208.9622 / 0.658562) 20.56%, rgb(77.6084 209.0173 207.7054 / 0.65125) 21.45%, rgb(72.7204 206.7362 206.5241 / 0.644524) 22.35%, rgb(68.2231 204.6375 205.4373 / 0.638457) 23.26%, rgb(64.1975 202.7589 204.4644 / 0.633123) 24.18%, rgb(60.7263 201.139 203.6255 / 0.628594) 25.11%, rgb(57.8921 199.8163 202.9406 / 0.624944) 26.06%, rgb(55.776 198.8288 202.4292 / 0.622246) 27.02%, rgb(54.4549 198.2123 202.1099 / 0.620574) 28%, rgb(54 198 202 / 0.62) 29%, rgb(53.9463 197.824 201.8796 / 0.619369) 29.93%, rgb(53.789 197.3089 201.5272 / 0.617529) 30.84%, rgb(53.5334 196.4715 200.9542 / 0.614562) 31.74%, rgb(53.1836 195.3257 200.1702 / 0.610547) 32.62%, rgb(52.7431 193.8827 199.1829 / 0.605565) 33.49%, rgb(52.2149 192.1523 197.999 / 0.599697) 34.35%, rgb(51.6015 190.1427 196.624 / 0.593024) 35.19%, rgb(50.905 187.8613 195.063 / 0.585625) 36.03%, rgb(50.1277 185.3147 193.3206 / 0.577582) 36.86%, rgb(49.2714 182.5099 191.4015 / 0.568975) 37.68%, rgb(48.3386 179.4539 189.3106 / 0.559884) 38.49%, rgb(47.3314 176.1547 187.0532 / 0.550391) 39.3%, rgb(46.2529 172.6217 184.6359 / 0.540575) 40.1%, rgb(45.1065 168.8661 182.0663 / 0.530518) 40.9%, rgb(43.8963 164.9016 179.3537 / 0.520299) 41.7%, rgb(42.6275 160.7451 176.5098 / 0.51) 42.5%, rgb(41.3063 156.4173 173.5487 / 0.499701) 43.3%, rgb(39.9406 151.9433 170.4875 / 0.489482) 44.1%, rgb(38.5395 147.3537 167.3472 / 0.479425) 44.9%, rgb(37.1143 142.6847 164.1527 / 0.469609) 45.7%, rgb(35.678 137.9796 160.9334 / 0.460116) 46.51%, rgb(34.246 133.2885 157.7237 / 0.451025) 47.32%, rgb(32.8359 128.6692 154.5631 / 0.442418) 48.14%, rgb(31.4676 124.1871 151.4964 / 0.434375) 48.97%, rgb(30.1635 119.915 148.5734 / 0.426976) 49.81%, rgb(28.9478 115.9326 145.8486 / 0.420303) 50.65%, rgb(27.8466 112.325 143.3802 / 0.414435) 51.51%, rgb(26.8869 109.1811 141.2292 / 0.409453) 52.38%, rgb(26.0962 106.5911 139.4571 / 0.405438) 53.26%, rgb(25.5017 104.6435 138.1245 / 0.402471) 54.16%, rgb(25.1287 103.4217 137.2886 / 0.400631) 55.07%, rgb(25 103 137 / 0.4) 56%, rgb(25 103 137 / 0.398853) 56.52%, rgb(25 103 137 / 0.395508) 57.02%, rgb(25 103 137 / 0.390112) 57.52%, rgb(25 103 137 / 0.382813) 58.01%, rgb(25 103 137 / 0.373755) 58.49%, rgb(25 103 137 / 0.363086) 58.97%, rgb(25 103 137 / 0.350952) 59.44%, rgb(25 103 137 / 0.3375) 59.9%, rgb(25 103 137 / 0.322876) 60.36%, rgb(25 103 137 / 0.307227) 60.82%, rgb(25 103 137 / 0.290698) 61.27%, rgb(25 103 137 / 0.273438) 61.72%, rgb(25 103 137 / 0.255591) 62.17%, rgb(25 103 137 / 0.237305) 62.61%, rgb(25 103 137 / 0.218726) 63.06%, rgb(25 103 137 / 0.2) 63.5%, rgb(25 103 137 / 0.181274) 63.94%, rgb(25 103 137 / 0.162695) 64.39%, rgb(25 103 137 / 0.144409) 64.83%, rgb(25 103 137 / 0.126563) 65.28%, rgb(25 103 137 / 0.109302) 65.73%, rgb(25 103 137 / 0.092773) 66.18%, rgb(25 103 137 / 0.077124) 66.64%, rgb(25 103 137 / 0.0625) 67.1%, rgb(25 103 137 / 0.049048) 67.56%, rgb(25 103 137 / 0.036914) 68.03%, rgb(25 103 137 / 0.026245) 68.51%, rgb(25 103 137 / 0.017188) 68.99%, rgb(25 103 137 / 0.009888) 69.48%, rgb(25 103 137 / 0.004492) 69.98%, rgb(25 103 137 / 0.001147) 70.48%, rgb(0 0 0 / 0) 71%) 196px 118px / 408px 270px no-repeat no-repeat, radial-gradient(ellipse at 50% 50%, rgb(35 214 217 / 0.58) 0%, rgb(35 214 217 / 0.578336) 2.41%, rgb(35 214 217 / 0.573486) 4.77%, rgb(35 214 217 / 0.565663) 7.09%, rgb(35 214 217 / 0.555078) 9.38%, rgb(35 214 217 / 0.541945) 11.64%, rgb(35 214 217 / 0.526475) 13.86%, rgb(35 214 217 / 0.508881) 16.05%, rgb(35 214 217 / 0.489375) 18.22%, rgb(35 214 217 / 0.46817) 20.37%, rgb(35 214 217 / 0.445479) 22.5%, rgb(35 214 217 / 0.421512) 24.61%, rgb(35 214 217 / 0.396484) 26.7%, rgb(35 214 217 / 0.370607) 28.79%, rgb(35 214 217 / 0.344092) 30.86%, rgb(35 214 217 / 0.317152) 32.93%, rgb(35 214 217 / 0.29) 35%, rgb(35 214 217 / 0.262848) 37.07%, rgb(35 214 217 / 0.235908) 39.14%, rgb(35 214 217 / 0.209393) 41.21%, rgb(35 214 217 / 0.183516) 43.3%, rgb(35 214 217 / 0.158488) 45.39%, rgb(35 214 217 / 0.134521) 47.5%, rgb(35 214 217 / 0.11183) 49.63%, rgb(35 214 217 / 0.090625) 51.78%, rgb(35 214 217 / 0.071119) 53.95%, rgb(35 214 217 / 0.053525) 56.14%, rgb(35 214 217 / 0.038055) 58.36%, rgb(35 214 217 / 0.024922) 60.62%, rgb(35 214 217 / 0.014337) 62.91%, rgb(35 214 217 / 0.006514) 65.23%, rgb(35 214 217 / 0.001664) 67.59%, rgb(35 214 217 / 0) 70%) 122px 60px / 556px 440px no-repeat no-repeat;
}
#root .ga-node-23 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 126px;
height: max(0px, 360px);
}
#root .ga-node-22 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 126px;
height: max(0px, 360px);
}
#root .ga-node-21 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 126px;
height: max(0px, 360px);
}
#root .ga-node-20 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 126px;
height: max(0px, 360px);
}
#root .ga-node-19 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 126px;
height: max(0px, 360px);
}
#root .ga-node-18 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 126px;
height: max(0px, 360px);
}
#root .ga-node-17 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 126px;
height: max(0px, 360px);
}
#root .ga-node-16 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 126px;
height: max(0px, 360px);
}
#root .ga-node-15 {
position: absolute;
inset: 0;
isolation: isolate;
background: radial-gradient(ellipse at 50% 50%, rgb(255 131 194 / 0.85) 0%, rgb(255 131 194 / 0.847562) 2.41%, rgb(255 131 194 / 0.840454) 4.77%, rgb(255 131 194 / 0.828989) 7.09%, rgb(255 131 194 / 0.813477) 9.38%, rgb(255 131 194 / 0.794229) 11.64%, rgb(255 131 194 / 0.771558) 13.86%, rgb(255 131 194 / 0.745773) 16.05%, rgb(255 131 194 / 0.717188) 18.22%, rgb(255 131 194 / 0.686111) 20.37%, rgb(255 131 194 / 0.652856) 22.5%, rgb(255 131 194 / 0.617734) 24.61%, rgb(255 131 194 / 0.581055) 26.7%, rgb(255 131 194 / 0.54313) 28.79%, rgb(255 131 194 / 0.504272) 30.86%, rgb(255 131 194 / 0.464792) 32.93%, rgb(255 131 194 / 0.425) 35%, rgb(255 131 194 / 0.385208) 37.07%, rgb(255 131 194 / 0.345728) 39.14%, rgb(255 131 194 / 0.30687) 41.21%, rgb(255 131 194 / 0.268945) 43.3%, rgb(255 131 194 / 0.232266) 45.39%, rgb(255 131 194 / 0.197144) 47.5%, rgb(255 131 194 / 0.163889) 49.63%, rgb(255 131 194 / 0.132813) 51.78%, rgb(255 131 194 / 0.104227) 53.95%, rgb(255 131 194 / 0.078442) 56.14%, rgb(255 131 194 / 0.055771) 58.36%, rgb(255 131 194 / 0.036523) 60.62%, rgb(255 131 194 / 0.021011) 62.91%, rgb(255 131 194 / 0.009546) 65.23%, rgb(255 131 194 / 0.002438) 67.59%, rgb(255 131 194 / 0) 70%) 307px 208px / 186px 140px no-repeat no-repeat;
}
#root .ga-node-14 {
position: absolute;
pointer-events: none;
left: 367px;
width: max(0px, 66px);
top: 253px;
height: max(0px, 35px);
}
#root .ga-node-13 {
position: absolute;
pointer-events: none;
left: 216px;
width: max(0px, 368px);
top: 172px;
height: max(0px, 184px);
}
#root .ga-node-12 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 120px;
height: max(0px, 360px);
}
#root .ga-node-11 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 129px;
height: max(0px, 360px);
}
#root .ga-node-10 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 126px;
height: max(0px, 360px);
}
#root .ga-node-9 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 129px;
height: max(0px, 360px);
}
#root .ga-node-8 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 130px;
height: max(0px, 360px);
}
#root .ga-node-7 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 124px;
height: max(0px, 360px);
}
#root .ga-node-6 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 132px;
height: max(0px, 360px);
}
#root .ga-node-5 {
position: absolute;
pointer-events: none;
left: 185px;
width: max(0px, 430px);
top: 121px;
height: max(0px, 360px);
}
#root .ga-node-3 {
position: absolute;
pointer-events: none;
left: 0px;
width: max(0px, 200px);
top: 0px;
height: max(0px, 200px);
}
#root .ga-node-2 {
position: absolute;
pointer-events: none;
left: 50px;
width: max(0px, 245px);
top: -52.5px;
height: max(0px, 245px);
}
#root .ga-node-1 {
position: absolute;
pointer-events: none;
left: 245px;
width: max(0px, 310px);
top: 594px;
height: max(0px, 310px);
}
</style>
</head>
<body>
<div id="root">
<div class="ga-node-0">
<div class="ga-node-45"></div>
<div class="ga-node-44">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-44" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(140 238 227 / 0.252)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M146.78 109.11l0.18 0 M58.51 37.21l0.18 0 M90.7 65.27l0.18 0 M125.8 106.72l0.18 0 M129.42 79.84l0.18 0 M86.74 68.98l0.18 0 M132.62 93.61l0.18 0 M59.43 133.87l0.18 0 M95.38 124.75l0.18 0 M116.76 57.77l0.18 0 M101.5 16.07l0.18 0 M100.26 30.57l0.18 0 M187.06 185.9l0.18 0 M60.21 43.28l0.18 0 M49.69 96.32l0.18 0 M186.36 85.41l0.18 0 M66.8 30.73l0.18 0 M59.56 70.7l0.18 0 M164.21 42.63l0.18 0 M44.79 92.37l0.18 0 M114.65 103.39l0.18 0 M147.84 182.46l0.18 0 M107.25 186.99l0.18 0 M168.08 84.37l0.18 0 M107.7 179.58l0.18 0 M57.77 145.42l0.18 0 M70.23 99.68l0.18 0 M180.09 66.2l0.18 0 M164.87 56.95l0.18 0 M100.47 17.68l0.18 0 M45.38 159.42l0.18 0 M111.47 35.02l0.18 0 M93.19 72.96l0.18 0 M169.6 82.74l0.18 0 M74.73 190.98l0.18 0 M168.56 104.36l0.18 0 M79.59 162.19l0.18 0 M183.05 151.25l0.18 0 M188.71 138.25l0.18 0 M99.83 179.59l0.18 0 M152.23 29.25l0.18 0 M122.11 70.3l0.18 0 M34.15 12.87l0.18 0 M183.81 104.91l0.18 0 M67.29 69.11l0.18 0 M36.11 152.08l0.18 0 M31.88 38.37l0.18 0 M158.47 97.82l0.18 0"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-44)"/>
</svg>
</div>
<div class="ga-node-4">
<div class="ga-node-25">
<div class="ga-node-43">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-43" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(255 145 181 / 0.47)" stroke-width="2" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M54 68 C26 102 81 113 57 139 C38 159 75 175 50 176"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-43)"/>
</svg>
</div>
<div class="ga-node-42">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-42" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(209 255 255 / 0.10710000000000001)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M54 68 C26 102 81 113 57 139 C38 159 75 175 50 176"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-42)"/>
</svg>
</div>
<div class="ga-node-41">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-41" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(88 217 226 / 0.2115)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M62.2 68 C42.2 102 89.2 113 57.2 139 C46.2 159 75.2 175 58.2 183"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-41)"/>
</svg>
</div>
<div class="ga-node-40">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-40" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(88 217 226 / 0.2115)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M70.4 68 C58.400000000000006 102 97.4 113 57.400000000000006 139 C54.400000000000006 159 75.4 175 66.4 190"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-40)"/>
</svg>
</div>
<div class="ga-node-39">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-39" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(209 255 255 / 0.10710000000000001)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M70.4 68 C58.400000000000006 102 97.4 113 57.400000000000006 139 C54.400000000000006 159 75.4 175 66.4 190"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-39)"/>
</svg>
</div>
<div class="ga-node-38">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-38" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(255 145 181 / 0.47)" stroke-width="2" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M78.6 68 C50.599999999999994 102 105.6 113 81.6 139 C62.599999999999994 159 99.6 175 74.6 176"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-38)"/>
</svg>
</div>
<div class="ga-node-37">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-37" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(88 217 226 / 0.2115)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M86.8 68 C66.8 102 113.8 113 81.8 139 C70.8 159 99.8 175 82.8 183"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-37)"/>
</svg>
</div>
<div class="ga-node-36">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-36" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(209 255 255 / 0.10710000000000001)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M86.8 68 C66.8 102 113.8 113 81.8 139 C70.8 159 99.8 175 82.8 183"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-36)"/>
</svg>
</div>
<div class="ga-node-35">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-35" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(88 217 226 / 0.2115)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M95 68 C83 102 122 113 82 139 C79 159 100 175 91 190"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-35)"/>
</svg>
</div>
<div class="ga-node-34">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-34" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(255 145 181 / 0.47)" stroke-width="2" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M103.19999999999999 68 C75.19999999999999 102 130.2 113 106.19999999999999 139 C87.19999999999999 159 124.19999999999999 175 99.19999999999999 176"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-34)"/>
</svg>
</div>
<div class="ga-node-33">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-33" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(209 255 255 / 0.10710000000000001)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M103.19999999999999 68 C75.19999999999999 102 130.2 113 106.19999999999999 139 C87.19999999999999 159 124.19999999999999 175 99.19999999999999 176"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-33)"/>
</svg>
</div>
<div class="ga-node-32">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-32" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(88 217 226 / 0.2115)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M111.39999999999999 68 C91.39999999999999 102 138.39999999999998 113 106.39999999999999 139 C95.39999999999999 159 124.39999999999998 175 107.39999999999999 183"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-32)"/>
</svg>
</div>
<div class="ga-node-31">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-31" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(88 217 226 / 0.2115)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M119.6 68 C107.6 102 146.6 113 106.6 139 C103.6 159 124.6 175 115.6 190"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-31)"/>
</svg>
</div>
<div class="ga-node-30">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-30" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(209 255 255 / 0.10710000000000001)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M119.6 68 C107.6 102 146.6 113 106.6 139 C103.6 159 124.6 175 115.6 190"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-30)"/>
</svg>
</div>
<div class="ga-node-29">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-29" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(255 145 181 / 0.47)" stroke-width="2" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M127.8 68 C99.8 102 154.8 113 130.8 139 C111.8 159 148.8 175 123.8 176"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-29)"/>
</svg>
</div>
<div class="ga-node-28">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-28" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(88 217 226 / 0.2115)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M136 68 C116 102 163 113 131 139 C120 159 149 175 132 183"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-28)"/>
</svg>
</div>
<div class="ga-node-27">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-27" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(209 255 255 / 0.10710000000000001)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M136 68 C116 102 163 113 131 139 C120 159 149 175 132 183"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-27)"/>
</svg>
</div>
<div class="ga-node-26">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-26" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(88 217 226 / 0.2115)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M144.2 68 C132.2 102 171.2 113 131.2 139 C128.2 159 149.2 175 140.2 190"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-26)"/>
</svg>
</div>
</div>
<div class="ga-node-24"></div>
<div class="ga-node-23">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-23" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="rgb(20 119 138 / 0.18)" stroke="rgb(168 255 240 / 0.396)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M12 112 C20 24 65 12 100 12 C148 12 188 45 188 112 Q168 94 148 115 Q124 95 100 117 Q78 96 53 114 Q30 94 12 112 Z"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-23)"/>
</svg>
</div>
<div class="ga-node-22">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-22" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(193 255 242 / 0.234)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 14 Q31 26 31 108"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-22)"/>
</svg>
</div>
<div class="ga-node-21">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-21" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(239 191 225 / 0.234)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 14 Q54 26 54 108"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-21)"/>
</svg>
</div>
<div class="ga-node-20">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-20" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(193 255 242 / 0.234)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 14 Q77 26 77 108"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-20)"/>
</svg>
</div>
<div class="ga-node-19">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-19" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(239 191 225 / 0.234)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 14 Q100 26 100 108"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-19)"/>
</svg>
</div>
<div class="ga-node-18">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-18" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(193 255 242 / 0.234)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 14 Q123 26 123 108"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-18)"/>
</svg>
</div>
<div class="ga-node-17">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-17" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(239 191 225 / 0.234)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 14 Q146 26 146 108"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-17)"/>
</svg>
</div>
<div class="ga-node-16">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-16" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(193 255 242 / 0.234)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M100 14 Q169 26 169 108"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-16)"/>
</svg>
</div>
<div class="ga-node-15"></div>
<div class="ga-node-14">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-14" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(255 219 237 / 0.8)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<ellipse cx="100" cy="100" rx="89.5" ry="89.5"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-14)"/>
</svg>
</div>
<div class="ga-node-13">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-13" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(234 255 245 / 0.9)" stroke-width="2" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M160,100L159.78,100 M159.088,110.419L158.99,110.402 M156.382,120.521L156.288,120.487 M151.962,130L151.875,129.95 M145.963,138.567L145.794,138.426 M138.567,145.963L138.503,145.886 M130,151.962L129.95,151.875 M120.521,156.382L120.487,156.288 M110.419,159.088L110.381,158.872 M100,160L100,159.9 M89.581,159.088L89.598,158.99 M79.479,156.382L79.513,156.288 M70,151.962L70.11,151.771 M61.433,145.963L61.497,145.886 M54.037,138.567L54.114,138.503 M48.038,130L48.125,129.95 M43.618,120.521L43.825,120.446 M40.912,110.419L41.01,110.402 M40,100L40.1,100 M40.912,89.581L41.01,89.598 M43.618,79.479L43.825,79.554 M48.038,70L48.125,70.05 M54.037,61.433L54.114,61.497 M61.433,54.037L61.497,54.114 M70,48.038L70.11,48.229 M79.479,43.618L79.513,43.712 M89.581,40.912L89.598,41.01 M100,40L100,40.1 M110.419,40.912L110.381,41.128 M120.521,43.618L120.487,43.712 M130,48.038L129.95,48.125 M138.567,54.037L138.503,54.114 M145.963,61.433L145.794,61.574 M151.962,70L151.875,70.05 M156.382,79.479L156.288,79.513 M159.088,89.581L158.99,89.598"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-13)"/>
</svg>
</div>
<div class="ga-node-12">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-12" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(251 194 228 / 0.29900000000000004)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M26 107 Q38 127 22 140 Q40 150 29 159"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-12)"/>
</svg>
</div>
<div class="ga-node-11">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-11" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(159 255 234 / 0.29900000000000004)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M47 107 Q59 127 43 140 Q61 150 50 159"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-11)"/>
</svg>
</div>
<div class="ga-node-10">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-10" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(251 194 228 / 0.29900000000000004)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M68 107 Q80 127 64 140 Q82 150 71 159"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-10)"/>
</svg>
</div>
<div class="ga-node-9">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-9" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(159 255 234 / 0.29900000000000004)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M89 107 Q101 127 85 140 Q103 150 92 159"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-9)"/>
</svg>
</div>
<div class="ga-node-8">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-8" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(251 194 228 / 0.29900000000000004)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M110 107 Q122 127 106 140 Q124 150 113 159"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-8)"/>
</svg>
</div>
<div class="ga-node-7">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-7" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(159 255 234 / 0.29900000000000004)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M131 107 Q143 127 127 140 Q145 150 134 159"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-7)"/>
</svg>
</div>
<div class="ga-node-6">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-6" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(251 194 228 / 0.29900000000000004)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M152 107 Q164 127 148 140 Q166 150 155 159"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-6)"/>
</svg>
</div>
<div class="ga-node-5">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="shape">
<defs>
<pattern id="ga-svg-5" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<g fill="none" stroke="rgb(159 255 234 / 0.29900000000000004)" stroke-width="1" stroke-linejoin="round" transform="rotate(0 100 100)">
<path d="M173 107 Q185 127 169 140 Q187 150 176 159"/>
</g>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-5)"/>
</svg>
</div>
</div>
<div class="ga-node-3">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="noise">
<defs>
<pattern id="ga-svg-3" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<filter id="ga-svg-3-content" x="0" y="0" width="100%" height="100%">
<feTurbulence type="fractalNoise" baseFrequency="0.72" numOctaves="3" seed="311" stitchTiles="stitch"/>
<feColorMatrix type="saturate" values="0"/>
<feComponentTransfer>
<feFuncR type="linear" slope="1.6" intercept="-0.30000000000000004"/>
<feFuncG type="linear" slope="1.6" intercept="-0.30000000000000004"/>
<feFuncB type="linear" slope="1.6" intercept="-0.30000000000000004"/>
</feComponentTransfer>
<feComponentTransfer color-interpolation-filters="sRGB">
<feFuncR type="linear" slope="0.5019607843137255"/>
<feFuncG type="linear" slope="0.7803921568627451"/>
<feFuncB type="linear" slope="0.8588235294117647"/>
<feFuncA type="linear" slope="1"/>
</feComponentTransfer>
</filter>
<rect width="100%" height="100%" filter="url(#ga-svg-3-content)" opacity="0.055"/>
</svg>
</pattern>
</defs>
<rect style="x: calc(-200px * 0 / max(0.000001, 200)); width: calc(200px * 800 / max(0.000001, 200)); y: calc(-200px * 0 / max(0.000001, 200)); height: calc(200px * 800 / max(0.000001, 200));" fill="url(#ga-svg-3)"/>
</svg>
</div>
<div class="ga-node-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="PELAGIC / 07">
<defs>
<pattern id="ga-svg-2" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<text font-family=""Montserrat"" font-size="13" font-weight="400" letter-spacing="0.5" text-anchor="middle" fill="rgb(178 227 220 / 1)" stroke="rgb(30 50 80 / 1)" stroke-width="0" stroke-linejoin="round" paint-order="stroke fill" xml:space="preserve" transform="rotate(0 100 100)"><tspan x="100" y="104.55">PELAGIC / 07</tspan></text>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-2)"/>
</svg>
</div>
<div class="ga-node-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="none" width="100%" height="100%" style="display:block;overflow:visible" role="img" aria-label="A STUDY IN LIVING LIGHT">
<defs>
<pattern id="ga-svg-1" width="200" height="200" patternUnits="userSpaceOnUse" overflow="hidden">
<svg width="200" height="200" viewBox="0 0 200 200" overflow="hidden">
<text font-family=""Montserrat"" font-size="8" font-weight="400" letter-spacing="0.5" text-anchor="middle" fill="rgb(99 168 181 / 1)" stroke="rgb(30 50 80 / 1)" stroke-width="0" stroke-linejoin="round" paint-order="stroke fill" xml:space="preserve" transform="rotate(0 100 100)"><tspan x="100" y="102.8">A STUDY IN LIVING LIGHT</tspan></text>
</svg>
</pattern>
</defs>
<rect style="x: 0px; width: 200px; y: 0px; height: 200px;" fill="url(#ga-svg-1)"/>
</svg>
</div>
</div>
</div>
</body>
</html>Try different values. Your changes stay in this preview and never change the saved project.
Sway the complete filament folder without disturbing the bell.
Stretch the tentacles as one nested group.
Shift the living light from turquoise to violet or amber.
An intricate bioluminescent medusa with twelve flowing filaments, translucent radial canals and a rose-lit heart. Change Current to make the tentacles sway, stretch their length, or discover a different species with the Bioluminescence control.