-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
2526 lines (2435 loc) · 184 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
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!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>Document</title>
<link rel="stylesheet" href="styling/styling.css" />
</head>
<body>
<div id="space">
<div class="star-container">
<img src="images/stars.png" alt="stars" id="stars">
<img src="images/stars.png" alt="stars" id="stars">
<img src="images/stars.png" alt="stars" id="stars">
<img src="images/stars.png" alt="stars" id="stars">
<img src="images/stars.png" alt="stars" id="stars">
<img src="images/stars.png" alt="stars" id="stars">
<img src="images/stars.png" alt="stars" id="stars">
<img src="images/stars.png" alt="stars" id="stars">
<img src="images/stars.png" alt="stars" id="stars">
<img src="images/stars.png" alt="stars" id="stars">
<img src="images/stars.png" alt="stars" id="stars">
<img src="images/stars.png" alt="stars" id="stars">
</div>
<img src="images/astroid.png" alt="astroid" id="astroid">
<img src="images/satelite.png" alt="satelite" id="satelite">
<img src="images/astronaut.png" alt="astronaut" id="astronaut">
<div class="curtains">
<div class="left-curtain"></div>
<div class="right-curtain"></div>
</div>
<div id="movieboard">
<img src="images/movie-cut-board.png" alt="board" id="movieboard2">
<div id="movieboard-container">
<img src="images/UN_GIF.gif" id="UN_GIF">
<h1 id="headline"><span>CLEAN WATER & SANITATION</span></h1>
<h2 id="headline2"><span>A Story about the Global Water Crisis</span></h2>
</div>
</div>
</div>
<div class="sky">
<div class="opening_clouds">
<img src="images/cloudcluster1.svg" class="opening__cloud-big">
<img src="images/cloudcluster1.svg" class="opening__cloud-medium">
<img src="images/cloudcluster1.svg" class="opening__cloud-small">
<img src="images/cloudcluster1.svg" class="opening__cloud-big">
<img src="images/cloudcluster1.svg" class="opening__cloud-medium">
<img src="images/cloudcluster1.svg" class="opening__cloud-small">
<img src="images/cloudcluster1.svg" class="opening__cloud-big">
<img src="images/cloudcluster1.svg" class="opening__cloud-medium">
<img src="images/cloudcluster1.svg" class="opening__cloud-small">
</div>
<div class="birds">
<img src="images/birds.png" alt="birds" id="birds1">
<img src="images/birds.png" alt="birds" id="birds1">
<img src="images/birds.png" alt="birds" id="birds1">
<img src="images/birds.png" alt="birds" id="birds1">
</div>
<div class="scene1_ground2">
<img src="images/hut1.png" alt="hut" id="hut">
<div class="dried-trees">
<img src="images/dried-tree1.png" alt="Dried Tree">
<img src="images/dried-tree2.png" alt="Dried Tree">
<img src="images/dried-tree3.png" alt="Dried Tree">
</div>
<img src="images/kofi-kid.svg" alt="A Young Kofi" id="KOFItest">
<div>
<img src="images/big-hole.png" id="big-hole">
</div>
<div>
<img src="images/stone-well.png" id="stone-well" alt="Well">
</div>
</div>
</div>
<div class="scene1">
<img src="images/UNcard.jpg" alt="UN GOAL" id="UN__Fact">
<img src="images/UN__Fact2.png" alt="UN FACT" id="UN__Fact2">
<div class="container-test0">
<img src="images/lack-of-water.jpg" alt="Lack of Water" id="lack-water">
</div>
<div class="UN-Goal-Column">
<div id="UN__GOAL"></div>
<div id="UN__GOAL__IN"></div>
</div>
<div class="text-container">
<div class="inner-text">
<h1>ACT I</h1>
<h3>Deep inside the forest of Ghana in rural Africa, there was a small and a poor village.
In the smallest hut by the water well that had dried up decades ago, lived a family of six.
The family consisted of a mother, father and four children, two boys and two girls.</h3>
<h3>Despite being the oldest sibling Kofi was only 7 years old, when he had to work, day and night at the farm.
The root of all the problems the family was facing was lack of water and sanitation. The village suffered from severe drought,
and the nearest source of water was miles away. Water wasn’t just a necessity to quench the thirst but also for cooking, cleaning and to water the crops.</h3>
<h3> Kofi had by far experienced more hardship than most people his age. He had to wake up at 4:30 every day to fetch water for his family, and usually spent the whole day doing so.</h3>
</div>
</div>
<div>
<img src="./images/sun.png" class="sun" alt="sun">
</div>
</div>
<div class="scene2">
<div class="scene2__sky"></div>
<div class="scene2__text-container">
<div class="scene2__inner-text">
<h1>ACT II</h1>
<p id="scene2__ground-text">
Kofi manages to get a scholarship to study civil engineering at a
university in Europe. Kofi boards the plane and leaves his family,
friends and everything he knew behind.
</p>
</div>
</div>
<div class="scene2__ground">
<img src="images/airport.svg" class="scene2__ground-airport" />
<img src="images/airplane.png" class="scene2__ground-airplane" />
<img src="images/runway.png" class="scene2__ground-runway" />
<img src="./images/sun.png" class="scene2__ground-sun" />
<img src="images/cloudcluster1.svg" class="scene2__ground-clouds1" />
<img src="images/cloudcluster2.svg" class="scene2__ground-clouds2" />
</div>
</div>
<div class="scene2__part2">
<img src="images/airplane_rotated.png" class="scene2__part2-plane" />
<div class="scene2_part2-clouds">
<img src="images/cloudcluster1.svg" class="scene2__cloud-big" />
<img src="images/cloudcluster2.svg" class="scene2__cloud-medium" />
<img src="images/cloudcluster3.svg" class="scene2__cloud-small" />
</div>
</div>
<div class="scene3">
<div class="image__container--Scene3">
<img src="./images/sun.png" alt="Sun/Moon">
</div>
<img src="./images/School-Final.svg" class="school" alt="school">
<div class="ground3"></div>
<div class="scene3__text-container">
<div class="scene3__inner-text">
<h1>ACT III</h1>
<p id="scene3__ground-text">
Once he arrives, he discovers that
he’s in for an uphill battle. Kofi struggles with the language, culture shock and homesickness. The
coursework was much more difficult than he had anticipated, and he found himself spending countless
hours in the library, trying to keep up with his classmates.
Despite the challenges, Kofi persevered. He also
worked hard to improve his language skills.
</p>
<p id="scene3__ground-text">Education is an important factor in improving access to clean water and sanitation, as educated individuals
are more likely to have the knowledge and skills to manage water resources sustainably.
Additionally, schools can serve as important channels for disseminating information on hygiene and sanitation practices to students and their families.</p>
</div>
</div>
<div class="kofi__school2">
<svg
width="132"
height="428"
viewBox="0 0 132 428"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="kofi school v2 1" clip-path="url(#clip0_21_2288)">
<g id="Clip path group">
<mask
id="mask0_21_2288"
style="mask-type: luminance"
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="132"
height="428"
>
<g id="clip-path">
<path id="Rectangle 1" d="M132 0H0V428H132V0Z" fill="white" />
</g>
</mask>
<g mask="url(#mask0_21_2288)">
<g id="Group 1">
<path
id="Path 5"
d="M119.667 408.493C119.667 411.66 95.913 414.227 66.612 414.227C37.311 414.227 13.557 411.66 13.557 408.493C13.557 405.326 37.31 402.76 66.612 402.76C95.914 402.76 119.667 405.327 119.667 408.493Z"
fill="#D2CFC9"
/>
<path
id="Path 6"
d="M50.468 384.7C50.468 384.7 61.284 408.5 52.631 408.5C42.714 408.5 8.648 407.786 8.648 407.786C8.648 407.786 5.763 402.016 13.695 398.411C21.627 394.806 39.652 388.311 39.652 388.311L50.468 384.7Z"
fill="#4A3F4C"
/>
<path
id="Path 7"
d="M55.964 404.356C56.3 397.541 51.739 379.313 51.739 379.313H38.76C38.76 379.313 29.497 391.964 21.077 395.313C22.193 398.327 23.304 401.333 24.352 404.356H55.964Z"
fill="#5B1E13"
/>
<path
id="Path 8"
d="M83.953 384.7C83.953 384.7 73.137 408.5 81.789 408.5C91.706 408.5 125.773 407.786 125.773 407.786C125.773 407.786 128.657 402.016 120.725 398.411C112.793 394.806 94.769 388.311 94.769 388.311L83.953 384.7Z"
fill="#4A3F4C"
/>
<path
id="Path 9"
d="M78.457 404.356C78.12 397.541 82.681 379.313 82.681 379.313H95.661C95.661 379.313 104.923 391.964 113.344 395.313C112.228 398.327 111.117 401.333 110.069 404.356H78.457Z"
fill="#5B1E13"
/>
<path
id="Path 10"
d="M94.891 207.336L37.812 210.053C37.812 210.053 29.667 230.127 31.947 275.408L33.756 381.735H53.821L65.421 271.649L67 265.457C67.0385 265.142 67.1916 264.852 67.4301 264.642C67.6686 264.432 67.9759 264.318 68.2935 264.32C68.6111 264.322 68.9168 264.441 69.1524 264.654C69.3879 264.867 69.5369 265.159 69.571 265.475C69.571 265.475 77.147 332.543 77.92 340.508L81.1 381.735L103.83 380.496L104.52 268.296C108.2 241.627 108.767 230.416 94.891 207.336Z"
fill="#271C24"
/>
<path
id="Path 11"
d="M95.967 121.231L98.228 126.56C100.483 131.871 106.564 240.611 106.564 240.611C115.132 240.46 25.321 244.757 29.539 241L36.188 120.436C36.056 119.063 37.111 117.753 38.94 117.019L55.4 110.4L57.477 109.564C58.6547 109.109 59.9169 108.914 61.177 108.993L72.949 109.652C73.7875 109.695 74.615 109.862 75.405 110.146L79.38 111.609L94.935 117.894C96.45 118.452 94.935 117.894 95.251 118.962C95.4457 119.731 95.6848 120.489 95.967 121.231Z"
fill="#4EBD38"
/>
<path
id="Path 12"
d="M94.947 122.076C94.947 122.076 101.732 119.335 107.14 126.907C109.44 130.121 118.847 155.833 128.365 174.371C129.185 175.971 129.485 177.786 129.223 179.565C128.961 181.343 128.15 182.996 126.904 184.291L102 210.223L92.778 198.309L108.4 182.868C109.698 181.586 110.534 179.908 110.775 178.1C111.017 176.291 110.651 174.453 109.735 172.875L96.787 150.559L97.678 146.516L94.947 122.076Z"
fill="#347733"
/>
<path
id="Path 13"
d="M38.861 200.1C40.317 201.663 41.968 203.327 44.092 203.537C46.492 203.777 48.808 202.061 51.192 202.449C52.0239 202.633 52.8001 203.012 53.4566 203.555C54.1132 204.097 54.6312 204.789 54.968 205.571C55.6259 207.143 55.9425 208.837 55.897 210.541C55.937 212.832 55.149 215.772 52.866 215.973C52.29 216.024 51.571 215.935 51.266 216.427C51.033 216.805 51.215 217.3 51.135 217.737C50.892 219.053 48.88 218.825 47.798 219.612C47.153 220.081 46.826 220.952 46.09 221.257C44.89 221.757 43.701 220.348 43.535 219.057C43.369 217.766 43.704 216.386 43.196 215.186C42.203 212.841 38.953 212.778 36.427 213.102C35.9969 210.868 34.8779 208.824 33.227 207.258L38.861 200.1Z"
fill="#9A4827"
/>
<path
id="Path 14"
d="M94.6 200.1C93.144 201.663 91.495 203.327 89.369 203.537C86.969 203.777 84.653 202.061 82.269 202.449C81.437 202.632 80.6606 203.011 80.004 203.554C79.3474 204.097 78.8294 204.788 78.493 205.571C77.8338 207.143 77.5165 208.837 77.562 210.541C77.522 212.832 78.31 215.772 80.593 215.973C81.169 216.024 81.886 215.935 82.193 216.427C82.426 216.805 82.244 217.3 82.325 217.737C82.566 219.053 84.578 218.825 85.662 219.612C86.306 220.081 86.633 220.952 87.369 221.257C88.569 221.757 89.758 220.348 89.922 219.057C90.086 217.766 89.754 216.386 90.262 215.186C91.254 212.841 94.505 212.778 97.031 213.102C97.461 210.868 98.5801 208.824 100.231 207.258L94.6 200.1Z"
fill="#9A4827"
/>
<path
id="Path 15"
d="M38.109 122.076C38.109 122.076 32.197 120.164 26.789 127.735C24.525 130.9 14.6 155.2 5.091 173.593C4.15253 175.418 3.8083 177.491 4.1065 179.522C4.40469 181.552 5.33039 183.439 6.754 184.917L31.054 210.223L40.278 198.309L22.693 180.94C21.9536 180.209 21.4778 179.254 21.3404 178.223C21.203 177.193 21.4118 176.146 21.934 175.247L36.269 150.559L34.993 142.092L38.109 122.076Z"
fill="#347733"
/>
<path
id="Path 16"
d="M79.4 112.9C79.4146 114.504 79.1111 116.096 78.5072 117.582C77.9034 119.069 77.011 120.421 75.8816 121.56C74.7523 122.7 73.4083 123.605 71.9274 124.222C70.4465 124.839 68.858 125.157 67.2535 125.157C65.6491 125.157 64.0605 124.839 62.5796 124.222C61.0987 123.605 59.7548 122.7 58.6254 121.56C57.4961 120.421 56.6037 119.069 55.9998 117.582C55.3959 116.096 55.0924 114.504 55.107 112.9C55.1049 112.016 55.2029 111.134 55.399 110.272L59.174 107.882L74.263 109.212L79.379 112.176C79.391 112.415 79.4 112.664 79.4 112.9Z"
fill="#607627"
/>
<path
id="Path 23"
d="M59.607 93.529L73.823 93.374C73.823 93.374 74.611 115.628 74.664 115.628C74.664 115.628 73.664 120.079 67.364 120.246C61.064 120.413 59.451 115.791 59.451 115.791C59.5 115.668 59.607 93.529 59.607 93.529Z"
fill="#9A4827"
/>
<path
id="Path 24"
d="M59.7 101.716L73.916 101.56C73.916 101.56 74.555 110.172 74.608 110.172C74.608 110.172 73.608 114.623 67.308 114.789C61.008 114.955 59.395 110.335 59.395 110.335C59.44 110.212 59.7 101.716 59.7 101.716Z"
fill="#7C381E"
/>
<path
id="Path 25"
d="M59.651 97.623L73.867 97.468C73.867 97.468 74.079 100.309 74.267 102.727C74.298 103.077 70.218 103.739 69.775 103.813C66.3337 104.307 62.8275 104.087 59.475 103.167C59.559 100.691 59.651 97.623 59.651 97.623Z"
fill="#7C381E"
/>
<g class="school-face">
<path
id="Path 17"
d="M39.377 71.1601C39.377 71.1601 33.713 63.888 28.5 68.667C23.287 73.446 30.739 88.175 40.723 84.712L39.377 71.1601Z"
fill="#9A4827"
/>
<path
id="Path 18"
d="M39.887 76.3001L40.582 83.2761C31.944 84.8231 27.015 72.8001 30.988 71.1311C34.2 69.7811 38.188 74.0001 39.887 76.3001Z"
fill="#7C381E"
/>
<path
id="Path 19"
d="M29.6 73.62C29.6 73.62 29.617 73.565 29.643 73.467C29.669 73.369 29.716 73.223 29.774 73.047C29.9271 72.5881 30.1937 72.1754 30.549 71.847C30.6571 71.7572 30.7764 71.6819 30.904 71.623C30.9691 71.5916 31.0358 71.5639 31.104 71.54L31.152 71.523C31.115 71.538 31.144 71.523 31.137 71.53H31.164L31.196 71.521L31.333 71.485C31.4133 71.462 31.4952 71.4446 31.578 71.433C31.7418 71.4078 31.9073 71.3955 32.073 71.396C32.1621 71.3927 32.2513 71.3954 32.34 71.404C33.1055 71.4891 33.8453 71.7311 34.513 72.115C34.8751 72.3078 35.2263 72.5205 35.565 72.752C35.902 72.983 36.234 73.223 36.548 73.463C37.177 73.95 37.748 74.436 38.243 74.858L39.883 76.31C39.883 76.31 39.799 76.105 39.615 75.763C39.356 75.2934 39.0678 74.8405 38.752 74.407C38.552 74.14 38.335 73.85 38.081 73.562C37.827 73.274 37.55 72.974 37.245 72.682C36.5978 72.0551 35.8701 71.517 35.081 71.082C34.6629 70.8573 34.2221 70.6776 33.766 70.546C33.3061 70.4135 32.8284 70.3528 32.35 70.366C32.2325 70.368 32.1153 70.3774 31.999 70.394C31.8844 70.4043 31.7707 70.4233 31.659 70.451C31.545 70.4741 31.4328 70.5048 31.323 70.543C31.2202 70.5728 31.1199 70.6106 31.023 70.656L30.891 70.717L30.81 70.754L30.737 70.795C30.6412 70.845 30.5502 70.9036 30.465 70.97C30.3058 71.0942 30.163 71.238 30.04 71.398C29.8353 71.6639 29.6906 71.9709 29.616 72.298C29.5591 72.5327 29.5319 72.7736 29.535 73.015C29.5356 73.1674 29.5473 73.3194 29.57 73.47C29.589 73.567 29.6 73.62 29.6 73.62Z"
fill="#7C381E"
/>
<path
id="Path 20"
d="M91.891 70.5931C91.891 70.5931 97.391 63.2011 102.711 67.8681C108.031 72.5351 100.893 87.4191 90.836 84.1681L91.891 70.5931Z"
fill="#9A4827"
/>
<path
id="Path 21"
d="M91.492 75.74L90.948 82.728C99.615 84.095 104.284 71.967 100.276 70.384C97.037 69.107 93.139 73.408 91.492 75.74Z"
fill="#7C381E"
/>
<path
id="Path 22"
d="M101.72 72.843L101.675 72.692C101.645 72.592 101.597 72.451 101.533 72.275C101.374 71.816 101.098 71.4063 100.733 71.086C100.623 70.9986 100.502 70.926 100.373 70.87C100.308 70.8415 100.241 70.8164 100.173 70.795L100.119 70.778C100.159 70.791 100.127 70.778 100.134 70.778H100.11L100.076 70.769L99.938 70.736C99.8571 70.7142 99.7745 70.6991 99.691 70.691C99.6107 70.677 99.5295 70.669 99.448 70.667C99.3631 70.661 99.2779 70.661 99.193 70.667C99.1058 70.6668 99.0186 70.6718 98.932 70.682C98.1671 70.7811 97.4312 71.0382 96.771 71.437C96.4141 71.6399 96.068 71.8612 95.734 72.1C95.402 72.339 95.075 72.583 94.766 72.832C94.149 73.332 93.589 73.832 93.103 74.261L91.492 75.74C91.492 75.74 91.573 75.532 91.751 75.188C91.9952 74.7105 92.2733 74.251 92.583 73.813C92.775 73.542 92.983 73.248 93.235 72.954C93.487 72.66 93.75 72.354 94.051 72.054C94.6847 71.4152 95.3998 70.8628 96.178 70.411C96.5927 70.1778 97.0308 69.9888 97.485 69.847C97.9407 69.7049 98.4156 69.6337 98.893 69.636C99.011 69.6363 99.1288 69.6433 99.246 69.657C99.3609 69.6642 99.475 69.6813 99.587 69.708C99.7015 69.7272 99.8142 69.7556 99.924 69.793C100.027 69.82 100.127 69.8561 100.224 69.901L100.353 69.956L100.436 69.992L100.511 70.031C100.608 70.0814 100.701 70.1385 100.789 70.202C100.95 70.3239 101.096 70.4646 101.224 70.621C101.433 70.8828 101.583 71.1867 101.664 71.512C101.729 71.7466 101.762 71.9887 101.764 72.232C101.767 72.3834 101.759 72.5348 101.74 72.685C101.728 72.788 101.72 72.843 101.72 72.843Z"
fill="#7C381E"
/>
<path
id="Path 26"
d="M35.776 64.8931C35.967 82.6201 47.855 97.3051 66.829 97.1001C85.803 96.8951 97.809 78.9231 99.074 61.2371C100.836 36.5881 85.111 32.6901 66.135 32.8941C47.159 33.0981 35.583 47.1611 35.776 64.8931Z"
fill="#271C24"
/>
<path
id="Path 27"
d="M35.776 64.8939C36.012 55.0139 40.16 45.6419 49.876 41.7029C54.8939 39.8403 60.2265 38.9732 65.576 39.1499C70.821 39.1789 76.413 39.4589 81.364 41.3059C90.233 44.6179 89 49.1999 90 58.2139C90.1 59.0979 96.075 63.3569 96.115 64.2429C96.208 66.2779 96.386 68.2789 96.332 70.3219C96.2481 74.9339 95.488 79.5086 94.076 83.8999C92.3966 89.2875 89.2401 94.0962 84.965 97.7799C82.4587 99.8378 79.6173 101.45 76.565 102.545C71.7602 104.428 66.5329 104.967 61.445 104.103C57.8539 103.518 54.3891 102.324 51.2 100.573C46.0408 97.5971 41.9502 93.0715 39.509 87.6389C37.473 83.0909 36.234 78.2267 35.846 73.2589C35.5764 70.5499 35.5459 67.8223 35.755 65.1079C35.763 65.0359 35.773 64.9649 35.776 64.8939Z"
fill="#9A4827"
/>
<path
id="Path 28"
d="M58.3 71.691C58.267 72.6006 57.97 73.4809 57.4453 74.2246C56.9205 74.9683 56.1906 75.5432 55.3447 75.8791C54.4987 76.215 53.5733 76.2975 52.6813 76.1164C51.7893 75.9354 50.9693 75.4986 50.3213 74.8594C49.6733 74.2203 49.2253 73.4063 49.032 72.5169C48.8387 71.6274 48.9085 70.7009 49.2328 69.8505C49.5571 69 50.1219 68.2623 50.8583 67.7274C51.5948 67.1925 52.4709 66.8834 53.38 66.838C54.676 66.8292 55.9223 67.3356 56.845 68.2457C57.7676 69.1557 58.291 70.3951 58.3 71.691Z"
fill="#7C381E"
/>
<path
id="Path 29"
d="M58.656 69.847C58.6232 70.7567 58.3264 71.6371 57.8017 72.3809C57.2771 73.1247 56.5472 73.6998 55.7013 74.0359C54.8554 74.3719 53.9299 74.4545 53.0379 74.2736C52.1458 74.0926 51.3257 73.6559 50.6776 73.0168C50.0295 72.3776 49.5814 71.5637 49.388 70.6742C49.1947 69.7847 49.2644 68.8582 49.5887 68.0077C49.913 67.1572 50.4778 66.4194 51.2142 65.8845C51.9507 65.3495 52.8269 65.0404 53.736 64.995C54.3777 64.9901 55.0142 65.1118 55.6089 65.3531C56.2035 65.5944 56.7448 65.9505 57.2018 66.4011C57.6587 66.8518 58.0224 67.388 58.2719 67.9793C58.5214 68.5706 58.6519 69.2053 58.656 69.847Z"
fill="#271C24"
/>
<path
id="Path 31"
d="M86.484 72.4669C86.451 73.3762 86.1541 74.2563 85.6295 74.9998C85.1049 75.7433 84.3752 76.3181 83.5295 76.6539C82.6838 76.9898 81.7586 77.0723 80.8668 76.8913C79.9751 76.7104 79.1552 76.2738 78.5073 75.6349C77.8594 74.9959 77.4115 74.1822 77.2181 73.2931C77.0248 72.4039 77.0944 71.4777 77.4185 70.6274C77.7425 69.7771 78.3071 69.0395 79.0432 68.5046C79.7793 67.9696 80.6552 67.6605 81.564 67.6149C82.2057 67.6103 82.842 67.7321 83.4366 67.9735C84.0311 68.2149 84.5723 68.571 85.0292 69.0216C85.4861 69.4722 85.8498 70.0083 86.0994 70.5995C86.349 71.1907 86.4797 71.8252 86.484 72.4669Z"
fill="#7C381E"
/>
<path
id="Path 32"
d="M86.424 71.2801C86.3912 72.1895 86.0944 73.0697 85.5699 73.8133C85.0454 74.557 84.3158 75.1319 83.4701 75.4679C82.6244 75.8039 81.6992 75.8865 80.8074 75.7057C79.9155 75.5249 79.0956 75.0884 78.4476 74.4495C77.7996 73.8105 77.3516 72.9969 77.1581 72.1076C76.9647 71.2184 77.0343 70.2922 77.3583 69.4418C77.6824 68.5915 78.2469 67.8538 78.9831 67.3189C79.7192 66.7839 80.5951 66.4747 81.504 66.4291C82.1457 66.4241 82.7821 66.5457 83.3768 66.7868C83.9715 67.028 84.5128 67.384 84.9697 67.8346C85.4267 68.2851 85.7903 68.8213 86.0399 69.4126C86.2894 70.0038 86.4199 70.6384 86.424 71.2801Z"
fill="#271C24"
/>
<g id="school-eyes">
<path
id="school-right-eye"
d="M84.753 69.9839C84.7774 70.355 84.6907 70.725 84.5042 71.0467C84.3176 71.3684 84.0395 71.6273 83.7053 71.7905C83.3711 71.9537 82.9959 72.0138 82.6275 71.9631C82.2591 71.9124 81.9141 71.7532 81.6364 71.5058C81.3587 71.2584 81.1609 70.9339 81.0682 70.5738C80.9755 70.2136 80.992 69.834 81.1157 69.4832C81.2394 69.1325 81.4647 68.8265 81.7629 68.6042C82.061 68.3819 82.4186 68.2533 82.79 68.2349C83.0339 68.22 83.2784 68.2535 83.5093 68.3335C83.7402 68.4135 83.953 68.5384 84.1354 68.7009C84.3179 68.8635 84.4664 69.0605 84.5724 69.2807C84.6784 69.5009 84.7397 69.7399 84.753 69.9839Z"
fill="white"
/>
<path
id="school-left-eye"
d="M56.985 68.551C57.0091 68.9223 56.9223 69.2923 56.7355 69.6141C56.5487 69.9359 56.2703 70.1948 55.9359 70.3579C55.6015 70.521 55.2262 70.581 54.8576 70.5301C54.489 70.4792 54.1439 70.3198 53.8662 70.0722C53.5885 69.8246 53.3907 69.5 53.298 69.1397C53.2054 68.7793 53.222 68.3996 53.3458 68.0487C53.4697 67.6978 53.6951 67.3918 53.9934 67.1694C54.2917 66.947 54.6494 66.8184 55.021 66.8C55.2651 66.7853 55.5097 66.8189 55.7407 66.8991C55.9717 66.9792 56.1847 67.1043 56.3672 67.267C56.5497 67.4297 56.6983 67.627 56.8043 67.8473C56.9103 68.0677 56.9717 68.3068 56.985 68.551Z"
fill="white"
/>
</g>
<path
id="Path 34"
d="M69.808 68.9489C69.808 68.9489 67.644 74.7729 70.589 74.9819C76.289 75.3939 73.372 87.1009 66.22 80.6819C63.52 78.2589 67.088 68.3579 67.088 68.3579L69.808 68.9489Z"
fill="#5A2215"
/>
<path
id="Path 35"
d="M74.112 87.732C74.112 87.732 62.785 89.616 57.4 83.127C57.4 83.127 52.875 95.252 65.036 96.807C72.721 97.787 74.112 87.732 74.112 87.732Z"
fill="#5A2215"
/>
<path
id="Path 36"
d="M70.261 95.379C69.542 95.9739 68.7045 96.409 67.8043 96.6552C66.9041 96.9015 65.9618 96.9532 65.04 96.807C62.8538 96.6364 60.7751 95.7888 59.093 94.382C58.7298 94.0346 58.3954 93.6584 58.093 93.257C58.085 93.2498 58.0782 93.2414 58.073 93.232C58.069 93.2276 58.066 93.2225 58.064 93.217C57.2099 91.9549 56.7115 90.4862 56.621 88.965C63.455 87.175 68.355 92.519 70.261 95.379Z"
fill="#D51E25"
/>
<path
id="Path 37"
d="M74.112 87.732C74.112 87.732 74.099 87.819 74.073 87.972C72.973 88.2 70.93 90.596 68.182 90.5C66.4444 90.4208 64.7413 89.9876 63.177 89.227C62.1806 88.8173 61.2364 88.291 60.364 87.659C59.676 86.7883 59.2041 85.7671 58.987 84.679C64.729 89.291 74.112 87.732 74.112 87.732Z"
fill="white"
/>
<path
id="Path 38"
d="M57.681 84.3359C57.236 86.0789 56.618 89.7359 58.345 92.5359C59.596 94.5569 61.874 95.7929 65.117 96.2069C70.969 96.9549 72.864 90.7149 73.356 88.4469C70.688 88.7349 62.548 89.1639 57.681 84.3359ZM64.96 97.3999C61.323 96.9369 58.743 95.4999 57.288 93.1509C54.652 88.8739 56.735 83.1509 56.824 82.9139C56.8629 82.813 56.9274 82.724 57.0112 82.6557C57.0951 82.5874 57.1953 82.5421 57.302 82.5245C57.4086 82.5068 57.5181 82.5173 57.6195 82.5549C57.7208 82.5925 57.8106 82.6559 57.88 82.7389C62.968 88.8779 73.9 87.1479 74.009 87.1339C74.1041 87.1169 74.2018 87.1226 74.2943 87.1506C74.3867 87.1786 74.4713 87.228 74.541 87.2949C74.6097 87.3598 74.6618 87.4403 74.6929 87.5296C74.7241 87.6189 74.7334 87.7143 74.72 87.8079C74.709 87.9079 73.309 97.3949 66.167 97.4719C65.7635 97.4755 65.3602 97.4515 64.96 97.3999Z"
fill="#A32920"
/>
<path
id="Path 39"
d="M87.8 64.6001C87.6959 64.4259 87.5778 64.2603 87.447 64.1051C87.2995 63.9235 87.1408 63.7511 86.972 63.5891C86.7569 63.3749 86.5284 63.1745 86.288 62.9891C86.0042 62.7676 85.7077 62.5629 85.4 62.3761C85.0555 62.164 84.697 61.9755 84.327 61.8121C83.9346 61.6284 83.53 61.472 83.116 61.3441C82.695 61.1961 82.251 61.1171 81.816 61.0041C81.372 60.9351 80.925 60.8681 80.485 60.8241C80.046 60.8001 79.609 60.7881 79.194 60.7881C78.774 60.8121 78.37 60.8481 77.994 60.8881C77.6378 60.9364 77.2843 61.0032 76.935 61.0881C76.6382 61.1473 76.3456 61.2258 76.059 61.3231C75.804 61.4111 75.583 61.4981 75.402 61.5661C75.045 61.7031 74.845 61.8021 74.845 61.8021C74.845 61.8021 75.072 61.8341 75.453 61.8611C75.645 61.8761 75.874 61.8941 76.138 61.9021C76.402 61.9101 76.689 61.9381 77.01 61.9621C77.331 61.9861 77.666 61.9911 78.023 62.0311C78.38 62.0711 78.754 62.1071 79.14 62.1311C79.524 62.1831 79.916 62.2431 80.32 62.2841C80.715 62.3521 81.115 62.4201 81.52 62.4911C81.72 62.5341 81.92 62.5791 82.12 62.6201C82.32 62.6611 82.52 62.6961 82.711 62.7531C82.902 62.8101 83.099 62.8531 83.29 62.9011C83.481 62.9491 83.663 63.0141 83.85 63.0641C84.221 63.1641 84.57 63.2881 84.91 63.3971C85.081 63.4481 85.237 63.5211 85.394 63.5731C85.551 63.6251 85.709 63.6821 85.851 63.7451C86.143 63.8581 86.412 63.9661 86.651 64.0691C86.89 64.1721 87.096 64.2691 87.275 64.3411C87.438 64.4261 87.582 64.4821 87.67 64.5321L87.8 64.6001Z"
fill="#271C24"
/>
<path
id="Path 40"
d="M49.212 59.588C49.3688 59.4574 49.536 59.34 49.712 59.237C49.9115 59.1159 50.1171 59.0051 50.328 58.905C50.6032 58.7772 50.8849 58.664 51.172 58.566C51.5141 58.4512 51.8627 58.3567 52.216 58.283C52.6119 58.1995 53.0127 58.1417 53.416 58.11C53.8478 58.0652 54.2822 58.0508 54.716 58.067C55.161 58.067 55.607 58.14 56.056 58.18C56.499 58.26 56.94 58.343 57.369 58.449C57.793 58.572 58.209 58.705 58.604 58.849C58.991 59.01 59.36 59.177 59.704 59.338C60.048 59.499 60.351 59.705 60.637 59.874C60.8975 60.0268 61.1471 60.1975 61.384 60.385C61.597 60.553 61.777 60.708 61.923 60.832C62.223 61.084 62.372 61.24 62.372 61.24C62.372 61.24 62.148 61.197 61.78 61.096C61.595 61.045 61.371 60.987 61.121 60.908C60.871 60.829 60.588 60.757 60.278 60.675C59.968 60.593 59.649 60.486 59.295 60.403C58.941 60.32 58.583 60.235 58.208 60.131C57.828 60.055 57.436 59.979 57.044 59.884L55.844 59.684C55.644 59.657 55.444 59.633 55.244 59.608C55.044 59.583 54.844 59.547 54.644 59.54C54.444 59.533 54.244 59.507 54.052 59.487C53.86 59.467 53.661 59.468 53.472 59.455C53.087 59.426 52.717 59.428 52.36 59.42C52.181 59.407 52.012 59.425 51.844 59.42C51.676 59.415 51.511 59.42 51.356 59.429C51.044 59.442 50.756 59.45 50.496 59.47L49.823 59.523C49.635 59.537 49.484 59.554 49.383 59.57L49.212 59.588Z"
fill="#271C24"
/>
<path
id="Path 41"
d="M35.268 65.2149C34.907 62.3118 34.7237 59.3893 34.719 56.4639C34.805 61.4909 35.268 65.2149 35.268 65.2149Z"
fill="#7C381E"
/>
<path
id="Path 42"
d="M36.145 78.747C36.145 78.747 36.058 77.562 35.813 75.467L35.741 75.558L36.145 78.747Z"
fill="#271C24"
/>
<path
id="Path 43"
d="M101.481 58.5C104.3 55.015 104.473 50.157 104.519 45.675C104.556 41.906 103.419 36.842 99.649 36.806C100.249 35.206 99.204 33.423 97.836 32.406C96.468 31.389 94.797 30.874 93.352 29.973C91.589 28.873 90.2 27.233 88.377 26.238C86.554 25.243 83.929 25.138 82.716 26.826C80.768 22.774 74.416 21.855 71.401 25.189C70.326 23.344 67.801 22.914 65.701 23.306C63.601 23.698 61.64 24.7 59.52 24.957C57.743 25.173 55.911 24.862 54.165 25.257C52.419 25.652 50.684 27.162 50.954 28.933C48.7535 28.3189 46.4464 28.1862 44.19 28.544C41.973 29.064 39.878 30.844 39.771 33.123C38.328 31.912 35.936 33.003 35.163 34.723C34.39 36.443 34.735 38.43 35.095 40.278C34.2835 39.9781 33.3949 39.9593 32.5715 40.2247C31.7481 40.4901 31.0376 41.0242 30.554 41.7415C30.0704 42.4588 29.8416 43.3177 29.9043 44.1806C29.9671 45.0434 30.3177 45.8602 30.9 46.5C30.496 49.9706 30.092 53.44 29.688 56.908L32.72 58.2C30.66 60.52 31.748 64.631 34.387 66.032C35.6397 67.7596 37.4633 68.9881 39.535 69.5C39.8196 68.2319 39.8487 66.9197 39.6205 65.6402C39.3923 64.3607 38.9115 63.1395 38.206 62.048C39.1419 61.9568 40.022 61.5609 40.7111 60.9211C41.4002 60.2813 41.8603 59.433 42.0206 58.5065C42.181 57.5799 42.0328 56.6263 41.5987 55.7922C41.1647 54.958 40.4688 54.2894 39.618 53.889C42.938 54.856 46.334 50.489 44.585 47.513C46.1244 47.9227 47.7418 47.9409 49.29 47.566C50.79 47.066 52.067 45.493 51.665 43.959C52.4766 44.8246 53.526 45.431 54.6813 45.702C55.8365 45.973 57.0461 45.8964 58.158 45.482C58.5273 44.65 58.8967 43.8166 59.266 42.982C61.854 46.038 67.877 44.269 68.399 40.298C69.3276 41.5377 70.5212 42.5544 71.8928 43.2741C73.2643 43.9938 74.7793 44.3983 76.327 44.458C77.188 46.513 79.951 46.938 81.871 46.01C82.4621 47.1344 83.2857 48.1201 84.2871 48.9017C85.2884 49.6832 86.4447 50.2427 87.679 50.543C87.698 50.743 87.727 50.943 87.732 51.136C87.6209 52.0146 87.8098 52.9051 88.268 53.663C89.268 54.819 91.147 54.056 92.659 54.282C94.835 54.609 96.048 57.041 96.25 59.231C96.452 61.421 96.022 63.68 96.599 65.803C96.6821 66.24 96.9058 66.6379 97.236 66.936C98.288 67.744 99.745 66.324 99.836 65C99.927 63.676 99.372 62.317 99.745 61.044C100.152 60.0909 100.742 59.2266 101.481 58.5Z"
fill="#271C24"
/>
</g>
<path
id="Path 44"
d="M38.689 198.012C35.0485 200.845 32.2707 204.638 30.668 208.963C30.057 210.563 32.636 211.263 33.24 209.671C34.7292 205.794 37.2696 202.41 40.576 199.897C41.931 198.848 40.031 196.973 38.689 198.012Z"
fill="#3E471C"
/>
<path
id="Path 45"
d="M103.493 208.54C100.232 204.684 96.9707 200.828 93.708 196.973C92.599 195.661 90.72 197.556 91.823 198.86L101.608 210.425C102.717 211.737 104.6 209.843 103.493 208.54Z"
fill="#3E471C"
/>
<path
id="Path 46"
d="M33.577 176.824C32.6868 176.433 31.9294 175.791 31.3968 174.978C30.8643 174.164 30.5794 173.213 30.577 172.241V120.792C30.577 119.465 31.104 118.193 32.0422 117.255C32.9803 116.317 34.2527 115.79 35.5795 115.79C36.9062 115.79 38.1786 116.317 39.1168 117.255C40.0549 118.193 40.582 119.465 40.582 120.792L36.582 172.241C36.581 174.993 34.192 177.093 33.577 176.824Z"
fill="#271C24"
/>
<path
id="Path 47"
d="M100.344 176.468C99.6304 176.017 99.0422 175.393 98.634 174.654C98.2258 173.915 98.0108 173.085 98.009 172.241L92.676 120.792C92.676 119.466 93.2028 118.194 94.1405 117.256C95.0781 116.319 96.3499 115.792 97.676 115.792C99.0021 115.792 100.274 116.319 101.212 117.256C102.149 118.194 102.676 119.466 102.676 120.792V172.241C102.68 174.993 101.117 176.959 100.344 176.468Z"
fill="#271C24"
/>
</g>
</g>
</g>
</g>
<defs>
<clipPath id="clip0_21_2288">
<rect width="132" height="428" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<div class="scene4">
<div class="scene4__sky"></div>
<div class="scene4__ground">
<img src="images/airport.svg" class="scene4__ground-airport" />
<img src="images/airplane.png" class="scene4__ground-airplane" />
<img src="images/runway.png" class="scene4__ground-runway" />
<div class="scene4__text-container">
<div class="scene4__inner-text">
<h1>ACT IV</h1>
<p id="scene4__ground-text">
Kofi missed his family and friends back home, he felt grateful for the opportunity to study
abroad. The experience had broadened his perspective and taught him valuable life skills. He had
become more independent, adaptable, and confident in himself. After 5 challenging but also exciting
years, Kofi is ready to return to his family.
</p>
</div>
</div>
</div>
</div>
<div class="scene5">
<div class="ground5"></div>
<div class="scene5__text-container">
<div class="scene5__inner-text">
<h1>ACT V</h1>
<p id="scene5__ground-text">
Education can lead to increased economic opportunities and help to
reduce poverty, which can contribute to long-term solutions to the water
crisis in Ghana. By supporting education and water projects in Ghana, we
can work towards a more sustainable future for all.
<a href="https://ges.gov.gh/">Visit Ghana Education Service</a>
</p>
</div>
</div>
<div class="image__container--Scene5">
<img src="./images/sun.png" alt="Sun/Moon">
</div>
<div class="pump">
<img src="./images/waterpump.svg" alt="pump" />
</div>
<div class="drop">
<img src="./images/waterdrop.svg" alt="waterdrop" />
</div>
<div class="drop2">
<img src="./images/waterdrop.svg" alt="waterdrop" />
</div>
<div class="drop3">
<img src="./images/waterdrop.svg" alt="waterdrop" />
</div>
<div class="house1">
<svg
width="600"
height="600"
viewBox="0 0 600 600"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="17232744_2007.i126.008_hawaii_set-08 (1) 1">
<g id="g8">
<g id="g10">
<path
id="path12"
d="M469.377 405.505H382.049V409.589H469.377V405.505Z"
fill="#66352A"
/>
<path
id="path14"
d="M460.421 407.104H454.663V446.129H460.421V407.104Z"
fill="#66352A"
/>
<path
id="path16"
d="M460.421 416.221H454.663V444.531H460.421V416.221Z"
fill="#915544"
/>
<path
id="path18"
d="M434.511 407.104H428.752V446.129H434.511V407.104Z"
fill="#66352A"
/>
<path
id="path20"
d="M434.511 418.86H428.752V443.73H434.511V418.86Z"
fill="#915544"
/>
<path
id="path22"
d="M146.457 405.505H59.1292V409.589H146.457V405.505Z"
fill="#66352A"
/>
<path
id="path24"
d="M348.623 486.754H99.1145V492.832H348.623V486.754Z"
fill="#54271F"
/>
<path
id="path26"
d="M354.871 449.808H346.795V519.383H354.871V449.808Z"
fill="#54271F"
/>
<path
id="path28"
d="M150.616 449.808H144.309V519.383H150.616V449.808Z"
fill="#54271F"
/>
<path
id="path30"
d="M254.784 451.196L249.743 446.156L206.472 489.427L211.512 494.467L254.784 451.196Z"
fill="#54271F"
/>
<path
id="path32"
d="M396.092 451.196L391.051 446.156L347.779 489.427L352.82 494.467L396.092 451.196Z"
fill="#54271F"
/>
<path
id="path34"
d="M314.489 445.489L320.152 451.993L292.564 480.155L288.797 471.716L314.489 445.489Z"
fill="#66352A"
/>
<path
id="path36"
d="M265.124 441.748L259.875 448.893L285.447 479.835L288.939 470.563L265.124 441.748Z"
fill="#66352A"
/>
<path
id="path38"
d="M464.419 449.808H455.143V519.383H464.419V449.808Z"
fill="#66352A"
/>
<path
id="path40"
d="M294.643 449.808H285.365V519.383H294.643V449.808Z"
fill="#915544"
/>
<path
id="path42"
d="M295.361 449.808H284.645L285.365 484.196H294.643L295.361 449.808Z"
fill="#66352A"
/>
<path
id="path44"
d="M80.0853 444.557L76.7905 451.571L102.706 488.445L104.219 478.896L80.0853 444.557Z"
fill="#66352A"
/>
<path
id="path46"
d="M128.153 447.11L123.782 452.069L145.935 476.254L148.781 469.631L128.153 447.11Z"
fill="#54271F"
/>
<path
id="path48"
d="M331.837 447.11L327.467 452.069L349.62 476.254L352.467 469.631L331.837 447.11Z"
fill="#54271F"
/>
<path
id="path50"
d="M168.968 446.155L163.928 451.196L207.199 494.468L212.24 489.427L168.968 446.155Z"
fill="#54271F"
/>
<path
id="path52"
d="M105.272 449.808H95.9958V519.383H105.272V449.808Z"
fill="#915544"
/>
<path
id="path54"
d="M105.272 449.648H95.9958V483.876H105.272V449.648Z"
fill="#66352A"
/>
<path
id="path56"
d="M212.992 449.808H205.315V519.383H212.992V449.808Z"
fill="#54271F"
/>
<path
id="path58"
d="M66.4863 331.772C114.635 363.872 443.068 364.078 457.061 336.09C451.624 331.132 427.792 294.826 285.285 294.826C142.779 294.826 74.939 319.284 66.4863 331.772Z"
fill="#D3411A"
/>
<path
id="path60"
d="M421.555 319.777C315.839 313.2 208.508 313.4 99.5942 320.256L103.433 441.172H417.236L421.555 319.777Z"
fill="#915544"
/>
<path
id="path62"
d="M395.165 319.777C334.508 313.2 272.925 313.4 210.433 320.256L212.636 441.172H392.687L395.165 319.777Z"
fill="#A05848"
/>
<path
id="path64"
d="M257.409 342.328C326.703 342.328 387.404 362.064 419.016 391.15L421.555 319.777C315.839 313.2 208.508 313.4 99.5942 320.256L101.733 387.628C133.162 360.482 190.951 342.328 257.409 342.328Z"
fill="#7C4437"
/>
<path
id="path66"
d="M407.16 432.695C412.919 410.303 411.319 347.287 411.319 347.287C408.539 378.584 406.409 408.563 407.16 432.695Z"
fill="#68352B"
/>
<path
id="path68"
d="M287.684 401.026C293.442 378.634 291.843 315.618 291.843 315.618C289.063 346.916 286.933 376.894 287.684 401.026Z"
fill="#68352B"
/>
<path
id="path70"
d="M131.742 398.148C134.607 376.385 124.865 315.139 124.865 315.139C126.129 345.557 127.873 374.693 131.742 398.148Z"
fill="#68352B"
/>
<path
id="path72"
d="M161.972 451.888C167.729 433.857 166.129 383.113 166.129 383.113C163.349 408.316 161.22 432.456 161.972 451.888Z"
fill="#68352B"
/>
<path
id="path74"
d="M239.223 448.049C242.591 414.839 234.264 321.376 234.264 321.376C234.825 367.795 235.896 412.259 239.223 448.049Z"
fill="#68352B"
/>
<path
id="path76"
d="M355.979 435.253C358.717 403.469 348.623 314.019 348.623 314.019C350.063 358.445 351.975 401 355.979 435.253Z"
fill="#68352B"
/>
<path
id="path78"
d="M318.752 440.692H288.088C288.088 440.692 270.924 422.451 274.712 389.06C277.928 360.721 296.243 349.289 314.839 352.779C333.432 356.267 337.673 423.248 318.752 440.692Z"
fill="#66352A"
/>
<path
id="path80"
d="M274.713 407.717C277.272 429.176 288.088 440.692 288.088 440.692H318.752C327.671 432.469 331.44 413.244 330.988 394.847C324.521 389.861 316.789 386.952 308.477 386.952C294.487 386.952 282.137 395.171 274.713 407.717Z"
fill="#823F34"
/>
<path
id="path82"
d="M313.097 440.052H288.28C288.28 440.052 274.389 423.266 277.456 392.54C280.058 366.464 294.88 355.944 309.929 359.153C324.977 362.364 328.409 424.001 313.097 440.052Z"
fill="#44221C"
/>
<path
id="path86"
d="M457.061 336.091C451.624 331.132 427.792 294.827 285.285 294.827C142.779 294.827 74.9389 319.284 66.4868 331.772C70.8873 334.707 77.6379 337.372 86.2676 339.776C117.987 321.056 440.108 338.329 438.516 345.184C448.767 342.591 455.328 339.557 457.061 336.091Z"
fill="#E8822E"
/>
<path
id="path88"
d="M66.4863 331.772C113.509 323.136 320.312 326.015 363.016 329.853C405.721 333.692 457.061 336.091 457.061 336.091C448.265 305.541 349.261 163.355 257.456 112.973L234.424 111.055C176.205 151.199 92.077 260.599 66.4863 331.772Z"
fill="#F2B03B"
/>
<path
id="path90"
d="M148.861 326.7C227.959 325.054 333.825 327.229 363.016 329.853C379.277 331.314 396.783 332.566 412.237 333.557C411.313 328.738 410.265 323.78 409.032 318.612C386.444 224.017 275.916 116.358 247.7 123.096C223.929 128.772 156.129 236.374 148.861 326.7Z"
fill="#EFCA52"
/>
<path
id="path92"
d="M354.78 235.808C354.78 235.808 379.411 280.59 387.088 331.772L395.165 332.572C384.609 275.953 354.78 235.808 354.78 235.808Z"
fill="#F2B03B"
/>
<path
id="path94"
d="M320.552 198.061C320.552 198.061 348.144 259.427 359.205 329.557L367.164 330.219C352.865 252.637 320.552 198.061 320.552 198.061Z"
fill="#F2B03B"
/>
<path
id="path96"
d="M199.877 223.652C199.877 223.652 179.293 271.767 176.845 326.28L168.597 326.38C173.443 266.075 199.877 223.652 199.877 223.652Z"
fill="#F2B03B"
/>
<path
id="path98"
d="M416.149 281.177C416.149 281.177 428.236 307.257 432.864 337.064L440.108 337.531C433.776 304.556 416.149 281.177 416.149 281.177Z"
fill="#E8822E"
/>
<path
id="path100"
d="M158.612 236.608C158.612 236.608 137.757 285.697 130.898 328.432L121.858 329.053C130.013 283.644 158.612 236.608 158.612 236.608Z"
fill="#E8822E"
/>
<path
id="path102"
d="M122.146 261.879C122.146 261.879 103.727 298.397 98.4972 330.191L89.8696 330.653C96.2551 296.871 122.146 261.879 122.146 261.879Z"
fill="#E8822E"
/>
<path
id="path104"
d="M208.993 79.3851L232.025 117.772L265.133 119.69L277.608 74.1078C277.608 74.1078 244.98 52.5158 208.993 79.3851Z"
fill="#F2B03B"
/>
<path
id="path106"
d="M224.033 119.723C218.004 119.028 217.791 108.015 227.387 110.893C240.987 114.973 262.255 112.493 268.012 111.853C273.769 111.215 278.248 120.171 272.171 122.409C266.093 124.649 232.351 120.683 224.033 119.723Z"
fill="#915544"
/>
<path
id="path108"
d="M459.618 463.858V451.888H371.008V463.858H459.618Z"
fill="#915544"
/>
<path
id="path110"
d="M474.333 474.838V462.868H375.164V474.838H474.333Z"
fill="#B26552"
/>
<path
id="path112"
d="M482.331 485.819V473.848H393.719V485.819H482.331Z"
fill="#915544"
/>
<path
id="path114"
d="M497.045 496.798V484.828H397.876V496.798H497.045Z"
fill="#B26552"
/>
<path
id="path116"
d="M502.482 508.084V496.114H413.872V508.084H502.482Z"
fill="#915544"
/>
<path
id="path118"
d="M517.197 519.383V507.412H418.028V519.383H517.197Z"
fill="#B26552"
/>
<path
id="path120"
d="M376.13 463.859V451.888H367.334V463.86L376.13 463.859Z"
fill="#66352A"
/>
<path
id="path122"
d="M390.844 474.838V462.868L367.334 462.869V474.84L390.844 474.838Z"
fill="#66352A"
/>
<path
id="path124"
d="M398.841 485.819V473.848H367.334V485.82L398.841 485.819Z"
fill="#66352A"
/>
<path
id="path126"
d="M413.556 496.798V484.828L367.334 484.829V496.8L413.556 496.798Z"
fill="#66352A"
/>
<path
id="path128"
d="M418.994 508.084V496.114H367.334V508.084H418.994Z"
fill="#66352A"
/>
<path
id="path130"
d="M433.708 519.383V507.412H367.334V519.384L433.708 519.383Z"
fill="#66352A"
/>
<path
id="path132"
d="M97.1954 407.104H91.4375V446.129H97.1954V407.104Z"
fill="#66352A"
/>
<path
id="path134"
d="M71.2848 407.104H65.5264V446.129H71.2848V407.104Z"
fill="#66352A"
/>
<path
id="path136"
d="M71.2848 416.701H65.5264V444.371H71.2848V416.701Z"
fill="#915544"
/>
<path
id="path138"
d="M464.4 439.252H64.9062C63.1291 439.252 61.6885 440.693 61.6885 442.471V449.949C61.6885 451.727 63.1291 453.167 64.9062 453.167H464.4C466.177 453.167 467.617 451.727 467.617 449.949V442.471C467.617 440.693 466.177 439.252 464.4 439.252Z"
fill="#B26552"
/>
<path
id="path140"
d="M450.211 439.252H203.849C202.451 439.252 201.317 440.387 201.317 441.785V450.635C201.317 452.033 202.451 453.167 203.849 453.167H450.211C451.609 453.167 452.744 452.033 452.744 450.635V441.785C452.744 440.387 451.609 439.252 450.211 439.252Z"
fill="#C96450"
/>
<path
id="path142"
d="M224.508 372.717C224.861 362.736 220.131 354.644 207.235 354.644C194.339 354.644 189.035 362.736 188.681 372.717C188.328 382.699 193.059 390.791 205.955 390.791C218.852 390.791 224.155 382.699 224.508 372.717Z"
fill="#66352A"
/>
<path
id="path144"
d="M189.68 380.555C191.66 386.605 196.692 390.791 205.955 390.791C218.852 390.791 224.155 382.699 224.508 372.717C224.588 370.473 224.393 368.335 223.924 366.353C218.965 367.056 213.593 368.409 208.123 370.471C200.868 373.205 194.544 376.755 189.68 380.555Z"
fill="#823F34"
/>
<path
id="path150"
d="M400.763 386.952C393.468 390.599 382.805 386.635 381.889 375.116C380.771 361.041 387.008 351.445 396.284 354.964C405.561 358.483 408.44 383.113 400.763 386.952Z"
fill="#66352A"
/>
<path
id="path152"
d="M405.131 376.804C401.568 373.931 397.081 371.373 391.94 369.501C388.6 368.287 385.289 367.483 382.12 367.029C381.757 369.487 381.657 372.197 381.889 375.116C382.805 386.635 393.468 390.599 400.763 386.952C403.501 385.583 404.891 381.563 405.131 376.804Z"
fill="#823F34"
/>
<path
id="path154"
d="M396.469 384.5C391.325 387.188 383.74 384.268 383.009 375.779C382.117 365.405 386.471 358.333 393.069 360.927C399.669 363.52 401.884 381.672 396.469 384.5Z"
fill="#44221C"
/>
<path
id="path160"
d="M224.635 70.4427C226.485 93.4267 237.144 111.055 250.019 111.055C262.464 111.055 272.839 94.5814 275.188 72.72C268.456 69.172 248.384 60.7134 224.635 70.4427Z"
fill="#EFCA52"
/>
<path
id="path162"
d="M470.657 404.613H451.944V410.672H470.657V404.613Z"
fill="#915544"
/>
<path
id="path164"
d="M73.3639 404.744H59.1292V410.512H73.3639V404.744Z"
fill="#A05848"
/>
<path
id="path166"
d="M246.701 113.176C240.048 113.148 233.055 112.594 227.387 110.893C217.791 108.014 218.004 119.028 224.033 119.724C226.249 119.978 230.279 120.448 235.1 120.957C237.589 117.421 241.708 114.646 246.701 113.176Z"
fill="#6D3C31"
/>
<path
id="path168"
d="M274.388 120.744C276.659 117.379 272.785 111.324 268.012 111.853C266.483 112.024 263.837 112.323 260.553 112.595C266.507 113.785 271.489 116.767 274.388 120.744Z"
fill="#6D3C31"
/>
<path
id="path170"
d="M322.712 258.679C301.287 223.14 280.487 148.32 280.487 148.32C303.199 190.864 314.213 228.525 322.712 258.679Z"
fill="#F2B03B"
/>
<path
class="left-smal-window"
d="M221.956 372.717C222.221 364.159 218.673 357.221 209.004 357.221C199.333 357.221 195.357 364.159 195.092 372.717C194.828 381.276 198.375 388.213 208.044 388.213C217.715 388.213 221.691 381.276 221.956 372.717Z"
fill="#44221C"
/>
<path
id="path172"
d="M233.852 125.6C227.467 160.63 207.555 195.982 207.555 195.982C210.176 175.506 221.152 151.997 233.852 125.6Z"
fill="#F2B03B"
/>
<path
id="path174"
d="M237.821 190.335C233.465 226.052 222.465 275.513 222.465 275.513C221.997 251.991 226.747 216.135 237.821 190.335Z"
fill="#F2B03B"
/>
<path
id="path176"
d="M263.213 108.655C268.012 93.9399 269.292 74.7479 269.292 74.7479L255.536 111.533L263.213 108.655Z"
fill="#F2B03B"
/>
<path
id="path178"
d="M241.461 109.935C234.424 92.6612 236.984 78.5852 236.984 78.5852L249.458 112.493L241.461 109.935Z"
fill="#F2B03B"
/>
<g id="rave">
<path
class="door"
d="M296.453 409.273C304.78 401.013 313.733 394.378 322.535 389.597C321.125 373.93 316.713 360.601 309.929 359.153C294.88 355.944 280.059 366.464 277.456 392.54C275.96 407.529 278.503 419.173 281.497 427.196C285.645 421.086 290.657 415.024 296.453 409.273Z"
fill="#301714"
/>
<path
class="left-big-window"
d="M209.004 357.221C199.364 357.221 195.384 364.117 195.097 372.639C195.952 372.444 196.824 372.317 197.719 372.317C204.812 372.317 210.816 378.716 212.829 387.533C219.054 385.592 221.74 379.695 221.956 372.717C222.221 364.159 218.673 357.221 209.004 357.221Z"
fill="#301714"
/>
<path
class="right-big-window"
d="M395.459 376.747C396.809 377.436 398.091 378.177 399.309 378.952C400.224 372.477 397.767 362.772 393.069 360.927C387.183 358.613 383.093 364.001 382.912 372.553C386.823 373.157 391.153 374.549 395.459 376.747Z"
fill="#301714"
/>
</g>
<path
id="path180"
d="M276.968 328.093C277.288 311.14 278.248 283.951 278.248 283.951L287.525 328.093H276.968Z"
fill="#E8822E"
/>
</g>
</g>
</g>
</svg>
</div>
<div class="house2">
<svg
width="400"
height="400"
viewBox="0 0 600 600"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="17232744_2007.i126.008_hawaii_set-08 (1) 1">
<g id="g8">
<g id="g10">
<path
id="path12"
d="M469.377 405.505H382.049V409.589H469.377V405.505Z"
fill="#66352A"
/>
<path
id="path14"
d="M460.421 407.104H454.663V446.129H460.421V407.104Z"
fill="#66352A"
/>
<path
id="path16"
d="M460.421 416.221H454.663V444.531H460.421V416.221Z"
fill="#915544"
/>
<path
id="path18"
d="M434.511 407.104H428.752V446.129H434.511V407.104Z"
fill="#66352A"
/>
<path
id="path20"
d="M434.511 418.86H428.752V443.73H434.511V418.86Z"
fill="#915544"
/>
<path
id="path22"
d="M146.457 405.505H59.1292V409.589H146.457V405.505Z"
fill="#66352A"