-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
604 lines (604 loc) · 90.6 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
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UN goal 14: Life below water</title>
<link rel="stylesheet" href="assets/styles/index.css">
<script src="script.js" defer></script>
</head>
<body>
<main>
<section class="intro">
<div class="intro__container"></div>
<header class="intro__heading">
<h1 class="intro__title">Life below water</h1>
<p class="intro__para">Scroll down</p>
</header>
<div class="intro__texts">
<div class="intro__text intro__texts--one">
<p>OUR OCEAN, THE PLANET’S LARGEST ECOSYSTEM IS
<span class="testo">ENDANGERED</span></p>
</div>
<div class="intro__text intro__texts--two">
<p>Human activity is <span>choking</span> the ocean</p>
</div>
</div>
<div class="intro__clouds">
<img src="assets/img/cloud.svg" class="intro__cloud intro__clouds--one" alt="cloud">
<img src="assets/img/cloud-bigger.svg" class="intro__cloud intro__clouds--two" alt="cloud">
<img src="assets/img/cloud.svg" class="intro__cloud intro__clouds--three" alt="cloud">
<img src="assets/img/cloud-bigger.svg" class="intro__cloud intro__clouds--four" alt="cloud">
<img src="assets/img/cloud-bigger.svg" class="intro__cloud intro__clouds--five" alt="cloud">
</div>
<img class="intro__logo" src="assets/img/goal-14-logo.png" alt="logo">
</div>
</section>
<div class="main-container">
<div class="side">
<div class="side__box side__sidebox--1">
<img src="assets/img/big_garbage.svg" class="side__bigGarbage" alt="trash">
<div class="side__inner">
<p>Around <span>17 million</span> metric tons of plastic enters our oceans each year</p>
</div>
</div>
<div class="side__box side__sidebox--2">
<img src="assets/img/smoke.svg" class="side__smoke" alt="smoke">
<div class="side__inner">
<p>The main sources of marine pollution are land-based, leading to
a seemingly unstoppable flow of litter, waste and run-off into the ocean.</p>
</div>
</div>
<div class="side__box side__sidebox--3">
</div>
<div class="side__box side__sidebox--4">
<div class="side__inner">
<img src="assets/img/miniBoat.svg" class="side__miniBoat" alt="mini boat">
<p>Plastic pollution each year is expected to double or
triple by 2040, threatening all marine life.</p>
</div>
</div>
<div class="side__box side__sidebox--5">
<div class="side__inner">
<p>Human activites harm marine life, coastal communities, and human health.</p>
<img src="assets/img/marine.svg" class="side__marine" alt="anchor">
</div>
</div>
<div class="side__box side__sidebox--6">
<div class="side__inner">
<img src="assets/img/co2_Txt.svg" class="side__co2--Txt" alt="co2 cloud">
<p> The ocean obsorbs 23% of human-generated Co2 and 90% of excess heat. This causes record ocean heat, marine heatwaves, and deaths, harming ecosystems and threatening climate change mitigation. </p>
</div>
</div>
<div class="side__box side__sidebox--7" >
<div class="side__inner">
<img src="assets/img/fish_txt.svg" class="side__fishes--1" alt="fishes">
<img src="assets/img/fish_txt.svg" class="side__fishes--2" alt="fishes">
<p>Our waste pollutes oceans, our seafood consumption contributes to overfishing, and our tourism choices affect marine habitats</p>
</div>
</div>
<div class="side__box side__sidebox--8">
<div class="side__inner">
</div>
</div>
<div class="side__box side__sidebox--9">
<div class="side__inner">
</div>
</div>
<div class="side__box side__sidebox--10">
<div class="side__inner">
<p>Pollution created by humans leaves marine species vulnerable, and we notice more fatalities than ever.
Including the coral reefs, which are known as the <i>lungs</i> of the planet.
</p>
</div>
</div>
<div class="side__box side__sidebox--11" >
<div class="side__inner">
<p>But, by breaking the habits..</p>
</div>
</div>
<div class="side__box side__sidebox--12">
<div class="side__inner">
<p>..each and everyone of us can <span>make a difference!</span></p>
</div>
</div>
<div class="side__box side__sidebox--13">
<div class="side__inner">
</div>
</div>
<div class="side__box side__sidebox--14" id="end-trigger">
<div class="side__inner">
<p>It all comes down to how we decide to behave</p>
</div>
</div>
<div class="side__box side__sidebox--15">
<div class="side__inner">
</div>
</div>
</div>
<div class="scene">
<div class="scene__wrapper">
<div class="scene__ocean">
<svg width="4400" height="197" viewBox="0 0 4400 197" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="scene__wave--one" d="M0 197V20.2805C121.329 32.4702 242.657 44.66 354.444 40.3087C466.232 35.9574 568.478 15.0649 687.5 14.9789C806.522 14.8929 942.32 35.6132 1072.5 32.6508C1202.68 29.6884 1327.24 3.04325 1454.44 0.25226C1581.65 -2.53873 1711.49 18.5245 1839.44 29.1164C1967.4 39.7084 2093.48 39.8291 2200 35.0071C2306.52 30.1851 2393.47 20.4203 2508.61 22.6367C2623.75 24.8532 2767.07 39.0508 2887.5 37.9524C3007.93 36.8541 3105.48 20.4597 3238.89 11.4445C3372.3 2.42924 3541.58 0.793058 3663.61 6.14291C3785.64 11.4928 3860.42 23.8287 3975.28 27.3493C4090.13 30.8699 4245.07 25.5752 4400 20.2805V197H0Z" fill="#0693E3" fill-opacity="0.4"/>
<path class="scene__wave--two" d="M0 197V79.1867C123.207 73.2953 246.414 67.404 357.5 66.8163C468.586 66.2285 567.551 70.9444 681.389 76.2413C795.226 81.5383 923.936 87.4163 1060.28 93.9133C1196.62 100.41 1340.59 107.526 1485 100.393C1629.41 93.2598 1774.25 71.8777 1888.33 72.7069C2002.42 73.5362 2085.74 96.5769 2206.11 100.982C2326.48 105.387 2483.91 91.1568 2615.56 83.8992C2747.2 76.6415 2853.07 76.3567 2957.78 73.8851C3062.48 71.4134 3166.03 66.755 3272.5 73.296C3378.97 79.837 3488.38 97.5774 3630 99.8039C3771.62 102.03 3945.46 88.7429 4079.17 82.721C4212.87 76.6992 4306.43 77.9429 4400 79.1867V197H0Z" fill="#0693E3" fill-opacity="0.53"/>
<path class="scene__wave--three" d="M0 197V138.094C129.127 149.007 258.254 159.92 369.722 156.355C481.191 152.789 575.001 134.745 708.889 125.134C842.777 115.524 1016.74 114.346 1142.78 122.189C1268.81 130.032 1346.92 146.894 1451.39 151.642C1555.86 156.39 1686.71 149.024 1821.11 140.45C1955.52 131.876 2093.49 122.093 2203.06 126.901C2312.62 131.71 2393.79 151.109 2520.83 155.177C2647.87 159.244 2820.78 147.979 2966.94 147.519C3113.11 147.059 3232.52 157.403 3330.56 154.587C3428.59 151.772 3505.26 135.795 3611.67 135.148C3718.07 134.502 3854.21 149.185 3990.56 152.231C4126.9 155.277 4263.45 146.685 4400 138.094V197H0Z" fill="#0693E3"/>
</svg>
</div>
<div class="scene__elements">
<img src="assets/img/birds.svg" class="scene__bird" alt="bird">
<svg class="scene__island" width="667" height="544" viewBox="0 0 667 544" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="island-primary">
<g id="beach-n-palms">
<g id="palms">
<g id="palm-four">
<path id="tree" d="M108.603 61.2899L105.057 160.951L92.9792 323.541L61.1269 323.877L91.4584 179.486L108.603 61.2899Z" fill="#564F3A"/>
<path id="blader" d="M108.885 100.112C102.581 96.3978 98.4208 89.6363 97.3191 81.3146C96.2174 72.9929 98.2645 63.7927 103.01 55.7381C107.756 47.6834 114.811 41.4339 122.624 38.3646C130.437 35.2952 138.368 35.6573 144.671 39.3713L126.778 69.7415L108.885 100.112Z" fill="#68B456"/>
<path id="blader_2" d="M106.54 94.4006C105.883 87.1138 108.952 79.792 115.071 74.046C121.191 68.3 129.86 64.6004 139.171 63.7612C148.482 62.922 157.672 65.0118 164.72 69.571C171.769 74.1301 176.097 80.7851 176.754 88.072L141.647 91.2363L106.54 94.4006Z" fill="#62A353"/>
<path id="blader_3" d="M99.7254 95.6999C103.507 89.4366 110.313 85.3494 118.646 84.3374C126.979 83.3253 136.157 85.4714 144.16 90.3034C152.163 95.1355 158.336 102.258 161.321 110.103C164.306 117.949 163.859 125.875 160.077 132.139L129.901 113.919L99.7254 95.6999Z" fill="#5A8F4E"/>
<path id="blader_4" d="M39.6057 69.8221C42.3544 63.0417 48.4323 57.9342 56.5022 55.6232C64.5721 53.3123 73.9731 53.9871 82.6369 57.4994C91.3008 61.0116 98.5179 67.0735 102.701 74.3515C106.883 81.6295 107.689 89.5275 104.94 96.3079L72.2729 83.065L39.6057 69.8221Z" fill="#62A353"/>
<path id="blader_5" d="M38.9925 119.084C36.8113 112.1 38.2643 104.295 43.0319 97.3865C47.7995 90.4775 55.4911 85.0303 64.4147 82.2432C73.3383 79.4561 82.7629 79.5574 90.6152 82.5248C98.4675 85.4922 104.104 91.0827 106.285 98.0664L72.639 108.575L38.9925 119.084Z" fill="#5A8F4E"/>
</g>
<g id="palm-three">
<path id="tree_2" d="M156.223 189.816L156.718 236.759L145.799 364.787L124.547 365.012L149.589 243.973L156.223 189.816Z" fill="#564F3A"/>
<path id="blader_6" d="M156.409 215.717C152.203 213.24 149.428 208.728 148.693 203.176C147.958 197.624 149.323 191.486 152.49 186.112C155.656 180.738 160.363 176.568 165.576 174.52C170.789 172.472 176.08 172.714 180.286 175.192L168.347 195.455L156.409 215.717Z" fill="#68B456"/>
<path id="blader_7" d="M154.847 211.906C154.409 207.045 156.456 202.16 160.539 198.326C164.622 194.492 170.406 192.024 176.618 191.464C182.83 190.904 188.962 192.298 193.665 195.34C198.367 198.382 201.255 202.822 201.693 207.684L178.27 209.795L154.847 211.906Z" fill="#62A353"/>
<path id="blader_8" d="M150.3 212.773C152.823 208.595 157.364 205.868 162.924 205.192C168.483 204.517 174.607 205.949 179.946 209.173C185.286 212.397 189.404 217.149 191.396 222.383C193.388 227.618 193.089 232.906 190.566 237.085L170.433 224.929L150.3 212.773Z" fill="#5A8F4E"/>
<path id="blader_9" d="M110.189 195.507C112.023 190.983 116.078 187.576 121.463 186.034C126.847 184.492 133.119 184.942 138.899 187.286C144.68 189.629 149.495 193.673 152.286 198.529C155.076 203.385 155.614 208.655 153.78 213.178L131.985 204.343L110.189 195.507Z" fill="#62A353"/>
<path id="blader_10" d="M109.78 228.375C108.324 223.715 109.294 218.508 112.475 213.899C115.656 209.289 120.787 205.655 126.741 203.795C132.695 201.935 138.983 202.003 144.222 203.983C149.461 205.963 153.222 209.693 154.677 214.352L132.228 221.364L109.78 228.375Z" fill="#5A8F4E"/>
</g>
<g id="palm-two">
<path id="tree_3" d="M219.859 103.457L212.315 196.324L206.412 329.173L178.997 329.462L197.116 204.989L219.859 103.457Z" fill="#564F3A"/>
<path id="blader_11" d="M224.002 131.511C218.576 128.315 214.996 122.495 214.047 115.333C213.099 108.17 214.861 100.252 218.946 93.3192C223.03 86.3867 229.103 81.0079 235.827 78.3661C242.552 75.7243 249.377 76.036 254.803 79.2326L239.402 105.372L224.002 131.511Z" fill="#68B456"/>
<path id="blader_12" d="M221.985 126.595C221.42 120.323 224.061 114.022 229.328 109.076C234.595 104.131 242.056 100.947 250.07 100.224C258.084 99.5019 265.994 101.301 272.06 105.225C278.126 109.149 281.852 114.876 282.417 121.148L252.201 123.872L221.985 126.595Z" fill="#62A353"/>
<path id="blader_13" d="M216.119 127.714C219.374 122.323 225.232 118.805 232.404 117.934C239.576 117.063 247.475 118.91 254.364 123.069C261.252 127.228 266.565 133.358 269.134 140.111C271.703 146.863 271.318 153.686 268.063 159.076L242.091 143.395L216.119 127.714Z" fill="#5A8F4E"/>
<path id="blader_14" d="M164.375 105.441C166.741 99.605 171.972 95.209 178.918 93.22C185.863 91.231 193.955 91.8118 201.412 94.8347C208.868 97.8577 215.08 103.075 218.68 109.339C222.28 115.603 222.973 122.401 220.608 128.237L192.491 116.839L164.375 105.441Z" fill="#62A353"/>
<path id="blader_15" d="M163.847 147.84C161.97 141.829 163.22 135.112 167.324 129.165C171.427 123.219 178.047 118.53 185.728 116.132C193.408 113.733 201.52 113.82 208.278 116.374C215.036 118.928 219.888 123.74 221.765 129.75L192.806 138.795L163.847 147.84Z" fill="#5A8F4E"/>
</g>
<g id="palm-one">
<path id="tree_4" d="M326.38 42.7552L317.615 150.654L310.757 305.006L278.904 305.343L299.956 160.722L326.38 42.7552Z" fill="#564F3A"/>
<path id="blader_16" d="M331.194 75.3498C324.891 71.6358 320.73 64.8743 319.629 56.5526C318.527 48.2309 320.574 39.0308 325.32 30.9761C330.065 22.9214 337.121 16.672 344.934 13.6026C352.747 10.5332 360.677 10.8954 366.981 14.6093L349.088 44.9796L331.194 75.3498Z" fill="#68B456"/>
<path id="blader_17" d="M328.85 69.6387C328.194 62.3518 331.262 55.03 337.382 49.284C343.501 43.538 352.17 39.8385 361.481 38.9992C370.792 38.16 379.983 40.2498 387.031 44.809C394.079 49.3682 398.408 56.0232 399.065 63.31L363.957 66.4744L328.85 69.6387Z" fill="#62A353"/>
<path id="blader_18" d="M322.036 70.9387C325.818 64.6754 332.624 60.5882 340.957 59.5761C349.29 58.5641 358.467 60.7102 366.47 65.5422C374.473 70.3743 380.647 77.4965 383.632 85.3421C386.617 93.1877 386.169 101.114 382.388 107.377L352.212 89.158L322.036 70.9387Z" fill="#5A8F4E"/>
<path id="blader_19" d="M261.916 45.0602C264.665 38.2797 270.743 33.1723 278.813 30.8613C286.883 28.5503 296.284 29.2252 304.947 32.7374C313.611 36.2496 320.828 42.3115 325.011 49.5895C329.194 56.8675 329.999 64.7655 327.251 71.5459L294.583 58.3031L261.916 45.0602Z" fill="#62A353"/>
<path id="blader_20" d="M261.303 94.3223C259.122 87.3386 260.575 79.5338 265.342 72.6248C270.11 65.7158 277.802 60.2686 286.725 57.4815C295.649 54.6943 305.073 54.7957 312.926 57.7631C320.778 60.7305 326.415 66.321 328.596 73.3047L294.95 83.8135L261.303 94.3223Z" fill="#5A8F4E"/>
</g>
</g>
<g id="beach">
<path id="Ellipse 12" d="M666.451 436.863C666.451 456.935 639.043 468.287 618.912 485.321C499.775 586.129 393.55 525.835 230.298 525.835C0.414665 525.835 16.7439 456.084 16.7439 386.836C16.7439 317.588 0.414665 292.798 230.298 292.798C456.326 323.722 634.351 366.862 666.451 436.863Z" fill="#ECE4BD"/>
<path id="Ellipse 13" d="M649.96 437.141C649.96 457.212 622.552 468.565 602.421 485.599C483.284 586.407 377.059 526.113 213.807 526.113C-16.0766 526.113 0.252673 456.362 0.252673 387.114C0.252673 317.866 -16.0766 293.075 213.807 293.075C439.835 324 617.86 367.139 649.96 437.141Z" fill="#FFF3B3"/>
</g>
</g>
<g id="island items">
<g id="tent">
<path id="Rectangle 24" d="M183.652 223.759C188.194 220.191 352.606 225.967 323.15 233.167C308.551 236.736 256.97 389.535 266.378 397.32C275.786 405.106 104.171 364.555 121.041 360.986C137.91 357.417 179.111 227.328 183.652 223.759Z" fill="#5E8F5D"/>
<path id="Rectangle 25" d="M203.475 247.224C217.793 255.876 273.259 260.363 273.259 260.363C273.259 260.363 284.114 294.454 260.373 294.833C236.632 295.212 196.547 284.02 196.547 284.02C196.547 284.02 189.157 238.573 203.475 247.224Z" fill="#75A974"/>
<path id="Polygon 5" d="M327.618 233.353C343.19 248.276 361.447 389.395 355.518 378.69C349.589 367.985 281.876 400.749 266.214 395.559C250.553 390.368 312.046 218.43 327.618 233.353Z" fill="#627162"/>
<path id="boat front" d="M317.224 389.41C303.519 391.851 335.73 245.681 326.322 231.731C316.914 217.782 245.26 382.714 259.817 396.902C274.375 411.089 330.928 386.969 317.224 389.41Z" fill="#7CA17B"/>
<path id="boat front_2" d="M331.187 391.667C336.053 391.667 311.821 234.93 326.321 231.732C340.821 228.533 376.516 368.601 361.682 382.584C346.848 396.567 326.321 391.667 331.187 391.667Z" fill="#7CA17B"/>
<rect id="Rectangle 26" x="242.3" y="375.766" width="7.78592" height="22.7089" rx="3.89296" transform="rotate(-27.2435 242.3 375.766)" fill="#C5C5C5"/>
<rect id="Rectangle 27" x="120.938" y="348.991" width="7.78592" height="18.5249" rx="3.89296" transform="rotate(-27.2435 120.938 348.991)" fill="#C5C5C5"/>
<g id="Rectangle 28" style="mix-blend-mode:color-burn">
<rect x="202.363" y="258.621" width="30.4948" height="5.19061" rx="2" transform="rotate(12.6673 202.363 258.621)" fill="#F2F2F2"/>
</g>
<g id="Rectangle 29" style="mix-blend-mode:color-burn">
<rect x="222.026" y="272.283" width="27.5606" height="5.19061" rx="2" transform="rotate(12.6673 222.026 272.283)" fill="#F2F2F2"/>
</g>
</g>
<g id="cup">
<path id="Vector 15" d="M88.3076 406.528L98.6671 400.777L90.5879 372.092L90.1001 372.397L89.7749 372.601L86.8481 374.432L84.8969 375.653L83.4335 376.569L77.905 380.028L67.8238 386.336L88.3076 406.528Z" fill="#EF4434"/>
<path id="Vector 16" d="M68.0953 386.426L90.7326 372.349L85.7298 369.257L82.5356 367.845L77.7839 367.968L69.2431 372.709L66.911 377.19L68.0953 386.426Z" fill="#A5DEFF"/>
<g id="Rectangle 48">
<path d="M66.6705 357.03C66.9479 356.876 67.2977 356.976 67.4518 357.254L74.2949 369.579C74.449 369.857 74.3489 370.207 74.0715 370.361C73.794 370.515 73.4442 370.415 73.2901 370.137L66.447 357.811C66.2929 357.534 66.393 357.184 66.6705 357.03Z" fill="#D9D9D9"/>
<path d="M66.6705 357.03C66.9479 356.876 67.2977 356.976 67.4518 357.254L74.2949 369.579C74.449 369.857 74.3489 370.207 74.0715 370.361C73.794 370.515 73.4442 370.415 73.2901 370.137L66.447 357.811C66.2929 357.534 66.393 357.184 66.6705 357.03Z" stroke="black"/>
</g>
<g id="Rectangle 49">
<path d="M72.8799 351.404L73.8253 352.159L67.4607 358.009L66.5153 357.254L72.8799 351.404Z" fill="#D9D9D9"/>
<path d="M72.8799 351.404L73.8253 352.159L67.4607 358.009L66.5153 357.254L72.8799 351.404Z" stroke="black"/>
</g>
</g>
<g id="bag">
<path id="Vector 13" d="M148.875 397.324L147.518 388.104L176.698 338.148L181.544 336.344L182.826 339.199L183.109 347.371L181.794 357.559C183.713 359.803 188.343 364.671 191.506 366.181C194.669 367.692 195.356 366.323 195.304 365.45L198.424 360.109L201.967 348.272L203.827 347.252L208.54 350.005L204.894 358.41L199.227 375.326C196.925 384.798 191.122 404.64 186.322 408.241L181.609 405.488L148.875 397.324Z" fill="#DBF3F5"/>
<path id="Vector 14" d="M178.294 359.024C175.216 355.761 179.471 344.449 181.983 339.2L182.912 339.743L182.308 347.175L181.616 355.47L182.965 356.715L194.379 360.635C195.08 359.672 196.736 356.884 197.748 353.446C198.76 350.007 200.93 349.657 201.889 349.912L198.96 359.191L193.776 368.067L188.402 364.47C186.315 364.014 181.371 362.287 178.294 359.024Z" fill="#A3D4DA"/>
<path id="Polygon 96" d="M162.805 368.773L159.564 399.69L148.687 396.468L162.805 368.773Z" fill="#75ABAB"/>
<path id="Polygon 97" d="M178.042 364.555L171.256 394.083L167.652 393.016L178.042 364.555Z" fill="#92C5CD"/>
</g>
<g id="paperball">
<path id="Vector 5" d="M467.346 418.788C467.033 417.611 467.697 416.77 468.068 416.497L466.939 415.843L466.332 413.497L464.039 413.29L462.674 414.002C462.227 413.842 461.293 413.231 461.133 412.071C460.973 410.912 458.983 411.082 458.008 411.312L457.08 412.107C456.87 412.295 455.809 412.816 453.247 413.398C450.684 413.981 449.972 415.883 449.936 416.761L448.838 418.723L451.329 423.095L449.78 425.548L452.841 427.554L453.308 426.49L454.069 428.242L455.202 427.562L458.515 427.628L460.969 427.29C461.883 427.64 463.825 427.81 464.287 425.688C464.749 423.567 465.619 424.171 465.997 424.738L468.453 423.732L465.687 422.494L466.239 421.37L467.63 420.844C467.666 420.649 467.659 419.964 467.346 418.788Z" fill="#E3E3E3"/>
<path id="Polygon 84" d="M463.104 422.249L460.36 417.769L464.531 417.193L463.104 422.249Z" fill="#D9D9D9"/>
<path id="Polygon 86" d="M455.827 419.443L453.084 414.963L457.254 414.387L455.827 419.443Z" fill="#D9D9D9"/>
<path id="Polygon 95" d="M459.299 417.248L456.555 412.768L460.726 412.192L459.299 417.248Z" fill="#D9D9D9"/>
<path id="Polygon 87" d="M452.3 421.93L449.556 417.45L453.727 416.874L452.3 421.93Z" fill="#FCF5F5"/>
<path id="Polygon 89" d="M459.235 418.496L456.611 416.357L461.183 415.726L459.235 418.496Z" fill="#FCF5F5"/>
<path id="Polygon 90" d="M465.222 420.146L462.597 418.008L467.169 417.377L465.222 420.146Z" fill="#FCF5F5"/>
<path id="Polygon 91" d="M462.556 426.135L459.931 423.996L464.503 423.365L462.556 426.135Z" fill="#FCF5F5"/>
<rect id="Rectangle 40" x="460.412" y="420.524" width="4.67483" height="2.64249" transform="rotate(172.14 460.412 420.524)" fill="#D9D9D9"/>
<rect id="Rectangle 41" x="466.088" y="424.028" width="4.67483" height="2.64249" transform="rotate(172.14 466.088 424.028)" fill="#D9D9D9"/>
<rect id="Rectangle 42" x="459.878" y="426.219" width="4.67483" height="2.64249" transform="rotate(172.14 459.878 426.219)" fill="#D9D9D9"/>
<rect id="Rectangle 44" x="456.13" y="423.688" width="4.67483" height="2.64249" transform="rotate(172.14 456.13 423.688)" fill="#EEEEEE"/>
<rect id="Rectangle 45" x="458.964" y="414.817" width="4.67483" height="2.64249" transform="rotate(172.14 458.964 414.817)" fill="#EEEEEE"/>
<rect id="Rectangle 47" x="464.378" y="421.216" width="2.24392" height="2.54811" transform="rotate(172.14 464.378 421.216)" fill="#EEEEEE"/>
</g>
<g id="flask">
<rect id="flaske" x="324.984" y="453.588" width="19.7809" height="34.6952" rx="9.89044" transform="rotate(85.1155 324.984 453.588)" fill="#4ACBB4"/>
<rect id="flaske_2" x="332.763" y="458.763" width="8.50223" height="11.1061" rx="4.25112" transform="rotate(84.0741 332.763 458.763)" fill="#4ACBB4"/>
<rect id="korken" x="333.717" y="458.022" width="9.84474" height="5.0638" rx="2.5319" transform="rotate(84.5331 333.717 458.022)" fill="black"/>
</g>
<path id="beer" d="M455.493 482.053L460.058 479.358L438.529 466.58L434.445 465.526L430.467 466.175L419.545 461.992L418.781 461.543L418.794 460.566L417.967 459.726L417.016 459.537L416.175 459.674L415.659 460.389L412.597 465.593L412.264 467.081L412.943 467.716L413.893 468.249L414.873 468.261L415.36 467.723L415.809 467.65L424.868 475.579L427.49 480.715L434.417 485.091L435.869 483.764L437.925 482.97L444.129 486.087L446.142 484.325L447.99 484.367L449.165 482.053L451.485 480.757L455.493 482.053Z" fill="#815329"/>
<g id="broken bottle">
<path id="Vector 4" d="M380.903 338.666L369.547 334.026L367.009 331.415L367.589 329.967L369.158 329.877L367.616 328.064L369.625 328.54L370.645 327.659L369.665 325.741L370.682 325.084L372.464 325.781L371.037 323.745L371.056 322.402L374.96 323.465L374.426 321.666L384.897 325.51L388.683 327.019L390.345 328.274L390.884 329.738L391.203 330.974L391.408 332.321L389.318 337.554L387.165 339.315L385.927 339.746L384.696 339.728L380.903 338.666Z" fill="#F0A763"/>
<path id="Ellipse 8" d="M386.309 331.142C386.132 329.882 371.449 324.316 373.259 324.09C375.069 323.864 387.146 329.947 387.323 331.207C387.501 332.467 386.178 333.672 384.368 333.898C382.558 334.124 386.487 332.403 386.309 331.142Z" fill="white"/>
</g>
<g id="fire">
<rect id="Rectangle 52" x="405.612" y="379.591" width="7.03484" height="22.1899" rx="3.51742" transform="rotate(50.8715 405.612 379.591)" fill="#663939"/>
<path id="Vector 19" d="M391.579 382.834C394.149 388.666 396.366 391.047 402.39 392.925C410.084 394.616 414.443 395.163 422.572 393.285C427.59 391.938 430.383 391.686 435.545 386.798C438.229 383.956 438.97 381.328 435.545 370.221C434.845 362.623 433.722 358.669 438.068 348.959C435.828 349.644 434.586 350.042 434.104 352.563C430.03 360.931 429.353 365.761 430.5 374.546L427.256 370.221V348.959L422.572 359.77L414.643 365.897C409.228 358.556 407.895 353.582 411.4 341.751C404.503 350.485 403.965 355.801 407.796 365.897C406.581 372.034 404.397 372.881 400.589 374.546C400.589 374.546 397.345 361.932 397.705 365.897C398.066 369.861 389.614 374.764 391.579 382.834Z" fill="#D16D35"/>
<rect id="Rectangle 53" x="437.125" y="394.918" width="6.15072" height="27.061" rx="3.07536" transform="rotate(120.872 437.125 394.918)" fill="#663939"/>
<rect id="Rectangle 54" x="425.486" y="398.185" width="12.2254" height="17.8615" rx="6.11269" transform="rotate(143.025 425.486 398.185)" fill="#663939"/>
<rect id="Rectangle 55" x="409.333" y="404.244" width="10.1534" height="18.1795" rx="5.07672" transform="rotate(-175.603 409.333 404.244)" fill="#663939"/>
<path id="Vector 17" d="M398.771 384.636C401.571 390.833 401.32 393.06 408.501 396.168C410.201 396.805 416.79 396.168 416.79 396.168C416.79 396.168 426.484 395.332 430.124 387.519V377.068C429.105 372.884 430.2 373.507 425.439 362.653C424.757 347.864 426.99 346.325 430.124 341.391C424.876 342.301 422.122 343.427 420.393 355.806C419.485 365.69 422.556 374.906 422.916 377.068C423.277 379.231 420.224 382.54 416.79 381.753C418.195 378.657 418.659 376.922 416.79 373.825L411.744 368.78C415.562 377.159 414.631 379.533 411.744 381.753C408.018 381.59 406.408 380.9 405.618 377.068C403.874 369.615 405.289 366.957 408.501 362.653C409.93 354.369 408.241 352.586 405.618 348.959C405.96 357.832 401.692 362.583 398.771 368.78C395.849 374.976 395.971 378.44 398.771 384.636Z" fill="#EE8E49"/>
<path id="Vector 18" d="M408.015 387.616C409.16 390.211 409.057 391.144 411.993 392.446C412.687 392.713 415.381 392.446 415.381 392.446C415.381 392.446 419.344 392.096 420.832 388.823V384.446C420.416 382.693 420.863 382.954 418.917 378.407C418.638 372.212 419.551 371.568 420.832 369.501C418.687 369.882 417.561 370.353 416.854 375.539C416.483 379.679 417.738 383.54 417.886 384.446C418.033 385.351 416.785 386.737 415.381 386.408C415.956 385.111 416.145 384.384 415.381 383.087L413.319 380.974C414.879 384.483 414.499 385.478 413.319 386.408C411.795 386.34 411.137 386.051 410.814 384.446C410.101 381.323 410.679 380.21 411.993 378.407C412.577 374.937 411.886 374.19 410.814 372.671C410.954 376.388 409.209 378.378 408.015 380.974C406.821 383.569 406.87 385.02 408.015 387.616Z" fill="#F2C161"/>
</g>
<g id="bottle-plastic">
<path id="Vector 20" d="M246.18 410.43C249.681 410.294 252.669 411.711 255.529 413.515C255.411 416.057 255.2 421.322 255.306 422.046C255.413 422.769 252.52 427.436 251.06 429.68L235.222 425.314L232.873 421.958L228.327 420.028L216.784 419.661L216.133 419.016C215.221 417.855 213.083 415.17 211.832 413.725C210.581 412.279 210.442 412.262 210.529 412.435L209.105 412.825L208.426 405.717C209.546 404.94 211.968 403.1 212.689 401.961C213.41 400.823 215.06 400.449 215.795 400.404L218.521 401.304L220.859 402.075L224.365 403.232C225.923 403.746 231.276 412.396 232.05 411.361C232.669 410.533 235.762 410.148 237.231 410.059C239.047 410.228 243.38 410.539 246.18 410.43Z" fill="#E1F6F7" stroke="#E1F6F7"/>
<path id="Rectangle 59" d="M208.721 405.154L204.124 405.576L202.695 409.91L204.852 413.509L209.449 413.087L208.721 405.154Z" fill="#4474AF"/>
<path id="Vector 13_2" d="M239.177 419.152L244.188 411.032L239.166 409.934L235.03 410.616L232.588 413.431C232.715 412.361 229.88 409.708 226.57 405.778C221.306 399.529 223.992 406.407 225.554 408.856C226.803 410.815 229.065 413.667 230.04 414.848L232.377 416.908L239.177 419.152Z" fill="#A4D5DB"/>
<path id="Vector 21" d="M255.223 413.695L250.955 414.648C250.805 415.143 250.299 417.538 249.45 423.189L249.958 428.411L255.297 421.314L255.223 413.695Z" fill="#A4D5DB"/>
<path id="Vector 23" d="M247.166 421.689C247.166 421.689 250.318 421.105 249.018 422.376C247.719 423.647 249.126 423.97 249.172 426.291C249.172 426.291 249.291 428.474 248.626 428.598C247.961 428.721 246.813 426.015 246.669 425.095C246.524 424.176 247.166 421.689 247.166 421.689Z" fill="#C3E7EC"/>
<path id="Vector 22" d="M232.085 415.682C231.414 416.373 232.567 415.005 235.322 417.199L238.042 417.911L235.659 414.838C235.073 413.901 232.622 415.129 232.085 415.682Z" fill="#C3E7EC"/>
</g>
<g id="bag-two">
<g id="plastpose">
<path id="Vector 13_3" d="M589.919 439.607L595.715 442.104L628.954 429.111L628.976 420.291L623.675 419.565L623.41 422.943L616.864 422.227C615.533 420.466 612.67 416.306 611.868 413.762C611.066 411.217 611.971 410.943 612.524 411.124L616.078 409.735L621.809 418.847L624.146 414.846L623.556 411.603L617.483 405.316L606.44 406.656C600.3 406.774 593.389 413.315 590.857 416.21C590.776 416.003 587.838 421.789 588.376 423.166L589.919 439.607Z" fill="#DBF3F5"/>
<path id="Vector 14_2" d="M615.758 424.528C617.679 427.297 623.752 424.644 627.216 423.681L624.379 419.386L623.496 423.556L618.185 422.699L617.461 421.515L615.541 412.585C616.189 412.233 619.307 418.735 621.545 418.565C623.783 418.394 618.965 418.746 621.354 413.622L616.69 409.495L610.784 411.804L612.802 416.296C612.987 417.886 613.837 421.758 615.758 424.528Z" fill="#A3D4DA"/>
<path id="Polygon 96_2" d="M609.522 429.164L612.735 419.217L595.78 419.284L589.695 426.447L591.198 434.873L596.443 436.778L602.804 434.292L609.522 429.164Z" fill="#C8ECEC"/>
<path id="Polygon 97_2" d="M604.453 419.037L595.402 419.658L590.356 426.394L593.772 426.586L604.453 419.037Z" fill="#AFDAE1"/>
</g>
</g>
</g>
</g>
</svg>
<img class="scene__bottle" src="assets/img/bottle.svg" alt="bottle">
<img class="scene__man" src="assets/img/man.svg" alt="man">
<img class="scene__boat" src="assets/img/boat.svg" alt="boat">
<div class="scene__co2-wrap">
<img class="scene__co2--1" src="assets/img/co2 puff.svg" alt="co2">
<img class="scene__co2--2" src="assets/img/co2 puff.svg" alt="co2">
<img class="scene__co2--3" src="assets/img/co2 puff.svg" alt="co2">
</div>
<svg class="scene__island-two" width="781" height="637" viewBox="0 0 781 637" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="beach-second">
<g id="Group 36">
<path id="Ellipse 12" d="M98.8148 393.564C97.2819 376.571 121.492 364.686 138.61 348.595C239.915 253.368 341.71 295.607 491.077 282.07C701.408 263.007 691.795 323.416 697.083 382.044C702.371 440.671 719.205 460.306 508.874 479.368C299.709 471.929 133.531 450.168 98.8148 393.564Z" fill="#ECE4BD"/>
<path id="Ellipse 13" d="M113.855 391.66C112.322 374.667 136.532 362.783 153.65 346.692C254.955 251.465 356.75 293.703 506.117 280.166C716.448 261.104 706.835 321.512 712.123 380.14C717.411 438.768 734.245 458.402 523.914 477.464C314.749 470.025 148.571 448.264 113.855 391.66Z" fill="#FFF3B3"/>
</g>
<g id="fish">
<g id="Group 38">
<g id="Group 13">
<path id="Ellipse 9" d="M387.356 427.226C385.612 431.77 383 437.142 373.893 441.738C364.787 446.335 359.087 444.965 353.912 444.106C357.099 435.94 356.166 430.625 365.273 426.028C374.379 421.432 383.557 423.743 387.356 427.226Z" fill="#97B0C7"/>
<path id="Ellipse 10" d="M356.279 444.591C357.378 444.738 355.085 449.221 356.279 448.804C357.473 448.388 358.471 445.43 359.357 444.591C360.243 443.752 360.978 445.069 361.258 444.09C361.537 443.111 361.462 442.168 361.041 441.38C360.619 440.591 359.871 439.993 358.891 439.66C357.911 439.328 358.42 440.273 357.211 440.508C356.002 440.744 355.42 440.655 354.391 441.379C353.361 442.104 350.252 442.612 349.749 443.581L355.308 444.32L356.279 444.591Z" fill="#97B0C7"/>
<path id="Ellipse 11" d="M357.972 428.698C358.509 429.65 359.359 430.526 360.413 431.216C361.467 431.905 364.484 430.923 365.7 431.118C366.916 431.314 366.277 432.678 367.245 432.313C368.213 431.948 368.94 431.325 369.334 430.523C369.728 429.721 369.771 428.776 369.457 427.807C369.144 426.838 368.675 427.802 367.76 426.993C366.845 426.184 366.037 425.697 364.829 425.32C363.621 424.943 361.882 422.781 360.788 422.963L363.503 427.775L357.972 428.698Z" fill="#97B0C7"/>
</g>
<rect id="Rectangle 51" width="1.38823" height="6.73993" rx="0.694113" transform="matrix(0.446383 -0.885991 0.907317 0.438918 374.92 429.405)" fill="black"/>
<rect id="Rectangle 50" width="1.38882" height="6.737" rx="0.694411" transform="matrix(1.00042 0.120342 -0.123345 0.984543 377.952 426.958)" fill="black"/>
</g>
</g>
<g id="fish_2">
<g id="Group 38_2">
<g id="Group 13_2">
<path id="Ellipse 9_2" d="M370.054 464.344C370.568 461.154 369.948 455.052 375.249 450.861C380.551 446.669 386.036 449.072 389.525 448.951C388.568 454.689 389.903 458.028 384.602 462.219C379.3 466.411 373.006 466.113 370.054 464.344Z" fill="#9E9E9E"/>
<path id="Ellipse 10_2" d="M390.263 445.33C389.527 445.38 388.749 445.635 388.029 446.063C387.308 446.491 387.063 448.549 386.601 449.212C386.138 449.875 385.48 449.114 385.431 449.788C385.383 450.462 385.562 451.067 385.944 451.525C386.327 451.983 386.896 452.274 387.58 452.362C388.264 452.45 387.803 451.901 388.558 451.589C389.313 451.276 391.25 451.214 391.821 450.607C392.393 450 392.802 449.304 392.997 448.606L389.275 448.856L390.263 445.33Z" fill="#9E9E9E"/>
<path id="Ellipse 11_2" d="M388.991 459.52C388.511 458.971 387.838 458.512 387.057 458.201C386.276 457.891 384.446 458.927 383.627 458.96C382.808 458.993 383.037 458.02 382.457 458.385C381.876 458.75 381.488 459.252 381.341 459.826C381.195 460.4 381.296 461.021 381.633 461.611C381.97 462.201 382.144 461.511 382.85 461.918C383.557 462.325 384.765 463.81 385.603 463.896C386.441 463.983 387.256 463.888 387.943 463.626L385.516 460.849L388.991 459.52Z" fill="#9E9E9E"/>
</g>
<rect id="Rectangle 51_2" width="0.92216" height="4.48701" rx="0.46108" transform="matrix(-0.254984 0.957088 -0.977971 -0.250169 377.855 461.289)" fill="black"/>
<rect id="Rectangle 50_2" width="0.922305" height="4.4863" rx="0.461152" transform="matrix(-1.006 0.0800986 -0.0818721 -0.987313 376.216 463.281)" fill="black"/>
</g>
</g>
<g id="plastpose">
<path id="Vector 13" d="M482.063 455.105L476.364 459.657L430.724 460.07L427.542 457.568L428.959 455.586L434.381 452.161L441.815 449C442.56 446.836 443.987 441.835 443.732 439.137C443.477 436.439 442.272 436.525 441.701 436.905L436.821 436.949L427.37 439.285L425.927 438.454L425.887 434.235L433.055 433.326L446.807 430.389C454.154 428.166 469.944 424.16 474.324 425.921L474.363 430.14L482.063 455.105Z" fill="#DBF3F5"/>
<path id="Vector 14" d="M444.222 450.743C443.255 454.079 433.871 455.734 429.3 456.145L429.292 455.314L434.571 452.771L440.472 449.946L440.77 448.557L438.813 439.426C437.876 439.342 435.318 439.347 432.58 440.037C429.841 440.727 428.727 439.425 428.512 438.688L435.982 436.957L444.092 436.884L443.827 441.876C444.361 443.442 445.189 447.408 444.222 450.743Z" fill="#A3D4DA"/>
<path id="Polygon 96" d="M457.089 457.164L479.346 447.072L481.559 455.569L457.089 457.164Z" fill="#75ABAB"/>
<path id="Polygon 97" d="M448.072 448.72L470.82 441.53L471.554 444.346L448.072 448.72Z" fill="#92C5CD"/>
</g>
<g id="Vector 24" style="mix-blend-mode:overlay">
<path d="M367.521 425.299L369.737 432.827L363.881 439.912L368.949 443.623" stroke="black"/>
</g>
<g id="Vector 25" style="mix-blend-mode:overlay">
<path d="M367.026 424.513L369.416 432.602L363.566 439.879L368.636 443.696" stroke="black" stroke-opacity="0.6" stroke-width="3"/>
</g>
<g id="sharky 1" clip-path="url(#clip0_115_123)">
<g id="rod 1" clip-path="url(#clip1_115_123)">
<path id="Vector" d="M355.657 400.346L341.416 394.027L337.949 385.027C337.059 382.716 334.453 381.559 332.141 382.45C329.829 383.341 328.673 385.946 329.564 388.258L329.8 388.872L307.598 379.019C307.596 379.018 307.594 379.018 307.593 379.017L307.593 379.017C307.592 379.017 307.592 379.016 307.591 379.016C307.329 378.901 307.024 378.885 306.736 378.996C306.157 379.219 305.868 379.869 306.091 380.448L315.985 406.129C318.1 411.619 324.288 414.365 329.779 412.25C335.27 410.135 338.016 403.947 335.9 398.456L333.847 393.125L339.655 395.703L342.718 403.654C342.941 404.233 343.591 404.521 344.17 404.298C344.749 404.075 345.037 403.425 344.814 402.846L342.559 396.991L354.746 402.4C355.029 402.526 355.337 402.525 355.605 402.421C355.873 402.318 356.102 402.112 356.228 401.829C356.48 401.262 356.224 400.598 355.657 400.346ZM333.804 399.264C335.474 403.598 333.306 408.484 328.971 410.154C324.637 411.824 319.751 409.656 318.081 405.321L309.163 382.171L330.943 391.837L333.804 399.264ZM332.704 390.161L331.66 387.45C331.215 386.294 331.793 384.992 332.949 384.546C334.105 384.101 335.408 384.679 335.853 385.835L338.512 392.738L332.704 390.161Z" fill="#D8BF77"/>
<path id="Vector_2" d="M356.228 401.829C356.102 402.112 355.873 402.318 355.605 402.421C355.337 402.525 355.029 402.526 354.745 402.4L342.559 396.992L341.416 394.027L355.657 400.346C356.224 400.598 356.479 401.262 356.228 401.829ZM306.113 379.589C305.861 380.156 306.117 380.82 306.684 381.072L339.655 395.703L338.512 392.738L307.595 379.018C307.028 378.766 306.364 379.022 306.113 379.589Z" fill="#636363"/>
<path id="Vector_3" d="M358.196 399.015L369.489 404.027C371.19 404.782 371.957 406.773 371.203 408.474C370.448 410.175 368.457 410.942 366.756 410.187L355.463 405.175C353.762 404.42 352.994 402.429 353.749 400.728C354.504 399.028 356.495 398.26 358.196 399.015Z" fill="#B94B00"/>
<path id="Vector_4" d="M369.49 404.027C369.547 404.052 369.603 404.08 369.659 404.108C369.637 404.166 369.613 404.224 369.588 404.281C368.833 405.982 366.842 406.749 365.141 405.994L353.848 400.983C353.79 400.957 353.734 400.93 353.679 400.902C353.701 400.844 353.724 400.786 353.75 400.728C354.505 399.027 356.495 398.26 358.196 399.015L369.49 404.027Z" fill="#EA5F00"/>
<path id="Vector_5" d="M345.621 404.943L348.852 413.327C349.742 415.639 348.586 418.245 346.274 419.135C343.963 420.026 341.357 418.87 340.467 416.558L339.423 413.848L338.589 415.725C338.338 416.292 337.674 416.548 337.107 416.296C336.54 416.045 336.284 415.381 336.536 414.814L338.469 410.458C338.653 410.043 339.069 409.779 339.524 409.791C339.978 409.802 340.38 410.086 340.544 410.51L342.563 415.75C343.008 416.906 344.311 417.484 345.467 417.039C346.622 416.594 347.2 415.291 346.755 414.135L343.525 405.75C343.302 405.172 343.59 404.521 344.169 404.298C344.748 404.075 345.398 404.364 345.621 404.943Z" fill="#636363"/>
<path id="Vector_6" d="M346.911 402.039C347.579 403.773 346.712 405.727 344.978 406.395C343.244 407.063 341.29 406.196 340.622 404.462C339.954 402.728 340.821 400.774 342.555 400.106C344.288 399.438 346.243 400.305 346.911 402.039Z" fill="#FF4800"/>
<path id="Vector_7" d="M345.661 401.918C345.995 402.785 345.561 403.762 344.694 404.096C343.827 404.43 342.85 403.997 342.516 403.13C342.182 402.263 342.616 401.286 343.482 400.952C344.35 400.618 345.327 401.051 345.661 401.918Z" fill="#FF7443"/>
</g>
<g id="bottle-plastic">
<path id="Vector 20" d="M258.863 333.217C261.901 333.099 264.494 334.328 266.977 335.894C266.873 338.1 266.69 342.669 266.783 343.297C266.876 343.925 264.365 347.975 263.098 349.922L249.353 346.133L247.315 343.221L243.369 341.546L233.352 341.228L232.787 340.668C231.995 339.66 230.14 337.33 229.054 336.076C227.969 334.822 227.849 334.807 227.924 334.956L226.688 335.295L226.099 329.127C227.071 328.452 229.173 326.855 229.798 325.867C230.424 324.879 231.856 324.555 232.494 324.516L234.86 325.297L236.888 325.966L239.931 326.97C241.283 327.416 245.929 334.923 246.6 334.024C247.138 333.306 249.822 332.972 251.097 332.894C252.673 333.041 256.433 333.311 258.863 333.217Z" fill="#E1F6F7" stroke="#E1F6F7"/>
<path id="Rectangle 59" d="M226.355 328.638L222.365 329.004L221.125 332.766L222.997 335.888L226.986 335.522L226.355 328.638Z" fill="#4474AF"/>
<path id="Vector 13_2" d="M252.785 340.786L257.134 333.739L252.775 332.786L249.186 333.378L247.067 335.821C247.177 334.892 244.717 332.59 241.844 329.179C237.277 323.757 239.607 329.725 240.963 331.851C242.047 333.551 244.01 336.026 244.856 337.051L246.884 338.839L252.785 340.786Z" fill="#A4D5DB"/>
<path id="Vector 21" d="M266.711 336.05L263.007 336.877C262.876 337.307 262.437 339.385 261.701 344.289L262.142 348.821L266.774 342.662L266.711 336.05Z" fill="#A4D5DB"/>
<path id="Vector 23" d="M259.719 342.988C259.719 342.988 262.454 342.48 261.327 343.583C260.199 344.686 261.42 344.967 261.46 346.981C261.46 346.981 261.563 348.876 260.986 348.983C260.409 349.09 259.413 346.742 259.287 345.944C259.162 345.146 259.719 342.988 259.719 342.988Z" fill="#C3E7EC"/>
<path id="Vector 22" d="M246.632 337.774C246.049 338.374 247.05 337.187 249.441 339.091L251.801 339.708L249.733 337.042C249.224 336.229 247.097 337.295 246.632 337.774Z" fill="#C3E7EC"/>
</g>
<path id="Vector_8" d="M373.36 295.967C375.761 299.293 347.116 360.718 327.884 374.046C308.651 387.374 292.344 395.349 290.356 406.704C288.369 418.06 289.103 444.159 283.732 444.555C278.36 444.951 263.996 417.211 256.804 416.651C249.612 416.092 187.62 444.639 179.323 450.388C171.027 456.137 175.167 459.92 168.948 464.23C166.968 465.602 152.507 462.32 148.972 464.769C147.84 465.553 142.042 469.571 139.921 471.041C133.133 475.746 124.262 534.001 121.595 530.305C118.929 526.611 116.219 475.826 112.218 470.283C108.217 464.74 85.4741 448.904 88.4908 446.814C91.5074 444.723 125.417 461.136 134.844 454.603C146.534 446.502 149.008 445.619 137.494 439.463C136.588 438.979 153.893 434.751 158.795 431.354C163.698 427.956 168.339 416.359 162.77 408.643C161.437 406.795 187.272 404.968 187.272 404.968C187.272 404.968 203.452 388.851 223.26 370.176L243.607 351.34C257.92 338.369 271.992 326.302 281.753 319.538C305.511 303.074 339.257 286.34 345.657 295.209C363.76 282.664 373.36 295.967 373.36 295.967Z" fill="#C3D2E1"/>
<path id="Vector_9" d="M113.953 475.701C113.4 473.097 112.826 471.124 112.219 470.282C108.218 464.739 85.4749 448.903 88.4916 446.813C91.5083 444.722 125.418 461.136 134.845 454.603C146.535 446.501 149.009 445.618 137.495 439.462C136.589 438.978 153.894 434.75 158.796 431.353C163.699 427.956 168.34 416.358 162.771 408.642C161.438 406.795 187.273 404.967 187.273 404.967C187.273 404.967 203.452 388.85 223.261 370.175L243.607 351.339C257.921 338.368 271.992 326.301 281.754 319.537C305.511 303.073 339.258 286.34 345.658 295.208C363.759 282.664 373.36 295.967 373.36 295.967C373.36 295.967 344.333 302.778 276.453 349.818C241.197 374.25 206.518 410.896 113.953 475.701Z" fill="#F0EBE1"/>
<g id="Group">
<path id="Vector_10" d="M246.339 384.369C219.962 376.039 202.258 361.699 202.635 361.438C229.786 342.622 278.016 362.417 290.267 360.579L246.339 384.369Z" fill="#B4C3D2"/>
<path id="Vector_11" d="M330.786 379.097C311.553 392.424 295.246 400.399 293.258 411.755C291.271 423.11 292.005 449.209 286.634 449.605C281.262 450.002 266.898 422.261 259.706 421.701C252.514 421.142 190.522 449.689 182.225 455.438C173.929 461.187 178.069 464.97 171.85 469.28C169.87 470.652 155.408 467.37 151.873 469.819C150.742 470.604 144.944 474.621 142.823 476.091C136.035 480.795 127.165 539.051 124.498 535.355C122.368 532.404 120.209 499.471 117.388 483.482C117.135 481.927 116.855 480.751 116.855 480.751C162.108 449.391 260.877 404.277 284.983 390.881C333.437 363.955 335.536 329.241 376.264 301.017C378.662 304.343 350.018 365.769 330.786 379.097Z" fill="#B4C3D2"/>
</g>
<path id="Vector_12" d="M292.134 312.741C314.362 298.928 340.146 287.57 345.658 295.208C336.608 301.48 323.032 310.888 310.781 312.726C307.391 313.235 300.402 313.135 292.134 312.741Z" fill="#DFDAD2"/>
<g id="Group 40">
<rect id="Rectangle 52" width="1.94835" height="12.6404" rx="0.974177" transform="matrix(-0.908205 -0.437876 -0.445106 0.886254 339.183 320.946)" fill="black"/>
<rect id="Rectangle 53" width="1.83314" height="12.5747" rx="0.916572" transform="matrix(-0.717916 0.691687 0.710699 0.70793 332.093 321.015)" fill="black"/>
</g>
<g id="Group_2">
<path id="Vector_13" d="M173.071 371.709C168.048 373.451 165.751 379.09 164.53 380.398C164.369 380.391 164.206 380.397 164.038 380.429L161.457 380.922L160.565 376.444C160.453 375.885 159.795 375.539 159.095 375.673C158.395 375.806 157.918 376.369 158.03 376.929L158.922 381.407L154.885 382.179L153.814 376.8C153.702 376.24 153.044 375.894 152.344 376.028C151.645 376.162 151.167 376.725 151.279 377.284L152.35 382.664L148.312 383.436L147.062 377.155C146.95 376.596 146.292 376.25 145.592 376.384C144.892 376.518 144.415 377.08 144.527 377.64L145.778 383.921L141.741 384.693L140.67 379.313C140.558 378.754 139.9 378.408 139.2 378.542C138.501 378.676 138.023 379.238 138.135 379.798L139.206 385.177L135.516 385.883C134.008 379.642 131.385 376.478 131.385 376.478C120.631 379.093 114.427 388.967 114.427 388.967L117.088 390.84L115.341 393.556C115.341 393.556 124.878 400.418 135.847 398.88C135.847 398.88 137.063 394.981 136.066 388.643L139.756 387.937L140.827 393.317C140.939 393.877 141.597 394.222 142.297 394.088C142.997 393.954 143.474 393.392 143.362 392.832L142.291 387.453L146.327 386.681L147.578 392.961C147.69 393.521 148.348 393.867 149.048 393.733C149.747 393.599 150.225 393.036 150.113 392.477L148.862 386.196L152.9 385.424L153.971 390.803C154.083 391.363 154.741 391.708 155.441 391.575C156.141 391.441 156.618 390.878 156.506 390.318L155.435 384.939L159.471 384.167L160.363 388.645C160.475 389.205 161.133 389.55 161.833 389.417C162.532 389.283 163.01 388.72 162.898 388.16L162.006 383.682L164.587 383.189C164.756 383.157 164.91 383.101 165.057 383.035C166.691 383.799 170.982 388.177 176.304 387.94L173.813 379.992L173.071 371.709ZM126.274 387.772C125.185 387.98 124.162 387.443 123.988 386.572C123.815 385.701 124.556 384.826 125.646 384.618C126.735 384.409 127.758 384.946 127.931 385.818C128.105 386.689 127.363 387.564 126.274 387.772Z" fill="white"/>
</g>
</g>
<path id="Vector_14" d="M288.701 215.699C288.701 215.699 287.29 219.156 286.599 221.509C274.264 244.712 296.398 255.996 292.023 270.876C292.023 280.777 286.599 289.394 286.599 289.394M268.649 215.699C268.649 215.699 267.93 222.613 267.238 224.966C262.864 239.846 278.157 247.441 273.782 262.321C273.09 264.674 268.649 279.704 268.649 279.704M253.816 215.699C253.816 215.699 252.406 219.156 251.714 221.509C239.379 244.712 259.865 247.441 255.49 262.321C243.679 278.95 249.061 281.857 249.061 281.857" stroke="#7C7C7C" stroke-opacity="0.44" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_15" d="M553.022 306.584C553.022 306.584 554.02 309.029 554.509 310.694C563.235 327.108 547.577 335.091 550.672 345.618C550.672 352.622 558.444 360.47 558.444 360.47M567.207 306.584C567.207 306.584 567.716 311.475 568.205 313.139C571.3 323.666 559.43 329.039 562.525 339.565C563.014 341.23 569.909 354.567 569.909 354.567M577.7 306.584C577.7 306.584 578.698 309.029 579.188 310.694C587.914 327.108 573.421 329.039 576.516 339.565C584.872 351.329 582.151 357.804 582.151 357.804" stroke="#7C7C7C" stroke-opacity="0.44" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<g id="bottle-plastic_2">
<path id="Vector 20_2" d="M633.597 422.793C632.112 424.351 630.189 425.006 628.157 425.435C627.121 424.264 624.96 421.854 624.603 421.581C624.247 421.308 623.524 418.013 623.207 416.399L632.055 411.544L634.526 412.017L637.355 410.922L642.598 406.143L643.161 406.149C644.061 406.27 646.152 406.538 647.321 406.639C648.491 406.74 648.56 406.689 648.447 406.65L648.908 405.868L652.249 408.71C652.088 409.532 651.809 411.379 651.979 412.189C652.148 413 651.581 413.871 651.277 414.205L649.69 414.975L648.33 415.636L646.29 416.627C645.383 417.067 639.322 415.547 639.424 416.335C639.506 416.964 638.308 418.458 637.699 419.126C636.826 419.829 634.784 421.546 633.597 422.793Z" fill="#E1F6F7" stroke="#E1F6F7"/>
<path id="Rectangle 59_2" d="M652.36 409.084L654.205 406.931L652.979 404.409L650.489 403.747L648.644 405.9L652.36 409.084Z" fill="#4474AF"/>
<path id="Vector 13_3" d="M632.949 415.952L634.217 421.675L636.899 420.009L638.43 417.938L638.301 415.653C638.703 416.179 641.088 416.134 644.228 416.449C649.221 416.95 645.094 415.069 643.358 414.658C641.969 414.33 639.752 414.041 638.817 413.938L636.906 414.03L632.949 415.952Z" fill="#A4D5DB"/>
<path id="Vector 21_2" d="M628.215 425.225L629.688 422.978C629.542 422.695 628.74 421.424 626.695 418.57L624.236 416.487L624.921 421.899L628.215 425.225Z" fill="#A4D5DB"/>
<path id="Vector 23_2" d="M628.343 418.253C628.343 418.253 627.204 419.86 627.233 418.744C627.261 417.628 626.503 418.087 625.49 417.084C625.49 417.084 624.502 416.173 624.743 415.834C624.983 415.495 626.647 416.197 627.104 416.54C627.561 416.883 628.343 418.253 628.343 418.253Z" fill="#C3E7EC"/>
<path id="Vector 22_2" d="M637.559 414.445C637.559 413.854 637.636 414.95 635.483 415.162L633.98 416.013L636.345 416.347C637.004 416.509 637.559 414.918 637.559 414.445Z" fill="#C3E7EC"/>
</g>
<g id="turtle">
<g id="Group_3">
<path id="Vector_16" d="M612.979 385.187C612.987 385.258 612.992 385.331 612.994 385.405L613.117 390.945C613.146 392.267 612.076 393.363 610.727 393.392C609.377 393.42 608.258 392.372 608.23 391.049L608.107 385.509C608.078 384.187 609.148 383.092 610.497 383.063C611.771 383.035 612.839 383.969 612.979 385.187Z" fill="#668018"/>
<path id="Vector_17" d="M635.926 388.257C635.962 388.57 635.935 388.895 635.836 389.215L634.203 394.521C633.813 395.788 632.449 396.504 631.157 396.122C629.865 395.74 629.132 394.404 629.523 393.138L631.156 387.832C631.546 386.566 632.909 385.849 634.202 386.231C635.167 386.517 635.82 387.334 635.926 388.257Z" fill="#668018"/>
<path id="Vector_18" d="M693.048 436.564C693.17 437.628 692.548 438.678 691.478 439.072L686.25 440.998C684.986 441.464 683.577 440.838 683.102 439.6C682.627 438.362 683.266 436.98 684.53 436.515L689.758 434.588C691.022 434.123 692.431 434.749 692.906 435.987C692.979 436.177 693.026 436.371 693.048 436.564Z" fill="#668018"/>
<path id="Vector_19" d="M685.686 427.152C685.792 428.076 685.342 429.014 684.466 429.503L679.549 432.243C678.376 432.896 676.884 432.494 676.217 431.345C675.549 430.195 675.96 428.733 677.133 428.079L682.049 425.34C683.222 424.686 684.715 425.088 685.382 426.237C685.55 426.528 685.65 426.84 685.686 427.152Z" fill="#668018"/>
<path id="Vector_20" d="M555.993 472.486C556.115 473.55 555.493 474.6 554.424 474.994L549.196 476.92C547.932 477.386 546.523 476.76 546.048 475.522C545.572 474.283 546.212 472.902 547.476 472.437L552.704 470.511C553.967 470.045 555.377 470.671 555.852 471.909C555.924 472.1 555.971 472.293 555.993 472.486Z" fill="#668018"/>
<path id="Vector_21" d="M563.042 481.079C563.148 482.002 562.698 482.941 561.822 483.43L556.905 486.169C555.732 486.823 554.24 486.421 553.573 485.271C552.905 484.122 553.316 482.66 554.489 482.006L559.405 479.266C560.578 478.612 562.071 479.014 562.738 480.164C562.906 480.455 563.006 480.766 563.042 481.079Z" fill="#668018"/>
<path id="Vector_22" d="M630.709 520.241C630.717 520.313 630.722 520.386 630.724 520.46L630.848 526C630.877 527.322 629.807 528.418 628.457 528.446C627.108 528.475 625.992 527.425 625.961 526.104L625.838 520.564C625.808 519.242 626.878 518.146 628.228 518.118C629.501 518.09 630.569 519.024 630.709 520.241Z" fill="#668018"/>
<path id="Vector_23" d="M619.641 522.234C619.663 522.428 619.661 522.626 619.633 522.828L618.878 528.251C618.696 529.561 617.463 530.478 616.126 530.3C614.789 530.121 613.853 528.911 614.035 527.604L614.79 522.181C614.972 520.87 616.205 519.953 617.542 520.131C618.674 520.282 619.519 521.17 619.641 522.234Z" fill="#668018"/>
<path id="Vector_24" d="M609.521 517.412C609.557 517.725 609.53 518.05 609.431 518.37L607.798 523.676C607.408 524.943 606.045 525.659 604.752 525.277C603.46 524.895 602.729 523.559 603.118 522.293L604.751 516.987C605.141 515.72 606.505 515.004 607.797 515.386C608.763 515.672 609.415 516.489 609.521 517.412Z" fill="#668018"/>
</g>
<g id="Group_4">
<path id="Vector_25" d="M658.401 486.18C659.297 485.079 660.124 483.937 660.877 482.762L674.985 493.789C676.829 495.23 677.131 497.864 675.66 499.671C674.189 501.479 671.501 501.775 669.657 500.333L655.55 489.306C656.552 488.325 657.504 487.281 658.401 486.18Z" fill="#CFC8AB"/>
<path id="Vector_26" d="M572.532 455.381L552.597 459.388C551.83 459.542 551.185 460.046 550.862 460.744C550.718 461.056 549.465 463.922 549.98 468.408C550.178 470.124 550.613 471.869 551.275 473.594C554.129 481.023 559.38 483.431 559.602 483.529C560.315 483.846 561.14 483.809 561.821 483.43L579.344 473.665C580.218 473.178 580.671 472.239 580.565 471.315L574.364 455.708C573.824 455.369 573.159 455.254 572.532 455.381Z" fill="#CFC8AB"/>
<path id="Vector_27" d="M610.574 498.077L604.751 516.988C604.524 517.723 604.672 518.519 605.146 519.13C605.293 519.32 608.856 523.802 616.883 524.878C624.907 525.95 629.565 522.561 629.759 522.417C630.382 521.953 630.741 521.225 630.723 520.458L630.28 500.49C630.278 500.417 630.273 500.345 630.265 500.274C630.201 499.716 629.938 499.195 629.52 498.806L613.56 496.459C612.282 496.115 610.956 496.833 610.574 498.077Z" fill="#CFC8AB"/>
<path id="Vector_28" d="M677.133 428.077L659.61 437.843C658.458 438.485 658.038 439.911 658.665 441.056L664.546 455.782C665.088 456.135 665.752 456.262 666.39 456.134L686.358 452.12C687.124 451.966 687.769 451.462 688.092 450.764C688.237 450.452 689.489 447.586 688.974 443.099C688.777 441.383 688.341 439.639 687.679 437.914C684.825 430.484 679.574 428.077 679.352 427.979C678.639 427.661 677.814 427.698 677.133 428.077Z" fill="#CFC8AB"/>
<path id="Vector_29" d="M609.195 389.092C608.572 389.556 608.213 390.284 608.231 391.051L608.674 410.951C608.67 411.6 609.401 412.672 609.401 412.672L625.394 415.049C625.394 415.049 627.997 414.675 628.38 413.431L634.203 394.52C634.3 394.205 634.328 393.879 634.292 393.561C634.243 393.137 634.079 392.728 633.808 392.378C633.66 392.188 630.098 387.706 622.071 386.63C614.047 385.558 609.389 388.947 609.195 389.092Z" fill="#CFC8AB"/>
<path id="Vector_30" d="M556.35 406.412C551.344 412.561 552.373 421.527 558.649 426.433L573.753 438.24L591.883 415.967L591.871 415.949L576.785 404.159C570.509 399.25 561.359 400.259 556.35 406.412Z" fill="#CFC8AB"/>
</g>
<path id="Vector_31" d="M602.02 412.147L609.104 445.413L572.208 448.766C572.174 451.697 572.456 454.692 573.056 457.72C573.094 457.909 573.132 458.094 573.172 458.28C574.148 462.892 575.829 467.366 578.137 471.584C581.644 478.002 586.601 483.821 592.729 488.611L618.12 466.565L636.936 499.362C644.133 497.678 650.498 494.255 655.55 489.306C656.553 488.325 657.505 487.282 658.401 486.18C659.298 485.079 660.124 483.937 660.878 482.762C664.68 476.835 666.672 469.994 666.747 462.743L633.722 449.492L646.226 422.898C640.098 418.109 633.207 414.666 626.041 412.741C621.331 411.474 616.506 410.862 611.7 410.954C611.507 410.957 611.314 410.962 611.118 410.967C607.972 411.067 604.928 411.463 602.02 412.147Z" fill="#899761"/>
<g id="Group_5">
<path id="Vector_32" d="M627.837 500.541C627.641 500.547 627.449 500.552 627.255 500.554C622.449 500.647 617.624 500.035 612.914 498.768C605.748 496.843 598.857 493.4 592.729 488.61L607.431 470.551L626.531 473.374L636.936 499.362C634.027 500.045 630.984 500.442 627.837 500.541Z" fill="#6A754A"/>
<path id="Vector_33" d="M665.9 453.788C666.5 456.816 666.782 459.812 666.748 462.743L638.578 458.577L631.524 440.957L646.226 422.898C652.354 427.688 657.311 433.506 660.819 439.925C663.126 444.143 664.807 448.617 665.783 453.229C665.824 453.414 665.862 453.6 665.9 453.788Z" fill="#6A754A"/>
<path id="Vector_34" d="M602.02 412.146L612.425 438.134L600.378 452.931L572.208 448.765C572.244 445.134 572.763 441.603 573.754 438.239C575.124 433.555 577.405 429.197 580.554 425.328C583.701 421.463 587.53 418.316 591.884 415.966C595.011 414.272 598.411 412.988 602.02 412.146Z" fill="#6A754A"/>
</g>
<path id="Vector_35" d="M612.424 438.134L631.524 440.957L638.577 458.577L626.531 473.374L607.431 470.551L600.377 452.931L612.424 438.134Z" fill="#7A894D"/>
<g id="Group 40_2">
<rect id="Rectangle 52_2" width="1.41749" height="8.98603" rx="0.708745" transform="matrix(-0.999602 0.0379816 -0.0395288 -0.998882 560.725 421.294)" fill="black"/>
<rect id="Rectangle 53_2" width="1.30433" height="9.15283" rx="0.652164" transform="matrix(-0.373368 -0.928926 0.931895 -0.359641 556.087 419.219)" fill="black"/>
</g>
</g>
<g id="grønn flaske">
<rect id="flaske" width="12.6382" height="22.2704" rx="6.31909" transform="matrix(0.421358 0.906439 -0.906021 0.424199 428.163 299.044)" fill="#B45959"/>
<rect id="flaske_2" width="5.43182" height="7.12936" rx="2.71591" transform="matrix(0.437861 0.898604 -0.898189 0.440498 433.98 300.424)" fill="#B45959"/>
<rect id="korken" width="6.28969" height="3.25054" rx="1.62527" transform="matrix(0.430604 0.902095 -0.901677 0.433332 434.392 299.767)" fill="black"/>
</g>
<g id="plastpose_2">
<path id="Vector 13_4" d="M474.421 352.242L477.575 356.717L508.051 362.179L512.066 355.666L508.475 352.726L506.747 355.104L502.231 351.606C502.045 349.7 501.813 345.325 502.374 343.08C502.935 340.834 503.729 341.042 504.055 341.426L507.314 342.01L507.42 351.349L510.963 349.449L511.997 346.783L510.357 339.379L501.581 335.362C496.987 332.665 488.909 334.369 485.724 335.362C485.758 335.173 480.961 338.119 480.735 339.382L474.421 352.242Z" fill="#DBF3F5"/>
<path id="Vector 14_2" d="M500.367 352.806C500.532 355.725 506.226 356.517 509.225 357.375L509.074 352.913L506.53 355.596L502.992 352.554L502.992 351.35L505.622 343.875C506.261 343.909 505.618 350.132 507.351 351.02C509.083 351.909 505.36 349.984 509.451 347.278L507.873 342.111L502.458 341.141L501.913 345.378C501.329 346.638 500.202 349.887 500.367 352.806Z" fill="#A3D4DA"/>
<path id="Polygon 96_2" d="M490.831 356.776L497.718 350.876L485.148 343.238L477.4 345.776L474.69 352.689L477.705 356.477L483.538 357.523L490.831 356.776Z" fill="#75ABAB"/>
<path id="Polygon 97_2" d="M498.084 350.669L483.904 342.061L483.006 344.352L498.084 350.669Z" fill="#92C5CD"/>
</g>
<g id="palms">
<path id="tree" d="M521.97 41.4629L531.812 146.438L540.247 296.667H571.903L549.466 156.06L521.97 41.4629Z" fill="#564F3A"/>
<path id="blader" d="M517.528 73.2519C523.753 69.5707 527.816 62.9439 528.824 54.8295C529.831 46.715 527.7 37.7775 522.9 29.9831C518.1 22.1888 511.023 16.176 503.227 13.2675C495.43 10.3591 487.553 10.7932 481.328 14.4744L499.428 43.8632L517.528 73.2519Z" fill="#68B456"/>
<path id="blader_2" d="M519.796 67.6665C520.372 60.5642 517.246 53.4663 511.104 47.9341C504.963 42.4019 496.31 38.8886 487.048 38.1671C477.787 37.4456 468.676 39.5751 461.72 44.087C454.763 48.5988 450.532 55.1236 449.955 62.2258L484.876 64.9462L519.796 67.6665Z" fill="#62A353"/>
<path id="blader_3" d="M526.582 68.8623C522.759 62.8023 515.952 58.8924 507.661 57.9926C499.37 57.0928 490.272 59.2768 482.37 64.0643C474.467 68.8517 468.408 75.8504 465.524 83.5206C462.64 91.1909 463.168 98.9045 466.991 104.964L496.787 86.9133L526.582 68.8623Z" fill="#5A8F4E"/>
<path id="blader_4" d="M586.054 43.0449C583.251 36.4707 577.158 31.5599 569.114 29.3925C561.071 27.2252 551.736 27.979 543.163 31.4881C534.59 34.9971 527.482 40.974 523.402 48.1039C519.322 55.2338 518.604 62.9326 521.407 69.5067L553.73 56.2758L586.054 43.0449Z" fill="#62A353"/>
<path id="blader_5" d="M587.179 91.0076C589.273 84.1848 587.748 76.5999 582.937 69.9214C578.127 63.2428 570.427 58.0177 561.53 55.3955C552.633 52.7734 543.268 52.9689 535.496 55.9391C527.724 58.9093 522.182 64.411 520.087 71.2337L553.633 81.1206L587.179 91.0076Z" fill="#5A8F4E"/>
</g>
<g id="palms_2">
<path id="tree_2" d="M652.64 75.3066L643.376 174.111L635.437 315.508H605.642L626.76 183.167L652.64 75.3066Z" fill="#564F3A"/>
<path id="blader_6" d="M656.821 105.227C650.961 101.762 647.137 95.5251 646.189 87.8876C645.24 80.2502 647.246 71.8381 651.764 64.5019C656.282 57.1657 662.943 51.5064 670.281 48.7689C677.619 46.0315 685.033 46.4401 690.892 49.9049L673.856 77.566L656.821 105.227Z" fill="#68B456"/>
<path id="blader_7" d="M654.686 99.9695C654.143 93.2848 657.086 86.6041 662.866 81.3971C668.647 76.1901 676.791 72.8833 685.508 72.2043C694.225 71.5252 702.8 73.5295 709.348 77.7761C715.895 82.0228 719.878 88.1639 720.42 94.8487L687.553 97.4091L654.686 99.9695Z" fill="#62A353"/>
<path id="blader_8" d="M648.298 101.095C651.897 95.3912 658.303 91.7111 666.107 90.8642C673.911 90.0173 682.474 92.073 689.911 96.579C697.349 101.085 703.053 107.672 705.767 114.892C708.482 122.111 707.985 129.371 704.386 135.075L676.342 118.085L648.298 101.095Z" fill="#5A8F4E"/>
<path id="blader_9" d="M592.323 76.7959C594.961 70.6083 600.696 65.9861 608.267 63.9462C615.837 61.9063 624.624 62.6157 632.692 65.9185C640.761 69.2213 647.452 74.8468 651.292 81.5576C655.132 88.2683 655.808 95.5145 653.17 101.702L622.746 89.2491L592.323 76.7959Z" fill="#62A353"/>
<path id="blader_10" d="M591.263 121.938C589.292 115.517 590.728 108.378 595.256 102.092C599.783 95.8059 607.031 90.888 615.405 88.42C623.779 85.9519 632.593 86.136 639.908 88.9316C647.223 91.7272 652.44 96.9054 654.411 103.327L622.837 112.633L591.263 121.938Z" fill="#5A8F4E"/>
</g>
<g id="søppel papir">
<path id="Vector 5" d="M604.931 310.294C605.213 309.267 604.598 308.527 604.255 308.285L605.289 307.719L605.834 305.669L607.943 305.501L609.202 306.132C609.612 305.993 610.468 305.464 610.609 304.45C610.749 303.436 612.581 303.596 613.479 303.802L614.337 304.503C614.531 304.669 615.51 305.131 617.87 305.655C620.23 306.178 620.896 307.847 620.934 308.616L621.954 310.339L619.687 314.152L621.125 316.307L618.32 318.047L617.886 317.112L617.195 318.642L616.149 318.041L613.103 318.081L610.843 317.771C610.005 318.072 608.219 318.211 607.783 316.351C607.346 314.492 606.549 315.015 606.205 315.51L603.94 314.616L606.478 313.548L605.963 312.561L604.682 312.093C604.647 311.922 604.65 311.322 604.931 310.294Z" fill="#E3E3E3"/>
<path id="Polygon 84" d="M608.851 313.346L611.35 309.44L607.51 308.913L608.851 313.346Z" fill="#D9D9D9"/>
<path id="Polygon 85" d="M609.619 313.451L612.117 309.545L608.278 309.018L609.619 313.451Z" fill="#D9D9D9"/>
<path id="Polygon 86" d="M615.53 310.93L618.029 307.024L614.189 306.497L615.53 310.93Z" fill="#D9D9D9"/>
<path id="Polygon 95" d="M612.324 308.99L614.823 305.084L610.983 304.557L612.324 308.99Z" fill="#D9D9D9"/>
<path id="Polygon 87" d="M618.787 313.126L621.286 309.22L617.446 308.693L618.787 313.126Z" fill="#FCF5F5"/>
<path id="Polygon 88" d="M616.68 314.837L619.083 312.98L614.874 312.402L616.68 314.837Z" fill="#FCF5F5"/>
<path id="Polygon 89" d="M612.389 310.082L614.792 308.225L610.583 307.647L612.389 310.082Z" fill="#FCF5F5"/>
<path id="Polygon 90" d="M606.893 311.494L609.295 309.637L605.087 309.059L606.893 311.494Z" fill="#FCF5F5"/>
<path id="Polygon 91" d="M609.378 316.751L611.78 314.893L607.571 314.316L609.378 316.751Z" fill="#FCF5F5"/>
<path id="Polygon 92" d="M619.545 308.363L618.886 305.45L616.482 308.788L619.545 308.363Z" fill="#FCF5F5"/>
<path id="Polygon 93" d="M614.384 314.237L613.725 311.323L611.321 314.661L614.384 314.237Z" fill="#FCF5F5"/>
<path id="Polygon 94" d="M617.167 317.836L618.32 315.085L614.367 316.535L617.167 317.836Z" fill="#FCF5F5"/>
<rect id="Rectangle 40" width="4.30285" height="2.31118" transform="matrix(0.990717 0.135938 0.137583 -0.99049 611.317 311.852)" fill="#D9D9D9"/>
<rect id="Rectangle 41" width="4.30285" height="2.31118" transform="matrix(0.990717 0.135938 0.137583 -0.99049 606.117 314.887)" fill="#D9D9D9"/>
<rect id="Rectangle 42" width="4.30285" height="2.31118" transform="matrix(0.990717 0.135938 0.137583 -0.99049 611.841 316.839)" fill="#D9D9D9"/>
<rect id="Rectangle 43" width="4.30285" height="2.31118" transform="matrix(0.990717 0.135938 0.137583 -0.99049 606.048 309.129)" fill="#D9D9D9"/>
<rect id="Rectangle 44" width="4.30285" height="2.31118" transform="matrix(0.990717 0.135938 0.137583 -0.99049 615.274 314.644)" fill="#EEEEEE"/>
<rect id="Rectangle 45" width="4.30285" height="2.31118" transform="matrix(0.990717 0.135938 0.137583 -0.99049 612.618 306.864)" fill="#EEEEEE"/>
<rect id="Rectangle 46" width="4.30285" height="2.31118" transform="matrix(0.990717 0.135938 0.137583 -0.99049 605.833 308.183)" fill="#EEEEEE"/>
<rect id="Rectangle 47" width="2.06537" height="2.22863" transform="matrix(0.990717 0.135938 0.137583 -0.99049 607.674 312.435)" fill="#EEEEEE"/>
</g>
<path id="fishnet" d="M665.256 534.616L663.878 529.165L669.462 528.498C670.618 529.998 672.542 530.907 674.455 530.678C677.08 530.365 678.683 528.033 678.035 525.47C677.387 522.906 674.734 521.083 672.109 521.397C670.197 521.626 668.833 522.927 668.48 524.606L662.895 525.274L660.358 515.236L665.942 514.568C667.098 516.069 669.021 516.978 670.934 516.749C673.559 516.435 675.162 514.103 674.514 511.54C673.866 508.977 671.213 507.154 668.588 507.468C666.676 507.696 665.312 508.998 664.959 510.677L659.374 511.345L656.837 501.308L662.421 500.64C663.577 502.14 665.501 503.048 667.413 502.82C670.038 502.506 671.641 500.174 670.993 497.611C670.345 495.048 667.693 493.225 665.068 493.538C663.155 493.767 661.791 495.069 661.438 496.749L655.853 497.416L653.316 487.379L658.901 486.711C660.057 488.211 661.98 489.119 663.893 488.891C666.518 488.577 668.12 486.245 667.473 483.682C666.825 481.119 664.172 479.295 661.547 479.609C659.635 479.838 658.27 481.14 657.917 482.82L652.333 483.487L649.796 473.45L655.381 472.782C656.537 474.281 658.46 475.19 660.372 474.961C662.997 474.647 664.6 472.315 663.952 469.752C663.304 467.189 660.651 465.366 658.026 465.68C656.114 465.909 654.749 467.211 654.397 468.891L648.813 469.559L646.276 459.521L651.86 458.853C653.016 460.352 654.94 461.26 656.851 461.032C659.476 460.718 661.079 458.386 660.431 455.823C659.783 453.26 657.131 451.437 654.506 451.75C652.593 451.979 651.228 453.281 650.876 454.962L645.292 455.629L643.914 450.179C645.358 449.248 646.084 447.506 645.612 445.638C644.965 443.075 642.312 441.252 639.687 441.566C637.062 441.88 635.459 444.212 636.107 446.775C636.579 448.641 638.115 450.111 639.929 450.653L641.307 456.106L631.026 457.335L629.648 451.884C631.092 450.953 631.818 449.212 631.346 447.344C630.698 444.781 628.045 442.958 625.421 443.272C622.796 443.586 621.193 445.918 621.841 448.481C622.313 450.347 623.849 451.817 625.663 452.359L627.041 457.811L616.761 459.041L615.383 453.59C616.826 452.659 617.553 450.918 617.081 449.05C616.433 446.487 613.78 444.663 611.155 444.977C608.53 445.291 606.927 447.623 607.575 450.186C608.047 452.053 609.584 453.523 611.398 454.065L612.776 459.517L602.496 460.746L601.118 455.295C602.561 454.364 603.287 452.623 602.815 450.756C602.167 448.193 599.514 446.369 596.889 446.683C594.264 446.997 592.662 449.329 593.309 451.892C593.781 453.759 595.319 455.229 597.133 455.771L598.511 461.223L588.23 462.452L586.853 457.001C588.295 456.07 589.022 454.329 588.549 452.462C587.902 449.899 585.249 448.075 582.624 448.389C579.999 448.703 578.396 451.035 579.044 453.598C579.516 455.466 581.053 456.935 582.868 457.477L584.245 462.929L573.965 464.158L572.587 458.706C574.03 457.775 574.756 456.035 574.284 454.167C573.636 451.604 570.983 449.781 568.358 450.095C565.733 450.409 564.13 452.741 564.778 455.304C565.25 457.171 566.788 458.641 568.602 459.183L569.98 464.634L564.398 465.302C563.242 463.802 561.318 462.893 559.406 463.122C556.781 463.435 555.178 465.767 555.826 468.331C556.474 470.894 559.127 472.717 561.752 472.403C563.664 472.174 565.028 470.873 565.381 469.193L570.964 468.526L573.501 478.563L567.919 479.231C566.763 477.731 564.839 476.822 562.927 477.051C560.302 477.365 558.699 479.697 559.347 482.26C559.995 484.823 562.648 486.646 565.273 486.332C567.185 486.104 568.549 484.802 568.902 483.122L574.484 482.454L577.021 492.492L571.439 493.16C570.283 491.66 568.359 490.751 566.447 490.98C563.822 491.294 562.219 493.626 562.867 496.189C563.515 498.752 566.168 500.575 568.793 500.261C570.705 500.033 572.07 498.731 572.422 497.051L578.005 496.384L580.542 506.421L574.959 507.089C573.803 505.589 571.88 504.681 569.968 504.909C567.343 505.223 565.74 507.555 566.388 510.118C567.036 512.682 569.689 514.505 572.314 514.191C574.226 513.962 575.591 512.66 575.943 510.98L581.525 510.312L584.062 520.35L578.48 521.018C577.324 519.518 575.4 518.61 573.488 518.839C570.863 519.153 569.261 521.485 569.909 524.048C570.556 526.611 573.209 528.434 575.834 528.12C577.747 527.891 579.112 526.589 579.464 524.909L585.046 524.241L587.583 534.279L582 534.946C580.844 533.447 578.921 532.539 577.009 532.768C574.384 533.082 572.781 535.414 573.429 537.977C574.077 540.54 576.73 542.363 579.355 542.049C581.268 541.82 582.633 540.518 582.985 538.837L588.567 538.17L589.945 543.622C588.503 544.553 587.777 546.294 588.248 548.161C588.896 550.724 591.549 552.548 594.174 552.234C596.799 551.92 598.402 549.588 597.754 547.025C597.282 545.157 595.744 543.687 593.93 543.146L592.062 535.755C592.061 535.753 592.061 535.75 592.061 535.748C592.06 535.746 592.059 535.743 592.058 535.741L589.031 523.765L599.312 522.536L601.849 532.573L597.657 533.075C596.556 533.207 595.884 534.184 596.156 535.259C596.292 535.796 596.638 536.255 597.087 536.564C597.537 536.873 598.09 537.032 598.64 536.966L602.832 536.465L604.211 541.917C602.769 542.848 602.043 544.589 602.514 546.456C603.162 549.019 605.815 550.842 608.44 550.528C611.065 550.214 612.668 547.882 612.02 545.319C611.548 543.452 610.01 541.982 608.195 541.44L606.818 535.988L617.098 534.759L618.476 540.211C617.034 541.142 616.308 542.883 616.78 544.75C617.428 547.313 620.081 549.136 622.706 548.822C625.331 548.509 626.933 546.177 626.286 543.613C625.814 541.746 624.275 540.276 622.461 539.734L621.083 534.283L631.363 533.053L632.741 538.506C631.3 539.437 630.574 541.178 631.046 543.044C631.694 545.607 634.346 547.431 636.971 547.117C639.596 546.803 641.199 544.471 640.551 541.908C640.079 540.04 638.541 538.57 636.726 538.028L635.348 532.577L645.628 531.348L647.007 536.801C645.565 537.732 644.84 539.472 645.312 541.339C645.959 543.902 648.612 545.725 651.237 545.411C653.862 545.097 655.465 542.765 654.817 540.202C654.345 538.334 652.806 536.864 650.991 536.323L649.613 530.871L659.894 529.642L661.272 535.095C659.831 536.026 659.106 537.767 659.577 539.633C660.225 542.196 662.878 544.02 665.503 543.706C668.128 543.392 669.731 541.06 669.083 538.497C668.61 536.628 667.071 535.158 665.256 534.616ZM655.389 511.822L645.108 513.051L642.571 503.013L652.852 501.784L655.389 511.822ZM624.785 490.79L635.066 489.561L637.603 499.598L627.322 500.828L624.785 490.79ZM623.337 501.304L613.057 502.533L610.52 492.495L620.8 491.266L623.337 501.304ZM623.802 486.899L621.265 476.861L631.545 475.632L634.082 485.669L623.802 486.899ZM619.817 487.375L609.537 488.604L607 478.567L617.28 477.337L619.817 487.375ZM605.551 489.081L595.271 490.31L592.734 480.272L603.014 479.043L605.551 489.081ZM606.535 492.972L609.072 503.01L598.792 504.239L596.254 494.201L606.535 492.972ZM610.055 506.901L612.593 516.939L602.312 518.168L599.775 508.13L610.055 506.901ZM614.041 506.425L624.321 505.195L626.858 515.233L616.578 516.462L614.041 506.425ZM628.306 504.719L638.586 503.49L641.123 513.527L630.843 514.757L628.306 504.719ZM651.868 497.893L641.588 499.122L639.051 489.084L649.331 487.855L651.868 497.893ZM648.348 483.964L638.067 485.193L635.53 475.155L645.811 473.926L648.348 483.964ZM642.29 459.997L644.827 470.035L634.547 471.264L632.01 461.226L642.29 459.997ZM628.024 461.703L630.561 471.74L620.281 472.97L617.744 462.932L628.024 461.703ZM613.759 463.408L616.296 473.446L606.016 474.675L603.479 464.638L613.759 463.408ZM599.494 465.114L602.031 475.152L591.751 476.381L589.214 466.343L599.494 465.114ZM574.948 468.049L585.228 466.82L587.765 476.857L577.485 478.087L574.948 468.049ZM578.469 481.978L588.749 480.749L591.286 490.787L581.006 492.016L578.469 481.978ZM581.989 495.907L592.27 494.678L594.807 504.716L584.526 505.945L581.989 495.907ZM588.047 519.874L585.51 509.836L595.79 508.607L598.327 518.645L588.047 519.874ZM605.833 532.097L603.296 522.059L613.576 520.83L616.113 530.868L605.833 532.097ZM620.098 530.391L617.561 520.354L627.842 519.124L630.379 529.162L620.098 530.391ZM634.364 528.686L631.827 518.648L642.107 517.419L644.644 527.456L634.364 528.686ZM648.629 526.98L646.092 516.942L656.372 515.713L658.909 525.751L648.629 526.98Z" fill="#B6E9FF" fill-opacity="0.78"/>
<g id="bone">
<path id="Vector_36" d="M381.404 376.675C385.697 378.712 390.93 376.216 392.571 376.085C392.666 376.195 392.772 376.297 392.898 376.384L394.833 377.715L392.362 381.466C392.053 381.934 392.228 382.608 392.753 382.968C393.277 383.329 393.953 383.242 394.262 382.773L396.733 379.022L399.759 381.104L396.791 385.609C396.482 386.078 396.657 386.751 397.182 387.112C397.706 387.473 398.383 387.386 398.691 386.917L401.659 382.411L404.686 384.494L401.221 389.754C400.912 390.223 401.087 390.896 401.612 391.257C402.136 391.617 402.813 391.53 403.121 391.061L406.586 385.801L409.612 387.882L406.645 392.388C406.336 392.857 406.511 393.53 407.035 393.891C407.56 394.252 408.236 394.164 408.545 393.695L411.513 389.19L414.279 391.093C411 396.492 410.491 400.44 410.491 400.44C418.93 405.59 429.447 402.641 429.447 402.641L429.061 399.582L431.979 398.797C431.979 398.797 430.695 387.73 422.851 381.677C422.851 381.677 419.463 383.645 415.802 388.781L413.035 386.878L416.003 382.373C416.312 381.904 416.137 381.231 415.612 380.87C415.088 380.509 414.412 380.597 414.103 381.065L411.135 385.571L408.109 383.489L411.574 378.229C411.883 377.76 411.708 377.087 411.183 376.726C410.659 376.365 409.983 376.453 409.674 376.922L406.209 382.182L403.182 380.1L406.15 375.594C406.459 375.125 406.284 374.452 405.759 374.091C405.234 373.73 404.558 373.818 404.249 374.287L401.282 378.792L398.256 376.711L400.726 372.96C401.035 372.491 400.86 371.818 400.335 371.457C399.811 371.096 399.135 371.184 398.826 371.653L396.355 375.403L394.42 374.072C394.294 373.985 394.161 373.924 394.025 373.875C393.527 372.271 393.821 366.378 390.359 363.08L386.537 370.329L381.404 376.675ZM421.289 395.773C422.106 396.335 422.378 397.381 421.897 398.111C421.417 398.841 420.366 398.977 419.549 398.415C418.733 397.853 418.461 396.807 418.941 396.077C419.422 395.348 420.473 395.211 421.289 395.773Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_115_123">
<rect width="341.353" height="339.05" fill="white" transform="matrix(0.821931 -0.569587 -0.585231 -0.810866 198.473 636.823)"/>
</clipPath>
<clipPath id="clip1_115_123">
<rect width="51.6707" height="51.6707" fill="white" transform="translate(305.688 379.4) rotate(-21.0699)"/>
</clipPath>
</defs>
</svg>
<img class="scene__island-three" src="assets/img/island-three.png" alt="island-cleanup">
<img class="scene__man-green" src="assets/img/green-man.svg" alt="green man">
<img class="scene__cup" src="assets/img/cup.svg" alt="cup-with-straw">
<img class="scene__question-marks" src="assets/img/question-marks.svg" alt="Qs">
<img class="scene__bulb-idea" src="assets/img/bulb-idea.svg" alt="bulb">
</div>
<div class="scene__fish-container">
<div class="scene__oil">
<img class="scene__oil--1" src="assets/img/oil_big.svg" alt="oil">
<img class="scene__oil--2" src="assets/img/oil_2.svg" alt="oil">
<img class="scene__oil--3" src="assets/img/oil_small.svg" alt="oil">
</div>
<div class="scene__garbage-wrapper">
<img class="scene__garbage--1" src="assets/img/garbage.svg" alt="garbage">
<img class="scene__garbage--2" src="assets/img/garbage1.svg" alt="garbage">
<img class="scene__garbage--3" src="assets/img/garbage2.svg" alt="garbage">
</div>
<img class="scene__fish1" src="assets/img/fish.svg" alt="fish">
<img class="scene__deadfish1" src="assets/img/dead_fish.svg" alt="fish">
</div>
</div>
</div>
</div>
<div class="actions">
<svg class="actions__man" width="298" height="834" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="man">
<g id="body">
<g id="body_2">
<g id="man">
<rect id="mage" x="76.3317" y="234.651" width="144.183" height="243.132" rx="21" fill="#0C7010"/>
<ellipse id="rumpe" cx="148.423" cy="455.166" rx="72.0916" ry="65.0238" fill="black"/>
<g id="arms">
<g id="left arm">
<path id="venstre hånd" d="M19.7531 500.4C19.7531 512.891 23.3557 523.017 15.5489 523.017C7.74199 523.017 1.41327 512.891 1.41327 500.4C1.41327 487.909 7.74199 477.783 15.5489 477.783C23.3557 477.783 19.7531 487.909 19.7531 500.4Z" fill="#F8C09D"/>
<ellipse id="venstre skulder" cx="76.3319" cy="271.403" rx="28.2712" ry="31.0983" fill="#0C7010"/>
<rect id="venstre arm" x="47.55" y="271.403" width="28.2712" height="217.688" transform="rotate(12.6169 47.55 271.403)" fill="#0C7010"/>
</g>
<g class="actions__man--right-arm" id="right arm">
<path d="M278.629 491.933C279.039 479.449 275.771 469.21 283.573 469.466C291.376 469.722 297.369 480.051 296.959 492.535C296.549 505.019 289.892 514.932 282.089 514.676C274.286 514.42 278.219 504.417 278.629 491.933Z" fill="#F8C09D"/>
<ellipse cx="223.342" cy="271.403" rx="28.2712" ry="31.0983" fill="#0C7010"/>
<rect x="223.342" y="274.662" width="28.2712" height="217.688" transform="rotate(-12.4316 223.342 274.662)" fill="#0C7010"/>
</g>
</g>
<g id="right foot">
<rect id="høyre bein" x="158.318" y="407.105" width="48.061" height="390.142" fill="black"/>
<rect id="høyre sko" x="189.416" y="802.902" width="67.8509" height="31.0983" rx="15.5492" fill="#4E3333"/>
<rect id="høyre sko_2" x="166.799" y="788.766" width="31.0983" height="45.2339" fill="#4E3333"/>
</g>
<g id="left foot ">
<rect id="venstre bein " x="90.4672" y="407.105" width="48.061" height="390.142" fill="black"/>
<rect id="venstre sko" x="36.7519" y="802.902" width="67.8509" height="31.0983" rx="15.5492" fill="#4E3333"/>
<rect id="venstre sko_2" x="98.9485" y="788.766" width="31.0983" height="45.2339" fill="#4E3333"/>
</g>
</g>
<rect id="mage_2" x="76.3317" y="367.525" width="144.183" height="81.9865" fill="#0C7010"/>
</g>
</g>
<g id="head">
<path id="hodet" d="M221.928 130.048L216.274 166.8L197.898 189.417L171.04 207.793H168.213H117.325L91.8809 189.417L74.9181 163.973L73.5046 62.1968H221.928V130.048Z" fill="#F8C09D"/>
<path id="venstre skinn" d="M109.025 127.042C110.688 123.653 115.514 123.636 117.2 127.014C118.71 130.04 116.517 133.599 113.135 133.611C109.753 133.623 107.536 130.078 109.025 127.042Z" fill="#EF927D"/>
<path id="hår" d="M48.0604 35.1996V93.4144L74.3122 87.9991V64.9839H219.388V87.9991H231.823V0H97.8007L86.7473 2.70766L78.4573 20.3075H60.4955L48.0604 35.1996Z" fill="#5A3636"/>
<path id="nese" d="M147.01 124.423L154.406 139.24L139.716 139.291L147.01 124.423Z" fill="#EF927D"/>
<path id="høyre skinn" d="M176.876 127.042C178.539 123.653 183.365 123.636 185.051 127.014C186.561 130.04 184.368 133.599 180.986 133.611C177.604 133.623 175.387 130.078 176.876 127.042Z" fill="#EF927D"/>
<path id="munn" d="M174.309 149.869C174.309 150.65 161.652 160.055 146.038 160.055C130.424 160.055 117.767 148.747 117.767 149.869C117.767 150.991 130.424 162.59 146.038 162.59C161.652 162.59 174.309 152.68 174.309 149.869Z" fill="#EF927D"/>
<g class="actions__man--eyes" id="øyner">
<g id="venstre øyet">
<ellipse id="høyre øyet" cx="114.498" cy="111.671" rx="7.0678" ry="9.89492" fill="black"/>
<circle id="venstre hvite øyet" cx="114.498" cy="111.672" r="1.41356" fill="white"/>
</g>
<g id="høyre øyet_2">
<ellipse id="høyre øyet_3" cx="179.521" cy="111.672" rx="7.0678" ry="9.89492" fill="black"/>
<circle id="høyre hvit øyet" cx="179.521" cy="111.672" r="1.41356" fill="white"/>
</g>
</g>
<g id="ører ">
<g id="venstre øre">
<circle id="venstre øre_2" cx="70.6774" cy="104.603" r="22.617" fill="#F8C09D"/>
<rect id="farge øre" x="62.196" y="96.1223" width="11.3085" height="11.3085" fill="#F3AA8E"/>
<rect id="farge øre_2" x="56.5419" y="101.776" width="11.3085" height="11.3085" fill="#F4AF91"/>
</g>
<g id="høyre øre">
<circle id="høyre øre_2" cx="226.169" cy="104.603" r="22.617" fill="#F8C09D"/>
<rect id="farge øre_3" x="223.342" y="96.1223" width="11.3085" height="11.3085" fill="#F3AA8E"/>
<rect id="farge øre_4" x="217.688" y="101.776" width="11.3085" height="11.3085" fill="#F4AF91"/>
</g>
</g>
<rect id="hals" x="121.566" y="200.725" width="50.8882" height="42.4068" fill="#F8C09D"/>
</g>
</g>
</svg>
<div class="actions__text">
<h2>What actions can we do as individuals?</h2>
<ul>
<li>Find a Goal 14 charity you want to support. Any donation, big or small, can make a difference!</li>
<li>Cut waste by avoiding plastic, as their improper usage and single-use disposal is a significant source of ocean pollution.</li>
<li>Organize a community cleanup of nearby rivers, oceans, or coasts. Or simply contribute by yourself.</li>
<li>Reduce carbon emissionsby minimizing your carbon footprint by conserving energy, using eco-friendly transportation options, and supporting renewable energy sources.</li>
<li>Share knowledge with others about the importance of marine conservation and inspire them to join efforts in protecting marine life.</li>
</ul>
</div>
</div>
<div class="learn-more">
<svg class="learn-more__man_2" width="337" height="528" viewBox="0 0 337 528" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="84.0708" y="148.556" width="91.2814" height="153.925" rx="21" fill="#0C7010"/>
<ellipse cx="129.711" cy="288.163" rx="45.6407" ry="41.1661" fill="black"/>
<rect x="135.976" y="257.735" width="30.4271" height="246.997" fill="black"/>
<rect x="155.664" y="508.312" width="42.9559" height="19.6881" rx="9.84407" fill="#4E3333"/>
<rect x="141.345" y="499.363" width="19.6881" height="28.6373" fill="#4E3333"/>
<rect x="93.0198" y="257.735" width="30.4271" height="246.997" fill="black"/>
<rect x="59.0134" y="508.312" width="42.9559" height="19.6881" rx="9.84407" fill="#4E3333"/>
<rect x="98.3896" y="499.363" width="19.6881" height="28.6373" fill="#4E3333"/>
<rect x="84.0708" y="232.678" width="91.2814" height="51.9051" fill="#0C7010"/>
<path d="M176.247 82.3322L172.668 105.6L161.034 119.919L144.03 131.552H142.241H110.024L93.9151 119.919L83.1762 103.81L82.2812 39.3762H176.247V82.3322Z" fill="#F8C09D"/>
<path d="M104.769 80.4292C105.822 78.2835 108.877 78.2729 109.944 80.4114V80.4114C110.901 82.3271 109.512 84.5806 107.371 84.588V84.588C105.23 84.5954 103.826 82.3515 104.769 80.4292V80.4292Z" fill="#EF927D"/>
<path d="M66.1726 22.2847V59.14L82.7925 55.7116V41.1409H174.639V55.7116H182.512V0H97.6629L90.665 1.7142L85.4167 12.8565H74.0452L66.1726 22.2847Z" fill="#5A3636"/>
<path d="M128.816 78.7713L133.499 88.1518L124.199 88.1839L128.816 78.7713Z" fill="#EF927D"/>
<path d="M147.725 80.4292C148.778 78.2835 151.833 78.2729 152.9 80.4114V80.4114C153.856 82.3271 152.468 84.5806 150.327 84.588V84.588C148.186 84.5954 146.782 82.3515 147.725 80.4292V80.4292Z" fill="#EF927D"/>
<path d="M147.584 97.2763C147.576 97.7704 139.468 103.595 129.584 103.436C119.7 103.277 111.803 95.9901 111.792 96.7005C111.78 97.4108 119.7 112.6 129.584 112.759C139.468 112.918 147.555 99.0553 147.584 97.2763Z" fill="#FFFCFB"/>
<ellipse cx="108.234" cy="70.6982" rx="4.47458" ry="6.26441" fill="black"/>
<circle cx="108.234" cy="70.6984" r="0.894915" fill="white"/>
<ellipse cx="149.4" cy="70.6982" rx="4.47458" ry="6.26441" fill="black"/>
<circle cx="149.4" cy="70.6984" r="0.894915" fill="white"/>
<circle cx="80.4912" cy="66.2239" r="14.3186" fill="#F8C09D"/>
<rect x="75.1218" y="60.8542" width="7.15932" height="7.15932" fill="#F3AA8E"/>
<rect x="71.542" y="64.4338" width="7.15932" height="7.15932" fill="#F4AF91"/>
<circle cx="178.932" cy="66.2239" r="14.3186" fill="#F8C09D"/>
<rect x="177.142" y="60.8542" width="7.15932" height="7.15932" fill="#F3AA8E"/>
<rect x="173.562" y="64.4338" width="7.15932" height="7.15932" fill="#F4AF91"/>
<rect x="112.708" y="127.078" width="32.2169" height="26.8475" fill="#F8C09D"/>
<rect x="92.9224" y="158.194" width="23.0599" height="91.1957" rx="6.22128" transform="rotate(57.8623 92.9224 158.194)" fill="#0C7010" stroke="#014858"/>
<rect x="84.7249" y="267.568" width="23.0599" height="91.1957" rx="6.22128" transform="rotate(140.121 84.7249 267.568)" fill="#0C7010" stroke="#014858"/>
<path d="M85.521 306.535L70.132 307.021L82.1888 293.317L78.3512 283.863L68.6163 275.532L78.4078 269.185L96.5295 295.882L85.521 306.535Z" fill="#F8C09D"/>
<rect x="149.956" y="174.385" width="22.291" height="100.087" rx="6.22128" transform="rotate(-46.5141 149.956 174.385)" fill="#0C7010" stroke="#014858"/>
<rect x="272.408" y="167.16" width="23.0599" height="91.1957" rx="6.22128" transform="rotate(48.9354 272.408 167.16)" fill="#0C7010" stroke="#014858"/>
<path d="M285.276 181.667L282.592 187.036L268.273 181.667L266.483 164.664L260.219 145.87L266.483 145.87L270.958 158.399L288.163 143.186L298.007 134.237L302.482 138.712L292.638 149.451L304.965 164.664L285.276 181.667Z" fill="#F7B28F"/>
</svg>
<div class="learn-more__textbox2">
<div class="learn-more__innertext">
<p>Want to learn more? </p>
<p>Check out UN Goal 14 here:</p>
<a href="https://unstats.un.org/sdgs/report/2022/Goal-14/">Goal-14</a>
</div>
</div>
</div>
</main>
<footer>
<p>This webpage was created as part of the course "<a href="https://www.ntnu.edu/studies/courses/IDG1293/#tab=omEmnet" target="_blank">Advanced CSS</a>" by Maja Brunsvik and Sabrina Altahrawi, BWU-students at NTNU</p>
</footer>
<div class="portrait-info">
<p>Rotate your device to landscape mode to see the story</p>
</div>
<!-- import GSAP-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/MotionPathPlugin.min.js"></script>
</body>
</html>