-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathindex.html
805 lines (803 loc) · 134 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>HoVinhThanh7893</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="msapplication-TileColor" content="#303E50">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="author" content="hovinhthanh7893">
<meta name="description" content="hovinhthanh7893 portfolio">
<meta name="keywords" content="hovinhthanh7893, portfolio, web development, programming, game design">
<meta name="theme-color" content="#000000">
<meta name="format-detection" content="telephone=no">
<link rel="icon" href="./icons/favicon/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="./icons/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./icons/favicon/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="./icons/favicon/apple-touch-icon.png">
<link rel="manifest" href="./manifest.webmanifest">
<link rel="stylesheet" type="text/css" href="./style.css">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&family=Playfair+Display&family=Roboto+Slab&display=swap" rel="stylesheet">
<script type="module" src="./index.js"></script>
</head>
<body>
<canvas class="webgl"></canvas>
<nav>
<a class="logo" href="#section1" aria-label="website logo">
<span class="logoName">h</span>
<span class="logoName">o</span>
<span class="logoName">v</span>
<span class="logoName">i</span>
<span class="logoName">n</span>
<span class="logoName">h</span>
<span class="logoName">t</span>
<span class="logoName">h</span>
<span class="logoName">a</span>
<span class="logoName">n</span>
<span class="logoName">h</span>
<span class="logoName">7</span>
<span class="logoName">8</span>
<span class="logoName">9</span>
<span class="logoName">3</span>
</a>
<div class="navBig">
<a href="#section2" class="navEach" id="navLink1" aria-label="about nav">About</a>
<a href="#section3" class="navEach" id="navLink2" aria-label="web nav">Web</a>
<a href="#section4" class="navEach" id="navLink3" aria-label="game nav">Game</a>
<a href="#section5" class="navEach" id="navLink4" aria-label="contact nav">Contact</a>
</div>
<div class="navSmall">
<div class="hamburger">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
<div class="subMenu">
<a href="#section2" class="navEach" id="navLink5" aria-label="about nav">About</a>
<a href="#section3" class="navEach" id="navLink6" aria-label="web nav">Web</a>
<a href="#section4" class="navEach" id="navLink7" aria-label="game nav">Game</a>
<a href="#section5" class="navEach" id="navLink8" aria-label="contact nav">Contact</a>
</div>
</nav>
<main>
<section id="section1">
<div class="sec1Tit content1">Hello,</div>
<div class="sec1Name content1">My name is Thanh</div>
<div class="sec1Des content2">I love to create beautiful things</div>
<a href="#section2" class="nextButton1 content3" aria-label="to section 2">
<span class="next"></span>
<span class="next"></span>
<span class="next"></span>
</a>
</section>
<section id="section2">
<div class="sec2Part content1">
I was born in 1993 in Vietnam 🇻🇳
<br/>Living and working in Amsterdam 🇳🇱
</div>
<div class="lineSec2 content2"></div>
<div class="sec2Part content3">
<div>I'm a Full-Stack Web Developer 🤖</div>
<div class="skill">
<svg class="softwareIcon" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.0994928 0C-0.0120531 0.0162426 -0.0038339 0.150685 0.00418958 0.285323C0.00418958 33.4884 0.00418958 66.6864 0.00418958 99.8888C33.1478 100.111 66.6985 99.9205 100 99.9839C100 66.6553 100 33.3284 100 0C66.701 0 33.3987 0 0.0994928 0ZM50.7619 88.3888C48.4484 90.7213 44.7975 92.0948 40.3061 92.0948C32.9396 92.0948 28.8496 88.5058 26.2388 83.5408C28.7519 81.9361 31.3202 80.3858 33.9382 78.8843C35.0059 81.871 38.6126 85.2287 42.6824 83.1616C45.2623 81.8506 44.9644 77.8759 44.9644 73.562C44.9644 64.6045 44.9644 54.2708 44.9644 46.1898C44.9562 46.0552 44.9482 45.9207 45.0588 45.9045C48.1325 45.9045 51.2061 45.9045 54.2791 45.9045C54.2791 53.1037 54.2791 61.2473 54.2791 68.9043C54.2791 77.2405 54.8748 84.2442 50.7619 88.3888ZM92.0149 80.1207C91.4916 87.9258 85.118 92.0704 76.5217 92.0948C68.0947 92.1191 62.701 88.3741 59.4116 82.5905C61.7765 80.963 64.4562 79.6518 66.9214 78.1244C68.894 81.2088 72.3102 84.1733 77.3771 83.7314C80.5339 83.4563 84.1983 80.8831 82.1296 76.9835C81.1262 75.0931 78.7018 74.1328 76.5217 73.1821C69.6036 70.1637 61.4869 67.3953 62.2632 56.5497C62.5229 52.9266 64.1912 50.3804 66.3511 48.5661C68.5646 46.707 71.5292 45.461 75.4761 45.335C82.6442 45.1054 86.5765 48.2939 89.2587 52.7487C86.9761 54.4886 84.4615 55.9988 81.9396 57.5003C81.112 54.9573 77.1168 52.4792 73.765 53.9839C72.2407 54.6675 70.8711 56.6769 71.6742 59.1158C72.3904 61.291 75.312 62.4816 77.6623 63.4884C84.7761 66.5334 92.7262 69.5093 92.0149 80.1207Z" fill="#FFDF00"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 823 823" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M174.25 0H211.34V36.65H245.28V0H282.37V110.98H245.28V73.82H211.35V110.98H174.25V0Z" fill="white"/>
<path d="M298.5 36.8V0H400.92V36.8H368.25V110.98H331.16V36.8H298.5Z" fill="white"/>
<path d="M417.18 0H455.86L479.65 39L503.42 0H542.11V110.98H505.17V55.98L479.65 95.43H479.01L453.48 55.98V110.98H417.18V0Z" fill="white"/>
<path d="M560.58 0H597.68V74.3H649.85V110.98H560.58V0Z" fill="white"/>
<path d="M314.95 431.14H411.03L411.08 356.39H308.27L314.95 431.14Z" fill="#E34B24"/>
<path d="M120 161.74L173.06 756.9L411.17 823L649.94 756.81L703.06 161.74H120ZM600.41 711.5L410.8 769.26L410.85 696.66L261.67 655.24L251.44 540.63H324.72L329.92 598.85L410.9 620.72L410.98 504.14H248.18L228.49 283.4H411.12L411.17 215.3H646.59L600.41 711.51V711.5Z" fill="#E34B24"/>
<path d="M411.28 620.78L492.7 598.81L501.16 504.14H410.98L410.91 620.72L411.21 620.8L411.28 620.78Z" fill="#F26837"/>
<path d="M411.13 283.4H594.13L587.6 356.39H411.08L411.03 431.14H580.96L579.18 450.74L560.93 655.24L411.54 696.64V696.66L411.2 696.75L410.85 696.66L410.81 769.26L600.41 711.5L646.6 215.3H411.18L411.13 283.4Z" fill="#F26837"/>
<path d="M587.6 356.39L594.13 283.4H411.13H228.5L248.19 504.14H410.98H501.16L492.7 598.81L411.28 620.78L411.21 620.8L410.91 620.72L329.92 598.85L324.72 540.63H251.45L261.68 655.24L410.85 696.66L411.2 696.75L411.54 696.66V696.64L560.93 655.24L579.18 450.74L580.96 431.14H411.03H314.95L308.27 356.39H411.08H587.6Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 823 823" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M328.113 74.3806V109.839H237.436V0H328.113V38.8601H276.296V74.3806H328.113Z" fill="white"/>
<path d="M421.336 38.8601H457.557V0H366.87V38.8601C379.002 50.9923 385.331 56.7956 402.875 74.3496C392.619 74.3496 366.87 74.3806 366.87 74.3806V109.839H457.557V74.3806L421.336 38.8704V38.8601Z" fill="white"/>
<path d="M549.863 38.8601H586.084V0H495.397V38.8601C507.529 50.9923 513.858 56.7956 531.402 74.3496C521.146 74.3496 495.397 74.3806 495.397 74.3806V109.839H586.084V74.3806L549.863 38.8704V38.8601Z" fill="white"/>
<path d="M411.131 430.729H411.76V430.451L411.544 430.544L411.131 430.729Z" fill="black"/>
<path d="M118 162.048L173.074 758.742L411.76 823L650.435 758.742L705.52 162.048H118ZM602.865 721.758L411.76 773.842V697.885L411.544 697.823V697.905L260.958 653.376L251.248 540.836H326L330.855 599.126L410.874 619.33L411.554 619.144V619.216L411.77 619.154V501.688H411.554L246.393 501.151L240.724 430.719L411.554 359.565L411.77 359.472L421.511 355.421H234.23L225.324 283.37H411.75V212.329H648.693L602.855 721.758H602.865Z" fill="#026DB8"/>
<path d="M500.066 501.976L411.76 501.687V619.154L494.397 595.89L500.066 501.976Z" fill="#129FDA"/>
<path d="M411.76 283.37H594.526L587.239 355.431L411.76 430.451V430.729H581.033L561.603 654.18L411.812 697.905L411.76 697.885V773.853L602.865 721.758L648.704 212.329H411.76V283.37Z" fill="#129FDA"/>
<path d="M411.76 430.451L587.239 355.431L594.526 283.37H411.76H225.334L234.23 355.431H421.501L411.76 359.482L411.544 359.575L240.714 430.719L246.383 501.151L411.544 501.687H411.76L500.066 501.976L494.397 595.89L411.76 619.154L411.544 619.216V619.144L410.863 619.33L330.844 599.126L325.989 540.836H251.238L260.958 653.376L411.544 697.905V697.823L411.76 697.885L411.812 697.905L561.603 654.18L581.033 430.729H411.76H411.131L411.544 430.544L411.76 430.451Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 746 746" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M698.25 98.75L554.1 29.35C545.96 25.4249 536.8 24.1297 527.89 25.6437C518.98 27.1578 510.762 31.4062 504.375 37.8L32.5002 468C26.775 473.195 23.3479 480.452 22.9728 488.173C22.5978 495.895 25.3054 503.45 30.5002 509.175C31.1252 509.85 31.7502 510.5 32.4252 511.1L70.9502 546.1C75.9843 550.682 82.4642 553.355 89.2644 553.657C96.0645 553.958 102.756 551.868 108.175 547.75L676.55 116.75C680.843 113.492 685.961 111.498 691.326 110.99C696.691 110.483 702.091 111.484 706.919 113.879C711.746 116.275 715.809 119.97 718.65 124.55C721.492 129.129 722.998 134.411 723 139.8V138.125C723 129.897 720.677 121.837 716.298 114.872C711.92 107.906 705.664 102.318 698.25 98.75Z" fill="#0065A9"/>
<path d="M698.25 647.25L554.1 716.675C545.957 720.589 536.8 721.878 527.893 720.365C518.986 718.851 510.768 714.609 504.375 708.225L32.5002 278C26.775 272.805 23.3479 265.548 22.9728 257.827C22.5978 250.105 25.3054 242.55 30.5002 236.825C31.1252 236.15 31.7502 235.5 32.4252 234.9L70.9502 199.9C75.9894 195.299 82.4841 192.614 89.3011 192.312C96.118 192.01 102.824 194.112 108.25 198.25L676.55 629.25C680.843 632.508 685.961 634.502 691.326 635.01C696.691 635.517 702.091 634.516 706.919 632.121C711.746 629.725 715.809 626.03 718.65 621.45C721.492 616.871 722.998 611.589 723 606.2V608C722.973 616.206 720.638 624.238 716.261 631.179C711.884 638.12 705.643 643.689 698.25 647.25Z" fill="#007ACC"/>
<path d="M554.1 716.675C545.957 720.589 536.8 721.878 527.893 720.365C518.986 718.851 510.768 714.609 504.375 708.225C507.965 711.768 512.521 714.173 517.472 715.138C522.423 716.103 527.549 715.586 532.207 713.651C536.865 711.715 540.849 708.448 543.658 704.259C546.467 700.069 547.978 695.144 548 690.1V55.9C548.004 50.8322 546.504 45.8772 543.69 41.6626C540.876 37.4481 536.874 34.1636 532.192 32.2253C527.509 30.287 522.357 29.782 517.387 30.7745C512.417 31.7669 507.854 34.2119 504.275 37.8C510.663 31.4085 518.88 27.1598 527.788 25.6416C536.696 24.1233 545.856 25.4104 554 29.325L698.125 98.625C705.562 102.175 711.844 107.755 716.245 114.722C720.647 121.69 722.988 129.759 723 138L723 608C723.002 616.234 720.678 624.302 716.294 631.273C711.911 638.243 705.647 643.834 698.225 647.4L554.1 716.675Z" fill="#1F9CF0"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 774" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 53L400 720.575L800 53H640L400 453.545L158 53H0Z" fill="#41B883"/>
<path d="M158 53L400 455.48L640 53H492L400 207.8L306 53H158Z" fill="#35495E"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 700 700" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M350 0C419.223 0 486.892 20.5271 544.45 58.9856C602.007 97.4441 646.867 152.107 673.358 216.061C699.849 280.015 706.78 350.388 693.275 418.282C679.77 486.175 646.436 548.539 597.487 597.487C548.539 646.436 486.175 679.77 418.282 693.275C350.388 706.78 280.015 699.849 216.061 673.358C152.107 646.867 97.4441 602.007 58.9856 544.45C20.5271 486.892 0 419.223 0 350C0 257.174 36.8749 168.15 102.513 102.513C168.15 36.8749 257.174 0 350 0Z" fill="#CC6699"/>
<path d="M569.55 149.8C553.7 87.65 450.625 67.3 353.075 101.85C291.983 122.379 235.539 154.755 186.975 197.125C133.25 247.375 124.675 291.125 128.2 309.4C140.7 373.9 229.025 416.05 265.35 447.325V447.5C254.65 452.775 176.25 492.5 157.85 533C138.5 575.8 160.925 606.5 175.8 610.625C198.133 616.002 221.589 614.252 242.877 605.621C264.165 596.99 282.217 581.911 294.5 562.5C304.651 546.773 311.002 528.899 313.051 510.293C315.099 491.686 312.787 472.859 306.3 455.3C323.797 450.854 341.985 449.81 359.875 452.225C421.275 459.4 433.325 497.725 431.025 513.775C429.943 519.488 427.644 524.901 424.283 529.647C420.923 534.392 416.58 538.358 411.55 541.275C407.25 543.95 405.925 544.85 406.3 546.85C406.825 549.725 408.8 549.625 412.475 549C421.702 546.094 429.832 540.461 435.794 532.843C441.756 525.225 445.271 515.98 445.875 506.325C447.35 468.825 411.325 426.675 347.525 427.75C328.995 427.221 310.505 429.755 292.8 435.25C291.925 434.25 291.025 433.25 290.1 432.25C250.65 390.175 177.75 360.4 180.825 303.825C181.95 283.25 189.1 229.1 320.825 163.4C428.825 109.575 515.275 124.4 530.225 157.225C551.575 204.125 484.025 291.25 371.875 303.825C359.479 306.341 346.676 306.035 334.415 302.927C322.155 299.82 310.751 293.992 301.05 285.875C295.15 279.375 294.275 279.1 292.075 280.3C288.5 282.275 290.775 288.025 292.075 291.425C296.369 299.164 302.166 305.968 309.125 311.438C316.084 316.907 324.065 320.931 332.6 323.275C376.694 332.856 422.686 328.308 464.05 310.275C532.075 284.05 585.125 210.925 569.55 149.8ZM280.45 466.575C285.415 483.692 285.163 501.902 279.725 518.875C279.142 520.642 278.5 522.392 277.8 524.125C277.1 525.858 276.342 527.525 275.525 529.125C271.318 537.733 265.868 545.677 259.35 552.7C239.025 574.875 210.6 583.275 198.425 576.2C185.275 568.575 191.85 537.3 215.425 512.375C233.54 494.462 254.424 479.588 277.275 468.325L280.45 466.575Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 227 227" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.1316 223L5 4L222 66.4352L59.1316 223Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M113.46 35.2238L140.506 144.756L32.0664 113.529L113.46 35.2238Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M86.5526 128.385L73.1189 73.9726L126.994 89.428L86.5526 128.385Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.6803 19.6269L73.1139 74.0389L19.2391 58.5835L59.6803 19.6269Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M167.425 50.6442L180.859 105.056L126.984 89.6008L167.425 50.6442Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M86.5588 128.422L99.9925 182.834L46.1176 167.379L86.5588 128.422Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.1316 223L5 4L222 66.4352L59.1316 223Z" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M113.46 35.2238L140.506 144.756L32.0664 113.529L113.46 35.2238Z" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M86.5526 128.385L73.1189 73.9726L126.994 89.428L86.5526 128.385Z" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.6803 19.6269L73.1139 74.0389L19.2391 58.5835L59.6803 19.6269Z" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M167.425 50.6442L180.859 105.056L126.984 89.6008L167.425 50.6442Z" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M86.5588 128.422L99.9925 182.834L46.1176 167.379L86.5588 128.422Z" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linejoin="round"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M579.062 277.621L578.77 277.496C578.603 277.433 578.436 277.371 578.29 277.224C578.05 276.967 577.873 276.659 577.772 276.322C577.671 275.986 577.648 275.631 577.706 275.284L593.831 176.68L669.453 252.333L590.807 285.8C590.588 285.888 590.354 285.93 590.118 285.925H589.805C589.701 285.862 589.597 285.779 589.388 285.57C586.461 282.311 582.961 279.616 579.062 277.621ZM688.749 271.612L769.607 352.482C786.4 369.298 794.807 377.686 797.873 387.408C798.332 388.848 798.708 390.288 799 391.769L605.764 309.919C605.66 309.876 605.556 309.834 605.451 309.794C604.679 309.481 603.782 309.126 603.782 308.333C603.782 307.54 604.7 307.165 605.472 306.852L605.722 306.747L688.749 271.612ZM795.704 417.724C791.532 425.569 783.396 433.706 769.628 447.497L678.465 538.653L560.558 514.096L559.932 513.971C558.889 513.804 557.783 513.616 557.783 512.677C557.336 507.813 555.891 503.092 553.541 498.81C551.19 494.528 547.983 490.775 544.119 487.786C543.64 487.306 543.765 486.555 543.911 485.867C543.911 485.762 543.911 485.658 543.953 485.575L566.128 349.415L566.211 348.956C566.336 347.913 566.524 346.702 567.463 346.702C572.215 346.111 576.802 344.58 580.957 342.198C585.111 339.816 588.75 336.63 591.662 332.828C591.85 332.619 591.975 332.389 592.225 332.264C592.893 331.951 593.685 332.264 594.374 332.556L795.704 417.724ZM657.499 559.622L507.592 709.552L533.251 551.819L533.293 551.61C533.313 551.401 533.355 551.193 533.418 551.005C533.626 550.504 534.169 550.295 534.69 550.087L534.941 549.983C540.559 547.585 545.528 543.888 549.439 539.196C549.94 538.612 550.545 538.048 551.317 537.944C551.517 537.911 551.721 537.911 551.921 537.944L657.479 559.643L657.499 559.622ZM475.862 741.287L458.965 758.187L272.154 488.162C272.086 488.063 272.016 487.966 271.945 487.87C271.653 487.473 271.34 487.077 271.403 486.618C271.423 486.284 271.632 485.992 271.862 485.742L272.07 485.47C272.633 484.636 273.113 483.801 273.635 482.904L274.052 482.174L274.115 482.111C274.407 481.61 274.678 481.131 275.178 480.859C275.617 480.651 276.221 480.734 276.701 480.839L483.664 523.527C484.243 523.617 484.789 523.854 485.249 524.215C485.521 524.486 485.583 524.779 485.646 525.112C487.089 530.575 489.776 535.631 493.496 539.883C497.216 544.136 501.869 547.471 507.091 549.628C507.675 549.92 507.425 550.567 507.154 551.255C507.018 551.557 506.913 551.872 506.841 552.194C504.233 568.051 481.87 704.461 475.862 741.287ZM440.565 776.568C428.111 788.899 420.768 795.429 412.465 798.058C404.279 800.647 395.493 800.647 387.307 798.058C377.585 794.97 369.178 786.583 352.385 769.766L164.782 582.134L213.784 506.126C214.014 505.75 214.243 505.417 214.619 505.145C215.14 504.77 215.891 504.937 216.517 505.145C227.765 508.539 239.841 507.927 250.688 503.414C251.251 503.205 251.814 503.059 252.252 503.455C252.471 503.655 252.667 503.879 252.836 504.123L440.565 776.568ZM146.695 564.045L103.659 521.002L188.647 484.74C188.864 484.645 189.098 484.596 189.335 484.594C190.044 484.594 190.462 485.303 190.837 485.95C191.691 487.264 192.596 488.545 193.549 489.789L193.82 490.123C194.071 490.478 193.904 490.832 193.653 491.166L146.695 564.045ZM84.6125 501.953L30.1651 447.497C20.9028 438.234 14.1855 431.515 9.51265 425.736L175.066 460.079C175.274 460.117 175.483 460.152 175.692 460.183C176.714 460.35 177.841 460.538 177.841 461.497C177.841 462.541 176.61 463.02 175.567 463.417L175.087 463.625L84.6125 501.953ZM0 397.736C0.188671 394.228 0.819494 390.758 1.8775 387.408C4.96494 377.686 13.3511 369.298 30.1651 352.482L99.8411 282.795C131.922 329.362 164.09 375.868 196.344 422.314C196.908 423.065 197.534 423.9 196.887 424.526C193.841 427.885 190.795 431.557 188.647 435.542C188.414 436.055 188.055 436.499 187.604 436.836C187.332 437.003 187.04 436.94 186.727 436.878H186.686L0 397.736ZM118.491 264.143L212.178 170.441C220.981 174.301 253.024 187.842 281.687 199.943C303.383 209.124 323.159 217.469 329.376 220.182C330.001 220.432 330.565 220.682 330.836 221.308C331.003 221.684 330.919 222.164 330.836 222.56C329.353 229.324 329.573 236.35 331.478 243.007C333.382 249.665 336.911 255.744 341.746 260.7C342.372 261.326 341.746 262.223 341.204 262.995L340.912 263.433L245.785 410.797C245.535 411.215 245.305 411.569 244.888 411.84C244.387 412.153 243.678 412.007 243.094 411.861C239.394 410.892 235.591 410.373 231.767 410.317C228.345 410.317 224.632 410.943 220.877 411.632C220.46 411.694 220.063 411.778 219.73 411.527C219.361 411.226 219.044 410.867 218.791 410.463L118.491 264.143ZM231.099 151.517L352.385 30.2128C369.178 13.4171 377.585 5.00883 387.307 1.94178C395.493 -0.647262 404.279 -0.647262 412.465 1.94178C422.186 5.00883 430.593 13.4171 447.387 30.2128L473.672 56.5018L387.411 190.116C387.198 190.505 386.906 190.846 386.556 191.118C386.034 191.472 385.304 191.326 384.678 191.118C377.877 189.054 370.676 188.678 363.697 190.023C356.718 191.368 350.172 194.393 344.625 198.838C344.062 199.422 343.227 199.088 342.518 198.775C331.253 193.872 243.636 156.838 231.099 151.517ZM491.988 74.8205L571.635 154.48L552.443 273.365V273.678C552.426 273.948 552.37 274.216 552.276 274.47C552.068 274.888 551.65 274.971 551.233 275.096C547.13 276.339 543.265 278.265 539.801 280.792C539.652 280.898 539.513 281.017 539.384 281.147C539.155 281.397 538.925 281.627 538.549 281.669C538.244 281.678 537.939 281.628 537.652 281.522L416.283 229.946L416.053 229.842C415.281 229.529 414.364 229.153 414.364 228.36C413.65 221.596 411.441 215.075 407.897 209.27C407.312 208.31 406.666 207.308 407.166 206.328L491.988 74.8205ZM409.962 254.378L523.738 302.574C524.364 302.867 525.052 303.138 525.324 303.785C525.432 304.174 525.432 304.585 525.324 304.974C524.99 306.643 524.698 308.542 524.698 310.461V313.653C524.698 314.446 523.884 314.78 523.133 315.093L522.904 315.176C504.88 322.875 269.859 423.107 269.504 423.107C269.15 423.107 268.774 423.107 268.419 422.752C267.794 422.127 268.419 421.25 268.983 420.457C269.082 420.32 269.18 420.181 269.275 420.04L362.774 275.242L362.941 274.992C363.483 274.116 364.109 273.135 365.111 273.135L366.049 273.281C368.177 273.573 370.055 273.844 371.953 273.844C386.138 273.844 399.281 266.938 407.208 255.129C407.397 254.814 407.637 254.532 407.917 254.295C408.481 253.877 409.315 254.086 409.962 254.378ZM279.664 446.016L535.838 336.75C535.838 336.75 536.213 336.75 536.568 337.105C537.965 338.503 539.155 339.442 540.302 340.318L540.865 340.673C541.387 340.965 541.908 341.299 541.95 341.841C541.95 342.05 541.95 342.175 541.908 342.363L519.962 477.187L519.879 477.73C519.733 478.773 519.587 479.962 518.606 479.962C512.755 480.357 507.089 482.173 502.098 485.252C497.107 488.332 492.942 492.582 489.964 497.634L489.86 497.801C489.568 498.281 489.297 498.74 488.817 498.99C488.379 499.199 487.815 499.116 487.356 499.011L283.064 456.865C282.855 456.824 279.893 446.037 279.664 446.016Z" fill="#20C6B7"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 760 760" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M305.41 30C250.482 30 205.956 73.1133 205.956 126.296V192.963H378.087V211.482H129.453C74.5267 211.482 30 254.595 30 307.778V452.223C30 505.405 74.5267 548.518 129.453 548.518H186.83V467.038C186.83 413.855 231.357 370.74 286.285 370.74H469.89C516.367 370.74 554.042 334.26 554.042 289.26V126.296C554.042 73.1133 509.517 30 454.59 30H305.41ZM282.46 148.519C301.472 148.519 316.885 133.595 316.885 115.185C316.885 96.7758 301.472 81.8518 282.46 81.8518C263.445 81.8518 248.032 96.7758 248.032 115.185C248.032 133.595 263.445 148.519 282.46 148.519Z" fill="#1271BF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M454.585 730C509.512 730 554.04 686.887 554.04 633.705V567.037H381.907V548.52H630.542C685.47 548.52 729.995 505.405 729.995 452.223V307.777C729.995 254.595 685.47 211.482 630.542 211.482H573.165V292.962C573.165 346.147 528.637 389.26 473.712 389.26H290.105C243.627 389.26 205.952 425.74 205.952 470.74V633.705C205.952 686.887 250.48 730 305.405 730H454.585ZM477.538 611.482C458.523 611.482 443.11 626.405 443.11 644.815C443.11 663.225 458.523 678.147 477.538 678.147C496.55 678.147 511.962 663.225 511.962 644.815C511.962 626.405 496.55 611.482 477.538 611.482Z" fill="#FFD42F"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M400 0C179.167 0 0 179.167 0 400C0 620.9 179.167 800 400 800C620.867 800 800 620.9 800 400C800 179.167 620.9 0 400 0ZM379.2 720.667V469.733H239.667L440.1 79.3333V330.267H574.4L379.2 720.667Z" fill="#009688"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M402.497 0C446.688 62.654 494.229 119.725 530.475 183.372C631.268 360.664 597.505 550.363 444.577 686.837C426.33 703.09 417.517 719.466 417.889 743.287C418.138 758.672 414.538 773.932 413.421 789.316C412.676 798.373 407.463 801.475 400.139 799.366C395.546 798.001 389.091 793.411 388.595 789.564C385.243 766.612 384.25 743.411 380.651 720.583C379.409 712.891 374.816 704.206 368.982 699.119C296.987 635.969 244.232 560.536 222.509 466.245C198.18 360.416 222.013 262.154 277.126 171.461C303.69 127.665 337.081 87.8397 367.493 46.4012C377.796 32.2575 388.595 18.6101 402.622 0.124067L402.497 0ZM402.87 287.96C401.504 287.96 400.139 287.712 398.898 287.588C398.401 291.93 397.656 296.149 397.408 300.491C394.925 356.569 392.691 412.648 390.084 468.726C387.105 536.095 384.126 603.588 380.526 670.956C379.782 685.472 388.471 693.66 398.898 698.127C402.622 699.74 412.552 690.807 417.021 684.852C420.248 680.633 420.124 673.189 419.876 667.358C415.531 565.499 410.814 463.64 406.221 361.656C405.104 337.091 403.863 312.526 402.746 287.836L402.87 287.96Z" fill="#00EE64"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50.6723 6.00005H93.875L49.0264 139.298C48.5654 140.668 47.6879 141.858 46.5172 142.701C45.3466 143.544 43.9418 143.998 42.5007 143.998H8.87826C7.78634 143.998 6.71008 143.738 5.73853 143.238C4.76697 142.738 3.92804 142.013 3.29113 141.123C2.65423 140.234 2.23766 139.205 2.0759 138.121C1.91413 137.038 2.01181 135.932 2.36085 134.894L44.1449 10.7004C44.6057 9.33005 45.4834 8.13927 46.6544 7.29575C47.8254 6.45223 49.2307 6.00013 50.6723 6.00005Z" fill="url(#paint0_linear_642_154)"/>
<path d="M113.452 95.4074H44.943C44.3061 95.4067 43.6837 95.5984 43.157 95.9576C42.6302 96.3168 42.2235 96.8268 41.9899 97.4212C41.7562 98.0155 41.7064 98.6667 41.8469 99.2899C41.9874 99.9131 42.3118 100.479 42.7778 100.915L86.8001 142.133C88.0818 143.332 89.7695 143.999 91.5223 143.998H130.315L113.452 95.4074Z" fill="#0078D4"/>
<path d="M50.6723 6.00005C49.2149 5.99444 47.7939 6.45643 46.6169 7.31853C45.4399 8.18064 44.5685 9.39768 44.13 10.7919L2.41229 134.781C2.03976 135.822 1.9228 136.939 2.07132 138.035C2.21983 139.132 2.62944 140.176 3.2655 141.081C3.90156 141.985 4.74536 142.722 5.72551 143.23C6.70566 143.738 7.79333 144.001 8.89651 143.998H43.3867C44.6712 143.768 45.8719 143.2 46.8659 142.352C47.86 141.504 48.6118 140.406 49.0446 139.172L57.3639 114.576L87.0805 142.381C88.3258 143.414 89.888 143.985 91.504 143.998H130.152L113.202 95.4074L63.7884 95.4191L94.031 6.00005L50.6723 6.00005Z" fill="url(#paint1_linear_642_154)"/>
<path d="M105.853 10.6937C105.393 9.32561 104.516 8.1368 103.347 7.29476C102.178 6.45272 100.775 5.99988 99.3355 6.00005H51.1867C52.6259 6.00013 54.029 6.45306 55.1981 7.29507C56.3673 8.13708 57.2438 9.32574 57.7041 10.6937L99.4898 134.892C99.8391 135.93 99.937 137.037 99.7754 138.12C99.6138 139.204 99.1973 140.233 98.5604 141.123C97.9235 142.013 97.0845 142.739 96.1128 143.239C95.1411 143.739 94.0646 144 92.9724 144H141.123C142.215 144 143.291 143.739 144.263 143.238C145.234 142.738 146.073 142.013 146.71 141.123C147.346 140.233 147.763 139.203 147.924 138.12C148.086 137.037 147.988 135.93 147.639 134.892L105.853 10.6937Z" fill="url(#paint2_linear_642_154)"/>
<defs>
<linearGradient id="paint0_linear_642_154" x1="104.368" y1="16.2278" x2="74.0844" y2="157.955" gradientUnits="userSpaceOnUse">
<stop stop-color="#114A8B"/>
<stop offset="1" stop-color="#0669BC"/>
</linearGradient>
<linearGradient id="paint1_linear_642_154" x1="91.3533" y1="78.1916" x2="79.8704" y2="82.6015" gradientUnits="userSpaceOnUse">
<stop stop-opacity="0.3"/>
<stop offset="0.071" stop-opacity="0.2"/>
<stop offset="0.321" stop-opacity="0.1"/>
<stop offset="0.623" stop-opacity="0.05"/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_642_154" x1="74.726" y1="12.3481" x2="124.247" y2="143.87" gradientUnits="userSpaceOnUse">
<stop stop-color="#3CCBF4"/>
<stop offset="1" stop-color="#2892DF"/>
</linearGradient>
</defs>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M399.636 454.99C430.416 454.99 455.368 430.069 455.368 399.329C455.368 368.588 430.416 343.668 399.636 343.668C368.855 343.668 343.903 368.588 343.903 399.329C343.903 430.069 368.855 454.99 399.636 454.99Z" fill="#00D8FF"/>
<path d="M399.636 454.99C430.416 454.99 455.368 430.069 455.368 399.329C455.368 368.588 430.416 343.668 399.636 343.668C368.855 343.668 343.903 368.588 343.903 399.329C343.903 430.069 368.855 454.99 399.636 454.99Z" stroke="#00D8FF" stroke-width="32.0004" stroke-miterlimit="10"/>
<path d="M399.512 257.842C493.062 257.842 579.98 271.251 645.502 293.769C724.451 320.91 773 362.059 773 399.32C773 438.146 721.55 481.87 636.774 509.908C572.679 531.115 488.318 542.201 399.512 542.201C308.448 542.201 222.244 531.805 157.413 509.678C75.4008 481.686 26 437.409 26 399.32C26 362.358 72.3608 321.531 150.204 294.436C215.98 271.55 305.04 257.842 399.512 257.842Z" stroke="#00D8FF" stroke-width="32.0004" stroke-miterlimit="10"/>
<path d="M276.182 329.006C322.911 248.066 377.978 179.57 430.257 134.143C493.246 79.4011 553.195 57.9643 585.507 76.572C619.178 95.9617 631.407 162.319 613.374 249.699C599.74 315.758 567.221 394.26 522.841 471.106C477.355 549.884 425.26 619.277 373.694 664.313C308.448 721.286 245.344 741.895 212.318 722.873C180.259 704.403 168.007 643.911 183.369 563.017C196.358 494.613 228.969 410.729 276.182 329.006Z" stroke="#00D8FF" stroke-width="32.0004" stroke-miterlimit="10"/>
<path d="M276.297 471.267C229.43 390.396 197.509 308.559 184.198 240.637C168.168 158.8 179.499 96.2147 211.788 77.561C245.436 58.1023 309.093 80.6662 375.882 139.893C426.388 184.676 478.23 252.023 522.726 328.799C568.349 407.508 602.55 487.229 615.839 554.323C632.674 639.242 619.04 704.127 586.037 723.195C554.001 741.711 495.411 722.114 432.906 668.407C380.12 623.026 323.625 552.92 276.297 471.267Z" stroke="#00D8FF" stroke-width="32.0004" stroke-miterlimit="10"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M541.97 537.176C569.13 534.363 589.736 510.94 588.798 482.828C587.864 454.72 564.447 432.231 536.35 432.231H534.478C505.441 433.169 482.964 457.53 483.901 486.576C484.838 500.632 490.456 512.812 498.886 521.245C467.042 584.025 418.34 629.937 345.286 668.354C295.646 694.59 244.135 703.96 192.623 697.403C150.476 691.78 117.695 673.042 97.0871 642.118C67.1181 596.206 64.3092 546.544 89.5977 496.884C107.394 461.278 135.488 435.041 153.285 421.923C149.539 409.743 143.918 389.13 141.109 374.139C5.30271 472.523 19.3528 605.576 60.5631 668.354C91.4693 715.206 154.222 744.252 223.53 744.252C242.26 744.252 260.991 742.377 279.724 737.695C399.609 714.269 490.459 643.055 541.97 537.176ZM706.811 420.989C635.629 337.595 530.732 291.683 410.847 291.683H395.863C387.433 274.817 369.637 263.572 349.969 263.572H348.095C319.063 264.509 296.586 288.87 297.521 317.919C298.458 346.028 321.872 368.516 349.969 368.516H351.841C372.446 367.579 390.242 354.461 397.734 336.657H414.593C485.776 336.657 553.209 357.271 614.09 397.562C660.918 428.484 694.636 468.776 713.366 517.497C729.288 556.852 728.351 595.268 711.492 628.065C685.269 677.724 641.25 704.898 583.181 704.898C545.716 704.898 510.127 693.652 491.393 685.22C481.092 694.59 462.359 709.58 449.246 718.954C489.522 737.692 530.732 748 570.068 748C659.98 748 726.479 698.338 751.768 648.678C778.928 594.331 777.053 500.632 706.811 420.989ZM231.022 553.101C231.959 581.213 255.373 603.698 283.47 603.698H285.345C314.38 602.763 336.856 578.4 335.919 549.354C334.985 521.242 311.568 498.757 283.47 498.757H281.599C279.724 498.757 276.913 498.757 275.044 499.691C236.642 435.976 220.721 366.641 226.341 291.68C230.085 235.46 248.818 186.736 281.599 146.444C308.759 111.775 361.208 94.909 396.8 93.9742C496.077 92.099 538.221 215.782 541.033 265.444C553.209 268.254 573.814 274.814 587.864 279.5C576.623 127.708 482.964 49 393.054 49C308.759 49 231.022 109.905 200.113 199.856C157.031 319.792 185.128 435.041 237.577 525.93C232.896 532.488 230.085 542.793 231.022 553.101Z" fill="#764ABC"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 132.756L395.096 0L777 130.447L715.272 622.799L395.096 800L80.1125 625.108L23 132.756Z" fill="#E23237"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M777 130.447L395.096 0V800L715.272 622.799L777 130.447Z" fill="#B52E31"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M395.673 93.5065L163.762 609.524L250.296 607.792L297.024 491.198H504.129L554.896 608.947L637.392 610.678L395.673 93.5065ZM396.25 259.163L474.708 423.088H327.6L396.25 259.163Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 400V0H800V800H0" fill="#007ACC"/>
<path d="M175.4 401.4V434H279.4V730H353.2V434H457.2V402C457.2 384 457.2 369.4 456.4 369C456.4 368.4 393 368.2 316 368.2L176 368.8V401.6L175.4 401.4ZM642.8 368C663.2 372.8 678.8 382 692.8 396.6C700.2 404.6 711.2 418.6 712 422.2C712 423.4 677.4 446.8 656.4 459.8C655.6 460.4 652.4 457 649.2 451.8C638.8 437 628.2 430.6 611.6 429.4C587.6 427.8 571.6 440.4 571.6 461.4C571.6 467.8 572.8 471.4 575.2 476.6C580.6 487.6 590.6 494.2 621.6 507.8C678.8 532.4 703.6 548.6 718.6 571.8C735.6 597.8 739.4 638.6 728 669.2C715.2 702.6 684 725.2 639.4 732.6C625.4 735 593.4 734.6 578.4 732C546.4 726 515.8 710 497 689.4C489.6 681.4 475.4 660 476.2 658.6L483.8 653.8L513.8 636.4L536.4 623.2L541.6 630.2C548.2 640.6 563 654.6 571.6 659.4C597.6 672.8 632.4 671 649.6 655.4C657 648.6 660.2 641.4 660.2 631.4C660.2 622.2 658.8 618 654.2 611C647.8 602.2 635 595 599 579C557.6 561.4 540 550.2 523.6 533C514.2 522.6 505.6 506.4 501.6 493C498.6 481.4 497.6 453 500.4 441.6C509 401.6 539.2 373.6 582.4 365.6C596.4 362.8 629.4 364 643.2 367.6L642.8 368Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M115.583 626.269C106.025 634.436 92.6846 636.53 81.0833 631.685L20.5 606.269C8.14567 601.115 0.0725888 589.071 0 575.685V220.185C0.0725888 206.8 8.14567 194.756 20.5 189.602L81.0833 164.602C92.6846 159.757 106.025 161.851 115.583 170.019L129.167 181.269C123.55 177.231 116.145 176.681 109.994 179.845C103.842 183.008 99.9826 189.352 100 196.269V599.602C99.9826 606.519 103.842 612.863 109.994 616.026C116.145 619.19 123.55 618.64 129.167 614.602L115.583 626.269Z" fill="#52218A"/>
<path d="M20.5 606.269C8.14567 601.115 0.0725888 589.071 0 575.685V572.935C0.0840419 580.807 4.95288 587.835 12.2935 590.679C19.6341 593.524 27.9669 591.612 33.3333 585.852L550 14.6021C564.993 -0.316472 587.751 -4.18736 606.833 4.93543L771.667 84.2688C788.993 92.5997 800.008 110.127 800 129.352V131.269C799.989 119.07 792.955 107.968 781.929 102.749C770.903 97.5302 757.858 99.1274 748.417 106.852L129.167 614.602L115.583 626.269C106.025 634.436 92.6846 636.53 81.0833 631.685L20.5 606.269Z" fill="#6C33AF"/>
<path d="M20.5 189.602C8.14567 194.756 0.0725888 206.8 0 220.185V222.935C0.0840419 215.063 4.95288 208.036 12.2935 205.191C19.6341 202.347 27.9669 204.259 33.3333 210.019L550 781.269C564.993 796.187 587.751 800.058 606.833 790.935L771.667 711.602C788.993 703.271 800.008 685.744 800 666.519V664.602C799.989 676.801 792.955 687.903 781.929 693.122C770.903 698.341 757.858 696.743 748.417 689.019L129.167 181.269L115.583 169.602C105.941 161.576 92.6079 159.643 81.0833 164.602L20.5 189.602Z" fill="#854CC7"/>
<path d="M606.833 790.935C587.751 800.058 564.993 796.187 550 781.269C558.397 789.605 570.981 792.081 581.91 787.545C592.839 783.01 599.973 772.352 600 760.519V35.5188C600.041 23.6556 592.931 12.936 581.987 8.35771C571.043 3.7794 558.419 6.24387 550 14.6021C564.993 -0.316472 587.751 -4.18736 606.833 4.93543L771.667 84.1854C788.993 92.5163 800.008 110.044 800 129.269V666.602C800.008 685.827 788.993 703.355 771.667 711.685L606.833 790.935Z" fill="#B179F1"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M376.981 118.011C376.978 111.32 375.548 105.406 372.654 100.331C369.812 95.3407 365.557 91.1578 359.846 87.8506C312.719 60.6677 265.548 33.5677 218.435 6.35639C205.734 -0.977728 193.419 -0.710577 180.812 6.72931C162.055 17.7959 68.1387 71.6198 40.154 87.8354C28.6279 94.5087 23.0196 104.723 23.0174 117.999C23 172.666 23.0174 227.331 23 282C23.0022 288.544 24.3724 294.343 27.1378 299.342C29.9817 304.483 34.2972 308.781 40.1376 312.163C68.1256 328.378 162.053 382.199 180.807 393.268C193.419 400.712 205.734 400.978 218.439 393.641C265.552 366.428 312.728 339.329 359.862 312.148C365.703 308.766 370.018 304.466 372.862 299.329C375.624 294.329 376.997 288.53 377 281.986C377 281.986 377 172.679 376.981 118.011Z" fill="#9B4993"/>
<path d="M200.541 199.466L27.1378 299.342C29.9817 304.483 34.2972 308.781 40.1376 312.163C68.1256 328.378 162.053 382.199 180.807 393.268C193.419 400.712 205.734 400.978 218.439 393.641C265.552 366.428 312.728 339.329 359.862 312.148C365.703 308.766 370.018 304.466 372.862 299.329L200.541 199.466Z" fill="#682876"/>
<path d="M149.181 229.05C159.272 246.671 178.241 258.557 200 258.557C221.894 258.557 240.97 246.521 251.01 228.711L200.541 199.466L149.181 229.05Z" fill="#682876"/>
<path d="M376.981 118.011C376.978 111.32 375.548 105.406 372.654 100.331L200.541 199.466L372.862 299.329C375.624 294.329 376.997 288.53 377 281.986C377 281.986 377 172.679 376.981 118.011Z" fill="#823085"/>
<path d="M251.01 228.711C240.97 246.521 221.894 258.557 200 258.557C178.241 258.557 159.272 246.671 149.181 229.05C144.28 220.487 141.461 210.573 141.461 199.998C141.461 167.658 167.67 141.441 200 141.441C221.62 141.441 240.487 153.178 250.628 170.619L301.794 141.146C281.457 106.029 243.488 82.4017 200 82.4017C135.073 82.4017 82.4411 135.052 82.4411 199.998C82.4411 221.305 88.1071 241.286 98.0113 258.521C118.297 293.824 156.374 317.596 200 317.596C243.705 317.596 281.843 293.729 302.099 258.321L251.01 228.711Z" fill="white"/>
<path d="M304.035 172.194H315.662V228.531H304.035V172.194Z" fill="white"/>
<path d="M329.833 172.194H341.459V228.531H329.833V172.194Z" fill="white"/>
<path d="M294.587 181.645H350.907V193.275H294.587V181.645Z" fill="white"/>
<path d="M294.587 207.45H350.907V219.082H294.587V207.45Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M400.5 400C400.5 331.334 456.13 275.667 524.75 275.667C593.37 275.667 649 331.334 649 400C649 468.666 593.37 524.333 524.75 524.333C456.13 524.333 400.5 468.666 400.5 400Z" fill="#1ABCFE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M152 648.667C152 580 207.629 524.333 276.25 524.333H400.5V648.667C400.5 717.333 344.87 773 276.25 773C207.629 773 152 717.333 152 648.667Z" fill="#0ACF83"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M400.5 27V275.667H524.75C593.37 275.667 649 220 649 151.333C649 82.6659 593.37 27 524.75 27H400.5Z" fill="#FF7262"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M152 151.333C152 220 207.629 275.667 276.25 275.667H400.5V27H276.25C207.629 27 152 82.6659 152 151.333Z" fill="#F24E1E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M152 400C152 468.666 207.629 524.333 276.25 524.333H400.5V275.667H276.25C207.629 275.667 152 331.334 152 400Z" fill="#A259FF"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 700 700" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 253.332C0 164.658 0 120.321 17.2572 86.4515C32.4373 56.6592 56.6592 32.4373 86.4515 17.2572C120.321 0 164.658 0 253.332 0H446.667C535.342 0 579.68 0 613.547 17.2572C643.34 32.4373 667.562 56.6592 682.742 86.4515C700 120.321 700 164.658 700 253.332V446.667C700 535.342 700 579.68 682.742 613.547C667.562 643.34 643.34 667.562 613.547 682.742C579.68 700 535.342 700 446.667 700H253.332C164.658 700 120.321 700 86.4515 682.742C56.6592 667.562 32.4373 643.34 17.2572 613.547C0 579.68 0 535.342 0 446.667V253.332Z" fill="#470137"/>
<path d="M366.163 205.845L278.82 353.705L372.265 510.712C374.208 514.272 372.265 515.06 369.45 515.06H302.77C298.072 515.06 294.785 514.89 292.908 511.678C286.64 499.155 280.38 486.713 274.122 474.35C267.857 461.993 261.205 449.39 254.168 436.543C247.123 423.705 240.158 410.703 233.27 397.533C227.005 410.378 220.038 423.22 213.313 436.062C206.578 448.907 199.925 461.67 193.355 474.35C186.782 487.038 180.051 499.64 173.164 512.157C171.909 515.047 169.715 515.345 166.588 515.345H102.257C99.7288 515.345 99.4237 513.445 100.848 511.195L191.477 358.52L103.195 205.363C101.591 203.178 102.971 200.85 105.543 201.027H171.754C174.621 200.867 177.154 201.947 178.798 204.4C184.433 217.245 190.694 230.09 197.581 242.93C204.462 255.775 211.43 268.46 218.478 280.978C225.523 293.5 232.488 306.182 238.435 319.027C244.693 305.865 251.033 293.022 257.453 280.497C263.868 267.975 270.44 255.372 277.175 242.69C283.905 230.01 290.4 217.407 296.663 204.882C297.495 202.135 299.485 200.742 302.297 201.027H363.812C366.162 201.027 367.133 204.235 366.163 205.845Z" fill="#FF61F6"/>
<path d="M500.928 521.312C459.515 521.96 416.138 504.908 394.333 467.13C383.688 448.993 378.365 426.278 378.368 398.98C378.19 376.875 383.698 355.113 394.333 335.888C421.775 286.833 477.06 268.452 529.573 273.277V178.397C529.573 176.154 530.513 175.025 532.39 175.025H591.557C593.175 174.788 594.605 176.256 594.375 177.915V462.555C594.375 474.297 595.54 486 596.255 497.713C596.37 499.713 595.212 501.692 593.435 502.53C564.202 515.035 532.57 521.168 500.928 521.312ZM529.573 461.59V330.107C486.683 318.192 445.043 350.86 445.048 396.09C444.03 442.852 484.34 475.16 529.573 461.59Z" fill="#FF61F6"/>
</svg>
</div>
</div>
<div class="lineSec2 content4"></div>
<div class="sec2Part content5">
<div>I also make games 👾 2D-3D arts 🎨 animations 🌈 and films 🎬</div>
<div class="skill">
<svg class="softwareIcon" viewBox="0 0 700 700" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 253.332C0 164.658 0 120.321 17.2572 86.4515C32.4373 56.6592 56.6592 32.4373 86.4515 17.2572C120.321 0 164.658 0 253.332 0H446.667C535.342 0 579.68 0 613.547 17.2572C643.34 32.4373 667.562 56.6592 682.742 86.4515C700 120.321 700 164.658 700 253.332V446.667C700 535.342 700 579.68 682.742 613.547C667.562 643.34 643.34 667.562 613.547 682.742C579.68 700 535.342 700 446.667 700H253.332C164.658 700 120.321 700 86.4515 682.742C56.6592 667.562 32.4373 643.34 17.2572 613.547C0 579.68 0 535.342 0 446.667V253.332Z" fill="#001E36"/>
<path d="M150 512.905V205.085C150 202.992 150.875 201.795 152.917 201.795C183.057 201.795 213.185 200 243.333 200C292.255 200 345.225 216.727 363.793 267.905C368.168 280.47 370.5 293.333 370.5 306.795C370.5 332.523 364.668 353.76 353 370.512C320.41 417.307 263.925 416.58 213.293 416.58V512.607C213.688 515.45 211.265 516.795 208.917 516.795H153.5C151.167 516.795 150 515.597 150 512.905ZM213.582 259.53V360.042C233.66 361.512 254.667 361.673 273.957 355.258C295.255 349.113 306.918 330.68 306.918 308.59C307.508 289.767 297.253 271.707 279.793 264.915C260.735 256.99 234.155 256.515 213.582 259.53Z" fill="#31A8FF"/>
<path d="M552.418 340.185C543.593 335.532 534.192 332.13 524.475 330.07C511.99 327.132 462.745 316.842 462.725 342.592C463.163 356.967 485.983 364.01 496.065 368.118C531.463 380.27 571.518 401.993 570.73 445.66C571.813 500.02 519.143 521.753 473.995 521.758C450.493 522 426.007 518.36 404.497 508.27C402.442 507.182 401.123 504.86 401.21 502.49V450.475C400.978 448.39 403.217 446.568 404.967 448.068C426.042 460.813 451.022 467.002 475.405 467.332C486.167 467.332 507.498 466.29 507.338 450.475C507.338 435.3 481.82 428.322 471.647 424.467C456.902 419.205 442.922 411.912 430.09 402.795C412.155 390.002 400.905 369.492 401.21 346.927C401.105 295.742 449.587 272.768 493.25 272.758C513.66 272.588 535.58 274.1 554.58 282.39C557.313 283.192 557.877 286.072 557.867 288.65V337.295C558.04 340.315 554.688 341.342 552.418 340.185Z" fill="#31A8FF"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 700 700" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 253.332C0 164.658 0 120.321 17.2572 86.4515C32.4373 56.6592 56.6592 32.4373 86.4515 17.2572C120.321 0 164.658 0 253.332 0H446.667C535.342 0 579.68 0 613.547 17.2572C643.34 32.4373 667.562 56.6592 682.742 86.4515C700 120.321 700 164.658 700 253.332V446.667C700 535.342 700 579.68 682.742 613.547C667.562 643.34 643.34 667.562 613.547 682.742C579.68 700 535.342 700 446.667 700H253.332C164.658 700 120.321 700 86.4515 682.742C56.6592 667.562 32.4373 643.34 17.2572 613.547C0 579.68 0 535.342 0 446.667V253.332Z" fill="#330000"/>
<path d="M339.215 439.908H230.743L208.673 510.225C208.06 512.838 205.655 514.687 203.038 514.557H148.096C144.963 514.557 143.867 512.792 144.809 509.26L238.725 231.845C239.665 228.955 240.605 225.665 241.543 221.972C242.773 215.545 243.4 209.015 243.423 202.467C243.153 200.532 244.853 198.823 246.708 199.094H321.373C323.56 199.094 324.81 199.897 325.128 201.502L431.725 509.742C432.662 512.955 431.725 514.56 428.908 514.557H367.86C365.72 514.802 363.675 513.335 363.165 511.188L339.215 439.908ZM247.648 379.222H321.842C309.652 337.567 295.895 296.46 284.745 254.482C272.715 296.532 259.59 338.412 247.648 379.222Z" fill="#FF9A00"/>
<path d="M495.113 250.145C490.323 250.343 485.548 249.5 481.095 247.675C476.645 245.85 472.62 243.08 469.285 239.55C465.96 235.865 463.375 231.545 461.683 226.833C459.99 222.123 459.223 217.115 459.423 212.098C459.253 207.13 460.105 202.183 461.925 197.576C463.747 192.97 466.495 188.81 469.99 185.367C473.45 181.96 477.535 179.29 482.01 177.513C486.482 175.736 491.255 174.886 496.05 175.012C507.322 175.012 516.165 178.464 522.583 185.367C525.823 188.954 528.34 193.162 529.992 197.749C531.642 202.335 532.398 207.213 532.208 212.098C532.405 217.133 531.613 222.16 529.878 226.875C528.145 231.59 525.503 235.9 522.113 239.55C518.57 243.133 514.34 245.922 509.695 247.747C505.048 249.57 500.083 250.388 495.113 250.145ZM462.71 509.74V279.525C462.71 276.635 463.958 275.19 466.468 275.19H524.228C526.728 275.19 527.98 276.635 527.983 279.525V509.74C527.983 512.955 526.73 514.56 524.228 514.557H466.938C464.12 514.557 462.71 512.953 462.71 509.74Z" fill="#FF9A00"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 700 700" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 253.332C0 164.658 0 120.321 17.2572 86.4515C32.4373 56.6592 56.6592 32.4373 86.4515 17.2572C120.321 0 164.658 0 253.332 0H446.667C535.342 0 579.68 0 613.547 17.2572C643.34 32.4373 667.562 56.6592 682.742 86.4515C700 120.321 700 164.658 700 253.332V446.667C700 535.342 700 579.68 682.742 613.547C667.562 643.34 643.34 667.562 613.547 682.742C579.68 700 535.342 700 446.667 700H253.332C164.658 700 120.321 700 86.4515 682.742C56.6592 667.562 32.4373 643.34 17.2572 613.547C0 579.68 0 535.342 0 446.667V253.332Z" fill="#00005B"/>
<path d="M150 494.893V180.199C150 178.058 150.877 176.835 152.925 176.835C183.156 176.835 213.373 175 243.613 175C292.678 175 345.807 192.101 364.43 244.423C368.817 257.268 371.158 270.417 371.158 284.18C371.158 310.48 365.307 332.193 353.605 349.32C320.92 397.16 264.265 396.418 213.48 396.418V494.585C213.877 497.492 211.447 498.868 209.092 498.868H153.51C151.17 498.868 150 497.645 150 494.893ZM213.773 235.86V338.615C233.91 340.12 254.98 340.283 274.327 333.723C295.687 327.443 307.385 308.598 307.385 286.015C307.98 266.773 297.692 248.308 280.18 241.365C261.065 233.263 234.408 232.777 213.773 235.86Z" fill="#9999FF"/>
<path d="M410.812 255.297H462.152C464.982 255.325 467.525 257.368 468.272 260.223C472.035 268.955 472.5 279.487 472.512 288.915C481.317 278.197 491.932 269.27 503.832 262.573C516.595 255.025 531.062 251.197 545.722 251.495C548.157 251.13 550.31 253.383 549.963 255.925V315.503C549.963 317.805 548.388 318.95 545.253 318.95C523.523 317.383 489.692 322.75 473.902 340.615V495.525C473.902 498.48 472.648 499.958 470.135 499.958H415.052C412.347 500.363 409.96 497.818 410.342 495.033V326.827C410.342 304.29 410.81 281.072 407.517 258.745C407.01 256.69 408.89 254.78 410.812 255.297Z" fill="#9999FF"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 700 700" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 253.332C0 164.658 0 120.321 17.2572 86.4515C32.4373 56.6592 56.6592 32.4373 86.4515 17.2572C120.321 0 164.658 0 253.332 0H446.667C535.342 0 579.68 0 613.547 17.2572C643.34 32.4373 667.562 56.6592 682.742 86.4515C700 120.321 700 164.658 700 253.332V446.667C700 535.342 700 579.68 682.742 613.547C667.562 643.34 643.34 667.562 613.547 682.742C579.68 700 535.342 700 446.667 700H253.332C164.658 700 120.321 700 86.4515 682.742C56.6592 667.562 32.4373 643.34 17.2572 613.547C0 579.68 0 535.342 0 446.667V253.332Z" fill="#00005B"/>
<path d="M294.732 439.095H186.26L164.19 509.548C163.577 512.16 161.171 514.01 158.555 513.883H103.613C100.48 513.883 99.3847 512.117 100.326 508.585L194.242 232.315C195.182 229.428 196.121 226.603 197.061 222.908C198.289 216.48 198.918 209.95 198.939 203.403C198.67 201.468 200.34 199.754 202.225 200.03H276.89C279.077 200.03 280.327 200.833 280.645 202.438L387.243 509.065C388.18 512.28 387.24 513.885 384.425 513.883H323.378C321.238 514.125 319.192 512.658 318.682 510.51L294.732 439.095ZM203.165 379.693H277.36C265.17 338.038 251.412 296.933 240.262 254.953C227.627 298.498 215.96 338.883 203.165 379.693Z" fill="#9999FF"/>
<path d="M466.52 411.893C470.838 447.665 500.878 464.72 534.14 463.992C552.898 463.625 572.942 460.712 590.47 453.62C592.03 452.342 592.818 453.14 592.818 456.03V501.783C592.965 504.163 591.97 506.29 590 507.562C568.215 517.457 543.21 520.442 519.583 520.062C449.138 520.062 400.76 470.427 400.78 398.212C400.595 329.777 444.993 272.042 513.948 272.042C572.4 270.527 612.868 317.325 613.03 375.577C613.03 386.185 612.438 396.833 611.153 407.363C610.903 409.533 609.055 411.217 606.925 411.217C560.243 411.217 513.333 411.893 466.52 411.893ZM466.52 368.017C492.538 368.017 518.705 368.937 544.705 367.777C548.613 367.377 551.515 366.635 551.515 362.572C550.973 340.977 532.748 323.215 511.6 324.043C486.05 322.458 469.698 344.027 466.52 368.017Z" fill="#9999FF"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 513 500" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M90.75 0H421.75C445.818 0 468.901 9.56113 485.92 26.5801C502.939 43.599 512.5 66.6816 512.5 90.75V408.91C512.5 432.978 502.939 456.061 485.92 473.08C468.901 490.099 445.818 499.66 421.75 499.66H90.75C66.6816 499.66 43.599 490.099 26.5801 473.08C9.56113 456.061 0 432.978 0 408.91V90.75C0 66.6816 9.56113 43.599 26.5801 26.5801C43.599 9.56113 66.6816 0 90.75 0Z" fill="#1E3101"/>
<path d="M110.85 350.39V130.71C110.85 129.11 111.53 128.31 112.91 128.31C116.57 128.31 120.923 128.253 125.97 128.14C131.017 128.027 136.46 127.91 142.3 127.79L160.87 127.45C167.403 127.33 173.877 127.27 180.29 127.27C197.71 127.27 212.377 129.45 224.29 133.81C235.047 137.441 244.856 143.43 253 151.34C259.905 158.194 265.241 166.464 268.64 175.58C271.859 184.449 273.49 193.815 273.46 203.25C273.46 221.59 269.22 236.717 260.74 248.63C252.204 260.604 240.206 269.678 226.36 274.63C210.929 280.181 194.628 282.918 178.23 282.71C173.183 282.71 169.63 282.65 167.57 282.53C165.51 282.42 162.41 282.36 158.29 282.36V350.09C158.39 350.807 158.202 351.535 157.767 352.114C157.333 352.693 156.687 353.076 155.97 353.18C155.715 353.22 155.455 353.22 155.2 353.18H113.25C111.65 353.14 110.85 352.23 110.85 350.39ZM158.29 169.56V240.73C161.263 240.963 164.013 241.077 166.54 241.07H177.88C186.201 241.19 194.491 240.03 202.46 237.63C209.272 235.607 215.36 231.671 220 226.29C224.467 221.023 226.7 213.69 226.7 204.29C226.873 197.642 225.138 191.083 221.7 185.39C218.072 179.876 212.835 175.613 206.7 173.18C198.71 170.079 190.177 168.62 181.61 168.89C176.11 168.89 171.24 168.947 167 169.06C162.76 169.173 159.837 169.343 158.23 169.57L158.29 169.56Z" fill="#99E83F"/>
<path d="M401 319.11V347.3C401 349.82 400.083 351.31 398.25 351.77C393.737 353.18 389.146 354.329 384.5 355.21C379.055 356.18 373.531 356.638 368 356.58C353.1 356.58 341.413 352.683 332.94 344.89C324.467 337.097 320.227 324.607 320.22 307.42V222.16H299.92C298.09 222.16 297.17 221.16 297.17 219.07V185C297.17 183.17 298.17 182.25 300.27 182.25H320.55C320.777 178.357 321.063 173.83 321.41 168.67C321.76 163.52 322.21 158.36 322.79 153.2C323.37 148.04 323.87 143.86 324.33 140.66C324.549 139.976 324.888 139.336 325.33 138.77C325.776 138.21 326.373 137.791 327.05 137.56L368 132.44C368.622 132.255 369.288 132.287 369.89 132.53C370.35 132.76 370.41 133.36 370.41 134.53C369.95 139.803 369.617 146.967 369.41 156.02C369.203 165.073 368.973 173.837 368.72 182.31H400.72C402.1 182.31 402.79 183.23 402.79 185.06V219.79C402.872 220.335 402.738 220.891 402.417 221.339C402.095 221.787 401.612 222.092 401.07 222.19H368.34V295.76C368.34 303.56 369.673 309.12 372.34 312.44C375.007 315.76 379.877 317.427 386.95 317.44C389.01 317.44 390.95 317.39 392.8 317.27C394.65 317.15 396.46 316.98 398.3 316.75C398.608 316.636 398.937 316.592 399.264 316.622C399.591 316.651 399.907 316.753 400.19 316.92C400.497 317.188 400.732 317.529 400.874 317.912C401.015 318.294 401.059 318.706 401 319.11Z" fill="#99E83F"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 527 501" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M368.6 14.6H526.7L315.4 404.9C315.4 404.9 279.8 301.5 264.5 264.6" fill="url(#paint0_linear_644_12)"/>
<path d="M407.6 497.2H526.7V14.6C526.6 266.8 420.6 497.2 407.6 497.2Z" fill="url(#paint1_linear_644_12)"/>
<path d="M315.4 404.9H217.1L8.02375e-05 14.6C38.5001 9.7 115.4 3.1 153.5 0L315.4 404.9Z" fill="url(#paint2_linear_644_12)"/>
<path d="M125.9 250.8C93.3001 379.6 -0.0999198 501 8.02375e-05 500.9C108.2 500.9 131.5 485.2 131.5 476.9C131.5 472.3 131.5 328.6 131.5 260.6C129.6 257.4 127.8 254.1 125.9 250.8Z" fill="url(#paint3_linear_644_12)"/>
<path d="M8.02375e-05 14.6V500.9C59.2001 403.1 93.7001 339.1 124.2 247.9C49.0001 114.9 8.02375e-05 14.6 8.02375e-05 14.6Z" fill="url(#paint4_linear_644_12)"/>
<path d="M399.4 478.1L407.6 497.2V243.8L399.4 257.5" fill="url(#paint5_linear_644_12)"/>
<path d="M407.2 244.3V496.4L407.5 497.2C416 497.2 526.6 224.4 526.6 14.6C526.6 14.6 459.1 155.4 407.2 244.3Z" fill="url(#paint6_linear_644_12)"/>
<defs>
<linearGradient id="paint0_linear_644_12" x1="-14.8892" y1="271.672" x2="556.309" y2="97.8853" gradientUnits="userSpaceOnUse">
<stop stop-color="#0F6067"/>
<stop offset="0.5" stop-color="#05ABAC"/>
<stop offset="1" stop-color="#58BEC4"/>
</linearGradient>
<linearGradient id="paint1_linear_644_12" x1="261.081" y1="506.288" x2="271.583" y2="-5.18354" gradientUnits="userSpaceOnUse">
<stop stop-color="#117C83"/>
<stop offset="0.5" stop-color="#21B5B5"/>
<stop offset="1" stop-color="#7ED4D4"/>
</linearGradient>
<linearGradient id="paint2_linear_644_12" x1="365.645" y1="26.2979" x2="257.485" y2="475.651" gradientUnits="userSpaceOnUse">
<stop stop-color="#9ACCD3"/>
<stop offset="0.5" stop-color="#72AEB3"/>
<stop offset="1" stop-color="#317D7F"/>
</linearGradient>
<linearGradient id="paint3_linear_644_12" x1="-107.841" y1="334.943" x2="482.261" y2="-48.5022" gradientUnits="userSpaceOnUse">
<stop stop-color="#21626E"/>
<stop offset="0.5" stop-color="#157C84"/>
<stop offset="1" stop-color="#03A3A5"/>
</linearGradient>
<linearGradient id="paint4_linear_644_12" x1="514.268" y1="133.996" x2="392.1" y2="603.032" gradientUnits="userSpaceOnUse">
<stop stop-color="#0B7C81"/>
<stop offset="0.5" stop-color="#068D90"/>
<stop offset="1" stop-color="#16B1B1"/>
</linearGradient>
<linearGradient id="paint5_linear_644_12" x1="-3457.31" y1="349.643" x2="-3438.3" y2="-150.664" gradientUnits="userSpaceOnUse">
<stop stop-color="#0A8A8F"/>
<stop offset="0.5" stop-color="#0F7C82"/>
<stop offset="1" stop-color="#1A5964"/>
</linearGradient>
<linearGradient id="paint6_linear_644_12" x1="533.275" y1="297.291" x2="401.471" y2="214.931" gradientUnits="userSpaceOnUse">
<stop stop-color="#256A77"/>
<stop offset="0.5" stop-color="#0D9499"/>
<stop offset="1" stop-color="#06A0A2"/>
</linearGradient>
</defs>
</svg>
<svg class="softwareIcon" viewBox="0 0 193 193" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M165.28 0H27.47C12.3 0 0 12.3 0 27.47V165.28C0 180.45 12.3 192.75 27.47 192.75H165.28C180.45 192.75 192.75 180.45 192.75 165.28V27.47C192.75 12.3 180.45 0 165.28 0ZM101.32 26.55C104.07 22.21 107.3 19.83 111.03 19.34C115.86 18.79 120.31 21.35 124.47 26.91C128.32 32.1 130.03 36.99 129.6 41.45C129.54 44.14 125.57 45.79 117.69 46.33C111.52 46.82 107.06 46.21 104.19 44.44C101.2 42.67 99.43 40.17 98.82 36.99C98.15 33.63 99.01 30.15 101.33 26.55H101.32ZM183.95 172.88C183.52 173.79 182 173.67 179.37 172.51C174.91 170.37 169.97 167.14 164.41 162.74C158.24 157.86 154.64 154.01 153.66 151.2C153.48 150.53 153.54 149.67 153.9 148.58L155.06 145.46C155.85 142.59 154.81 139.72 151.94 136.85C150.54 135.45 148.64 134.1 146.32 132.82C140.89 129.95 133.07 127.51 122.75 125.55C112.06 123.54 101.86 122.37 92.15 122.13L80.36 122.74C77.25 126.34 74.25 129.7 71.38 132.81C68.94 135.38 66.56 137.76 64.24 139.96C54.9 148.33 45.8 154.68 36.88 159.08C24.73 165 15.63 166.71 9.46 164.09C8.67 163.54 8.42 162.63 8.67 161.34L9.77 157.92C13.98 148.76 20.89 140.39 30.35 132.82C31.14 132.15 32 131.54 32.79 130.93C40.3 125.37 50.44 119.51 63.21 113.46C71.58 109.86 78.48 107.48 83.85 106.32L88.92 99.3C90.93 96.8 93.07 94.42 95.21 92.15C99.79 87.2 104.49 82.62 109.44 78.53C109.87 78.35 109.93 78.1 109.68 77.8C107.18 76.4 103.09 73.77 97.53 69.92C92.76 66.68 89.04 64.42 86.35 63.2C77.92 59.41 69.31 60.51 60.46 66.5C55.15 70.04 52.28 73.95 51.97 78.23L51.66 83.48C51.97 84.94 47.26 87.39 37.61 90.81C35.84 91.36 34.37 91.85 33.15 92.15C31.01 92.58 29.55 92.64 28.81 92.27L28.57 92.15L27.9 91.72C27.04 90.01 31.08 84.15 39.93 74.07C40.54 73.39 41.16 72.72 41.78 72.07L41.8 72.04H41.82C57.85 55.16 76.76 48.64 98.5 52.51C104.48 53.55 114.38 57.21 128.24 63.44C129.76 61.91 132.39 60.08 136 58C140.58 55.38 144.37 53.97 147.24 53.91C153.53 53.85 157.5 56.23 159.15 61.18C160.13 64.17 157.93 68.39 152.49 73.82C146.87 79.56 141.56 83.16 136.55 84.63C130.26 86.52 123.42 85.43 116.15 81.46C112.92 83.96 109.25 87.57 105.28 92.15C105.1 92.33 104.91 92.58 104.73 92.76L95.33 104L95.21 104.79L101.68 104.55C106.32 104.67 111.02 105.47 115.85 106.99C128.98 111.2 139.97 116.39 148.83 122.56C153.04 125.55 157.14 128.97 160.99 132.82C164.96 136.85 168.81 141.37 172.41 146.32C175.59 150.72 178.27 155.18 180.53 159.63C183.71 165.86 184.86 170.26 183.95 172.89V172.88Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M313.845 434.983C316.754 383.092 342.164 337.375 380.499 304.967C418.094 273.135 468.695 253.679 523.907 253.679C579.064 253.679 629.665 273.135 667.287 304.967C705.595 337.375 731.005 383.092 733.942 434.928C736.85 488.246 715.419 537.778 677.824 574.494C639.489 611.841 584.963 635.276 523.907 635.276C462.85 635.276 408.215 611.841 369.907 574.494C332.285 537.778 310.909 488.246 313.845 434.983Z" fill="white"/>
<path d="M416.149 439.613C417.642 412.987 430.68 389.529 450.35 372.901C469.64 356.567 495.604 346.584 523.934 346.584C552.235 346.584 578.199 356.567 597.503 372.901C617.159 389.529 630.198 412.987 631.704 439.585C633.197 466.943 622.2 492.358 602.91 511.197C583.24 530.361 555.262 542.385 523.934 542.385C492.605 542.385 464.571 530.361 444.915 511.197C425.611 492.358 414.642 466.943 416.149 439.613Z" fill="#265787"/>
<path d="M245.034 494.31C245.217 504.752 248.547 525.043 253.542 540.889C264.04 574.429 281.848 605.458 306.626 632.804C332.053 660.912 363.364 683.489 399.529 699.518C437.543 716.352 478.731 724.931 521.514 724.861C564.226 724.804 605.415 716.056 643.428 699.095C679.593 682.91 710.876 660.235 736.261 632.113C761.025 604.654 778.804 573.568 789.331 540.028C794.622 523.081 797.966 505.881 799.307 488.623C800.619 471.62 800.069 454.589 797.656 437.572C792.943 404.412 781.471 373.299 763.805 344.937C747.648 318.875 726.821 296.058 702.057 276.854L702.114 276.811L452.203 84.9232C451.978 84.7539 451.794 84.5705 451.554 84.4153C435.158 71.8287 407.586 71.8711 389.553 84.4858C371.322 97.2417 369.234 118.337 385.461 131.643L385.39 131.714L489.624 216.475L171.927 216.814H171.504C145.245 216.842 120.001 234.071 115.006 255.843C109.87 278.025 127.705 296.425 155.009 296.524L154.967 296.622L315.995 296.312L28.6498 516.873C28.2829 517.141 27.8878 517.423 27.5492 517.691C0.442987 538.447 -8.31961 572.962 8.75405 594.805C26.0817 617.014 62.9241 617.057 90.3125 594.932L247.136 466.583C247.136 466.583 244.85 483.911 245.034 494.31ZM648.014 552.332C615.701 585.252 570.463 603.92 521.514 604.019C472.494 604.103 427.256 585.605 394.943 552.741C379.154 536.726 367.555 518.298 360.401 498.67C353.388 479.381 350.665 458.907 352.471 438.249C354.178 418.057 360.189 398.796 369.784 381.37C379.21 364.24 392.192 348.761 408.221 335.666C439.631 310.07 479.62 296.213 521.443 296.157C563.309 296.1 603.27 309.83 634.708 335.342C650.709 348.38 663.677 363.802 673.103 380.904C682.74 398.317 688.709 417.507 690.487 437.755C692.265 458.385 689.541 478.831 682.528 498.134C675.36 517.818 663.804 536.246 648.014 552.332Z" fill="#EA7600"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M448.822 356.662L515.146 242.714C551.844 180.271 582.267 125.643 583.822 122.534H583.85C587.744 112.379 565.879 115.488 480.058 138.922C437.168 150.618 388.774 163.112 373.142 165.465C348.952 170.158 330.21 185.005 259.965 259.901C214.722 309.066 174.9 351.185 172.561 352.768C170.992 355.121 231.881 356.662 309.13 356.662H448.822Z" fill="white"/>
<path d="M482.411 497.111L448.052 438.603L309.13 436.264C224.079 435.493 171.749 437.034 173.331 441.727C174.102 445.621 213.924 487.74 259.965 535.364L345.03 621.997L462.857 653.205C527.64 669.594 582.267 682.06 583.808 680.519C587.702 677.409 565.067 636.047 482.369 497.139H482.411V497.111Z" fill="white"/>
<path d="M670.456 186.546L670.484 186.518C665.792 173.239 659.558 161.543 657.219 161.543C651.757 162.314 536.226 363.693 526.884 389.438C522.962 398.823 542.459 439.373 585.391 514.311C620.521 575.942 652.513 629.029 655.636 632.139C658.746 636.019 667.332 620.401 673.565 597.009C679.799 574.388 694.646 519.76 706.342 476.058L728.193 397.24L703.218 304.373C689.169 253.64 674.336 200.581 670.442 186.546H670.456Z" fill="white"/>
<path d="M795.399 310.607L779.011 253.64C747.004 139.72 718.15 46.8256 708.765 23.4338L698.61 0L620.563 17.9711H620.535C577.603 28.8966 506.587 46.0552 462.885 57.7931L382.513 78.0613L359.093 119.424L335.701 161.585H238.142L4 395.699L238.128 629.827H334.104L358.309 671.989C371.573 695.408 387.962 716.461 395.777 718.8C409.042 722.68 509.725 750.036 643.941 785.894C677.487 794.466 705.572 800.742 706.37 799.929C707.911 798.388 719.649 756.998 732.913 707.833C746.178 658.668 765.69 586.882 775.845 548.615L794.586 479.938L771.965 440.886C759.457 419.806 749.344 399.523 749.344 395.643C749.344 391.763 759.499 370.669 772.777 349.588L795.399 310.579V310.607ZM172.575 352.768C174.914 351.199 214.736 309.066 259.979 259.901C330.224 185.005 348.966 170.144 373.156 165.465C388.774 163.112 437.168 150.618 480.072 138.922C565.893 115.488 587.758 112.379 583.864 122.534H583.836C582.295 125.657 551.858 180.285 515.16 242.714L448.836 356.662H309.158C231.909 356.662 171.02 355.121 172.589 352.768H172.575ZM583.822 680.505C582.281 682.046 527.654 669.579 462.871 653.191L345.044 621.983L259.979 535.35C213.938 487.726 174.116 445.593 173.345 441.713C171.777 437.02 224.093 435.479 309.144 436.25L448.066 438.589L482.425 497.097H482.383C565.095 636.019 587.716 677.367 583.822 680.491V680.505ZM706.342 476.072C694.646 519.774 679.799 574.402 673.565 597.023C667.332 620.415 658.746 636.033 655.636 632.153C652.513 629.029 620.507 575.956 585.391 514.325C542.459 439.387 522.962 398.837 526.884 389.452C536.226 363.707 651.756 162.328 657.219 161.557C659.558 161.557 665.806 173.253 670.484 186.532L670.456 186.56C674.35 200.609 689.197 253.654 703.232 304.387L728.207 397.254L706.356 476.072H706.342Z" fill="#444444"/>
</svg>
</div>
</div>
<a href="#section3" class="nextButton2 content6" aria-label="to section 3">
<span class="next"></span>
<span class="next"></span>
<span class="next"></span>
</a>
</section>
<section id="section3">
<div class="secPortTit content1">I have been working on some WEBs recently</div>
<div class="secPortDes content2">You wanna check them out?</div>
<div class="secPortFrame content3">
<button class="leftright" id="prevWebButton" aria-label="to previous web"></button>
<button class="leftright" id="nextWebButton" aria-label="to next web"></button>
<div class="wrapper" id="webWrapper">
<div class="project webProject">
<div class="projectTitle">THE MEDGUIDE COMPANY</div>
<div class="projectImage">
<img class="picture" src="./images/tmgc.webp" alt="tmgc website">
</div>
<div class="projectSoftware">
<svg class="softwareIcon" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.0994928 0C-0.0120531 0.0162426 -0.0038339 0.150685 0.00418958 0.285323C0.00418958 33.4884 0.00418958 66.6864 0.00418958 99.8888C33.1478 100.111 66.6985 99.9205 100 99.9839C100 66.6553 100 33.3284 100 0C66.701 0 33.3987 0 0.0994928 0ZM50.7619 88.3888C48.4484 90.7213 44.7975 92.0948 40.3061 92.0948C32.9396 92.0948 28.8496 88.5058 26.2388 83.5408C28.7519 81.9361 31.3202 80.3858 33.9382 78.8843C35.0059 81.871 38.6126 85.2287 42.6824 83.1616C45.2623 81.8506 44.9644 77.8759 44.9644 73.562C44.9644 64.6045 44.9644 54.2708 44.9644 46.1898C44.9562 46.0552 44.9482 45.9207 45.0588 45.9045C48.1325 45.9045 51.2061 45.9045 54.2791 45.9045C54.2791 53.1037 54.2791 61.2473 54.2791 68.9043C54.2791 77.2405 54.8748 84.2442 50.7619 88.3888ZM92.0149 80.1207C91.4916 87.9258 85.118 92.0704 76.5217 92.0948C68.0947 92.1191 62.701 88.3741 59.4116 82.5905C61.7765 80.963 64.4562 79.6518 66.9214 78.1244C68.894 81.2088 72.3102 84.1733 77.3771 83.7314C80.5339 83.4563 84.1983 80.8831 82.1296 76.9835C81.1262 75.0931 78.7018 74.1328 76.5217 73.1821C69.6036 70.1637 61.4869 67.3953 62.2632 56.5497C62.5229 52.9266 64.1912 50.3804 66.3511 48.5661C68.5646 46.707 71.5292 45.461 75.4761 45.335C82.6442 45.1054 86.5765 48.2939 89.2587 52.7487C86.9761 54.4886 84.4615 55.9988 81.9396 57.5003C81.112 54.9573 77.1168 52.4792 73.765 53.9839C72.2407 54.6675 70.8711 56.6769 71.6742 59.1158C72.3904 61.291 75.312 62.4816 77.6623 63.4884C84.7761 66.5334 92.7262 69.5093 92.0149 80.1207Z" fill="#FFDF00"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 823 823" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M174.25 0H211.34V36.65H245.28V0H282.37V110.98H245.28V73.82H211.35V110.98H174.25V0Z" fill="white"/>
<path d="M298.5 36.8V0H400.92V36.8H368.25V110.98H331.16V36.8H298.5Z" fill="white"/>
<path d="M417.18 0H455.86L479.65 39L503.42 0H542.11V110.98H505.17V55.98L479.65 95.43H479.01L453.48 55.98V110.98H417.18V0Z" fill="white"/>
<path d="M560.58 0H597.68V74.3H649.85V110.98H560.58V0Z" fill="white"/>
<path d="M314.95 431.14H411.03L411.08 356.39H308.27L314.95 431.14Z" fill="#E34B24"/>
<path d="M120 161.74L173.06 756.9L411.17 823L649.94 756.81L703.06 161.74H120ZM600.41 711.5L410.8 769.26L410.85 696.66L261.67 655.24L251.44 540.63H324.72L329.92 598.85L410.9 620.72L410.98 504.14H248.18L228.49 283.4H411.12L411.17 215.3H646.59L600.41 711.51V711.5Z" fill="#E34B24"/>
<path d="M411.28 620.78L492.7 598.81L501.16 504.14H410.98L410.91 620.72L411.21 620.8L411.28 620.78Z" fill="#F26837"/>
<path d="M411.13 283.4H594.13L587.6 356.39H411.08L411.03 431.14H580.96L579.18 450.74L560.93 655.24L411.54 696.64V696.66L411.2 696.75L410.85 696.66L410.81 769.26L600.41 711.5L646.6 215.3H411.18L411.13 283.4Z" fill="#F26837"/>
<path d="M587.6 356.39L594.13 283.4H411.13H228.5L248.19 504.14H410.98H501.16L492.7 598.81L411.28 620.78L411.21 620.8L410.91 620.72L329.92 598.85L324.72 540.63H251.45L261.68 655.24L410.85 696.66L411.2 696.75L411.54 696.66V696.64L560.93 655.24L579.18 450.74L580.96 431.14H411.03H314.95L308.27 356.39H411.08H587.6Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 823 823" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M328.113 74.3806V109.839H237.436V0H328.113V38.8601H276.296V74.3806H328.113Z" fill="white"/>
<path d="M421.336 38.8601H457.557V0H366.87V38.8601C379.002 50.9923 385.331 56.7956 402.875 74.3496C392.619 74.3496 366.87 74.3806 366.87 74.3806V109.839H457.557V74.3806L421.336 38.8704V38.8601Z" fill="white"/>
<path d="M549.863 38.8601H586.084V0H495.397V38.8601C507.529 50.9923 513.858 56.7956 531.402 74.3496C521.146 74.3496 495.397 74.3806 495.397 74.3806V109.839H586.084V74.3806L549.863 38.8704V38.8601Z" fill="white"/>
<path d="M411.131 430.729H411.76V430.451L411.544 430.544L411.131 430.729Z" fill="black"/>
<path d="M118 162.048L173.074 758.742L411.76 823L650.435 758.742L705.52 162.048H118ZM602.865 721.758L411.76 773.842V697.885L411.544 697.823V697.905L260.958 653.376L251.248 540.836H326L330.855 599.126L410.874 619.33L411.554 619.144V619.216L411.77 619.154V501.688H411.554L246.393 501.151L240.724 430.719L411.554 359.565L411.77 359.472L421.511 355.421H234.23L225.324 283.37H411.75V212.329H648.693L602.855 721.758H602.865Z" fill="#026DB8"/>
<path d="M500.066 501.976L411.76 501.687V619.154L494.397 595.89L500.066 501.976Z" fill="#129FDA"/>
<path d="M411.76 283.37H594.526L587.239 355.431L411.76 430.451V430.729H581.033L561.603 654.18L411.812 697.905L411.76 697.885V773.853L602.865 721.758L648.704 212.329H411.76V283.37Z" fill="#129FDA"/>
<path d="M411.76 430.451L587.239 355.431L594.526 283.37H411.76H225.334L234.23 355.431H421.501L411.76 359.482L411.544 359.575L240.714 430.719L246.383 501.151L411.544 501.687H411.76L500.066 501.976L494.397 595.89L411.76 619.154L411.544 619.216V619.144L410.863 619.33L330.844 599.126L325.989 540.836H251.238L260.958 653.376L411.544 697.905V697.823L411.76 697.885L411.812 697.905L561.603 654.18L581.033 430.729H411.76H411.131L411.544 430.544L411.76 430.451Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 774" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 53L400 720.575L800 53H640L400 453.545L158 53H0Z" fill="#41B883"/>
<path d="M158 53L400 455.48L640 53H492L400 207.8L306 53H158Z" fill="#35495E"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M579.062 277.621L578.77 277.496C578.603 277.433 578.436 277.371 578.29 277.224C578.05 276.967 577.873 276.659 577.772 276.322C577.671 275.986 577.648 275.631 577.706 275.284L593.831 176.68L669.453 252.333L590.807 285.8C590.588 285.888 590.354 285.93 590.118 285.925H589.805C589.701 285.862 589.597 285.779 589.388 285.57C586.461 282.311 582.961 279.616 579.062 277.621ZM688.749 271.612L769.607 352.482C786.4 369.298 794.807 377.686 797.873 387.408C798.332 388.848 798.708 390.288 799 391.769L605.764 309.919C605.66 309.876 605.556 309.834 605.451 309.794C604.679 309.481 603.782 309.126 603.782 308.333C603.782 307.54 604.7 307.165 605.472 306.852L605.722 306.747L688.749 271.612ZM795.704 417.724C791.532 425.569 783.396 433.706 769.628 447.497L678.465 538.653L560.558 514.096L559.932 513.971C558.889 513.804 557.783 513.616 557.783 512.677C557.336 507.813 555.891 503.092 553.541 498.81C551.19 494.528 547.983 490.775 544.119 487.786C543.64 487.306 543.765 486.555 543.911 485.867C543.911 485.762 543.911 485.658 543.953 485.575L566.128 349.415L566.211 348.956C566.336 347.913 566.524 346.702 567.463 346.702C572.215 346.111 576.802 344.58 580.957 342.198C585.111 339.816 588.75 336.63 591.662 332.828C591.85 332.619 591.975 332.389 592.225 332.264C592.893 331.951 593.685 332.264 594.374 332.556L795.704 417.724ZM657.499 559.622L507.592 709.552L533.251 551.819L533.293 551.61C533.313 551.401 533.355 551.193 533.418 551.005C533.626 550.504 534.169 550.295 534.69 550.087L534.941 549.983C540.559 547.585 545.528 543.888 549.439 539.196C549.94 538.612 550.545 538.048 551.317 537.944C551.517 537.911 551.721 537.911 551.921 537.944L657.479 559.643L657.499 559.622ZM475.862 741.287L458.965 758.187L272.154 488.162C272.086 488.063 272.016 487.966 271.945 487.87C271.653 487.473 271.34 487.077 271.403 486.618C271.423 486.284 271.632 485.992 271.862 485.742L272.07 485.47C272.633 484.636 273.113 483.801 273.635 482.904L274.052 482.174L274.115 482.111C274.407 481.61 274.678 481.131 275.178 480.859C275.617 480.651 276.221 480.734 276.701 480.839L483.664 523.527C484.243 523.617 484.789 523.854 485.249 524.215C485.521 524.486 485.583 524.779 485.646 525.112C487.089 530.575 489.776 535.631 493.496 539.883C497.216 544.136 501.869 547.471 507.091 549.628C507.675 549.92 507.425 550.567 507.154 551.255C507.018 551.557 506.913 551.872 506.841 552.194C504.233 568.051 481.87 704.461 475.862 741.287ZM440.565 776.568C428.111 788.899 420.768 795.429 412.465 798.058C404.279 800.647 395.493 800.647 387.307 798.058C377.585 794.97 369.178 786.583 352.385 769.766L164.782 582.134L213.784 506.126C214.014 505.75 214.243 505.417 214.619 505.145C215.14 504.77 215.891 504.937 216.517 505.145C227.765 508.539 239.841 507.927 250.688 503.414C251.251 503.205 251.814 503.059 252.252 503.455C252.471 503.655 252.667 503.879 252.836 504.123L440.565 776.568ZM146.695 564.045L103.659 521.002L188.647 484.74C188.864 484.645 189.098 484.596 189.335 484.594C190.044 484.594 190.462 485.303 190.837 485.95C191.691 487.264 192.596 488.545 193.549 489.789L193.82 490.123C194.071 490.478 193.904 490.832 193.653 491.166L146.695 564.045ZM84.6125 501.953L30.1651 447.497C20.9028 438.234 14.1855 431.515 9.51265 425.736L175.066 460.079C175.274 460.117 175.483 460.152 175.692 460.183C176.714 460.35 177.841 460.538 177.841 461.497C177.841 462.541 176.61 463.02 175.567 463.417L175.087 463.625L84.6125 501.953ZM0 397.736C0.188671 394.228 0.819494 390.758 1.8775 387.408C4.96494 377.686 13.3511 369.298 30.1651 352.482L99.8411 282.795C131.922 329.362 164.09 375.868 196.344 422.314C196.908 423.065 197.534 423.9 196.887 424.526C193.841 427.885 190.795 431.557 188.647 435.542C188.414 436.055 188.055 436.499 187.604 436.836C187.332 437.003 187.04 436.94 186.727 436.878H186.686L0 397.736ZM118.491 264.143L212.178 170.441C220.981 174.301 253.024 187.842 281.687 199.943C303.383 209.124 323.159 217.469 329.376 220.182C330.001 220.432 330.565 220.682 330.836 221.308C331.003 221.684 330.919 222.164 330.836 222.56C329.353 229.324 329.573 236.35 331.478 243.007C333.382 249.665 336.911 255.744 341.746 260.7C342.372 261.326 341.746 262.223 341.204 262.995L340.912 263.433L245.785 410.797C245.535 411.215 245.305 411.569 244.888 411.84C244.387 412.153 243.678 412.007 243.094 411.861C239.394 410.892 235.591 410.373 231.767 410.317C228.345 410.317 224.632 410.943 220.877 411.632C220.46 411.694 220.063 411.778 219.73 411.527C219.361 411.226 219.044 410.867 218.791 410.463L118.491 264.143ZM231.099 151.517L352.385 30.2128C369.178 13.4171 377.585 5.00883 387.307 1.94178C395.493 -0.647262 404.279 -0.647262 412.465 1.94178C422.186 5.00883 430.593 13.4171 447.387 30.2128L473.672 56.5018L387.411 190.116C387.198 190.505 386.906 190.846 386.556 191.118C386.034 191.472 385.304 191.326 384.678 191.118C377.877 189.054 370.676 188.678 363.697 190.023C356.718 191.368 350.172 194.393 344.625 198.838C344.062 199.422 343.227 199.088 342.518 198.775C331.253 193.872 243.636 156.838 231.099 151.517ZM491.988 74.8205L571.635 154.48L552.443 273.365V273.678C552.426 273.948 552.37 274.216 552.276 274.47C552.068 274.888 551.65 274.971 551.233 275.096C547.13 276.339 543.265 278.265 539.801 280.792C539.652 280.898 539.513 281.017 539.384 281.147C539.155 281.397 538.925 281.627 538.549 281.669C538.244 281.678 537.939 281.628 537.652 281.522L416.283 229.946L416.053 229.842C415.281 229.529 414.364 229.153 414.364 228.36C413.65 221.596 411.441 215.075 407.897 209.27C407.312 208.31 406.666 207.308 407.166 206.328L491.988 74.8205ZM409.962 254.378L523.738 302.574C524.364 302.867 525.052 303.138 525.324 303.785C525.432 304.174 525.432 304.585 525.324 304.974C524.99 306.643 524.698 308.542 524.698 310.461V313.653C524.698 314.446 523.884 314.78 523.133 315.093L522.904 315.176C504.88 322.875 269.859 423.107 269.504 423.107C269.15 423.107 268.774 423.107 268.419 422.752C267.794 422.127 268.419 421.25 268.983 420.457C269.082 420.32 269.18 420.181 269.275 420.04L362.774 275.242L362.941 274.992C363.483 274.116 364.109 273.135 365.111 273.135L366.049 273.281C368.177 273.573 370.055 273.844 371.953 273.844C386.138 273.844 399.281 266.938 407.208 255.129C407.397 254.814 407.637 254.532 407.917 254.295C408.481 253.877 409.315 254.086 409.962 254.378ZM279.664 446.016L535.838 336.75C535.838 336.75 536.213 336.75 536.568 337.105C537.965 338.503 539.155 339.442 540.302 340.318L540.865 340.673C541.387 340.965 541.908 341.299 541.95 341.841C541.95 342.05 541.95 342.175 541.908 342.363L519.962 477.187L519.879 477.73C519.733 478.773 519.587 479.962 518.606 479.962C512.755 480.357 507.089 482.173 502.098 485.252C497.107 488.332 492.942 492.582 489.964 497.634L489.86 497.801C489.568 498.281 489.297 498.74 488.817 498.99C488.379 499.199 487.815 499.116 487.356 499.011L283.064 456.865C282.855 456.824 279.893 446.037 279.664 446.016Z" fill="#20C6B7"/>
</svg>
</div>
<div class="projectDes">
<a class="seemoreButton" href="https://themedguidecompany.com/" target="_blank" aria-label="to TMGC website">
<div class="seemore">< Visit page ></div>
</a>
</div>
</div>
<div class="project webProject">
<div class="projectTitle">HANG.VO.INTERIOR </div>
<div class="projectImage">
<img class="picture" src="./images/hangvo.webp" alt="hangvo website">
</div>
<div class="projectSoftware">
<svg class="softwareIcon" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.0994928 0C-0.0120531 0.0162426 -0.0038339 0.150685 0.00418958 0.285323C0.00418958 33.4884 0.00418958 66.6864 0.00418958 99.8888C33.1478 100.111 66.6985 99.9205 100 99.9839C100 66.6553 100 33.3284 100 0C66.701 0 33.3987 0 0.0994928 0ZM50.7619 88.3888C48.4484 90.7213 44.7975 92.0948 40.3061 92.0948C32.9396 92.0948 28.8496 88.5058 26.2388 83.5408C28.7519 81.9361 31.3202 80.3858 33.9382 78.8843C35.0059 81.871 38.6126 85.2287 42.6824 83.1616C45.2623 81.8506 44.9644 77.8759 44.9644 73.562C44.9644 64.6045 44.9644 54.2708 44.9644 46.1898C44.9562 46.0552 44.9482 45.9207 45.0588 45.9045C48.1325 45.9045 51.2061 45.9045 54.2791 45.9045C54.2791 53.1037 54.2791 61.2473 54.2791 68.9043C54.2791 77.2405 54.8748 84.2442 50.7619 88.3888ZM92.0149 80.1207C91.4916 87.9258 85.118 92.0704 76.5217 92.0948C68.0947 92.1191 62.701 88.3741 59.4116 82.5905C61.7765 80.963 64.4562 79.6518 66.9214 78.1244C68.894 81.2088 72.3102 84.1733 77.3771 83.7314C80.5339 83.4563 84.1983 80.8831 82.1296 76.9835C81.1262 75.0931 78.7018 74.1328 76.5217 73.1821C69.6036 70.1637 61.4869 67.3953 62.2632 56.5497C62.5229 52.9266 64.1912 50.3804 66.3511 48.5661C68.5646 46.707 71.5292 45.461 75.4761 45.335C82.6442 45.1054 86.5765 48.2939 89.2587 52.7487C86.9761 54.4886 84.4615 55.9988 81.9396 57.5003C81.112 54.9573 77.1168 52.4792 73.765 53.9839C72.2407 54.6675 70.8711 56.6769 71.6742 59.1158C72.3904 61.291 75.312 62.4816 77.6623 63.4884C84.7761 66.5334 92.7262 69.5093 92.0149 80.1207Z" fill="#FFDF00"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 823 823" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M174.25 0H211.34V36.65H245.28V0H282.37V110.98H245.28V73.82H211.35V110.98H174.25V0Z" fill="white"/>
<path d="M298.5 36.8V0H400.92V36.8H368.25V110.98H331.16V36.8H298.5Z" fill="white"/>
<path d="M417.18 0H455.86L479.65 39L503.42 0H542.11V110.98H505.17V55.98L479.65 95.43H479.01L453.48 55.98V110.98H417.18V0Z" fill="white"/>
<path d="M560.58 0H597.68V74.3H649.85V110.98H560.58V0Z" fill="white"/>
<path d="M314.95 431.14H411.03L411.08 356.39H308.27L314.95 431.14Z" fill="#E34B24"/>
<path d="M120 161.74L173.06 756.9L411.17 823L649.94 756.81L703.06 161.74H120ZM600.41 711.5L410.8 769.26L410.85 696.66L261.67 655.24L251.44 540.63H324.72L329.92 598.85L410.9 620.72L410.98 504.14H248.18L228.49 283.4H411.12L411.17 215.3H646.59L600.41 711.51V711.5Z" fill="#E34B24"/>
<path d="M411.28 620.78L492.7 598.81L501.16 504.14H410.98L410.91 620.72L411.21 620.8L411.28 620.78Z" fill="#F26837"/>
<path d="M411.13 283.4H594.13L587.6 356.39H411.08L411.03 431.14H580.96L579.18 450.74L560.93 655.24L411.54 696.64V696.66L411.2 696.75L410.85 696.66L410.81 769.26L600.41 711.5L646.6 215.3H411.18L411.13 283.4Z" fill="#F26837"/>
<path d="M587.6 356.39L594.13 283.4H411.13H228.5L248.19 504.14H410.98H501.16L492.7 598.81L411.28 620.78L411.21 620.8L410.91 620.72L329.92 598.85L324.72 540.63H251.45L261.68 655.24L410.85 696.66L411.2 696.75L411.54 696.66V696.64L560.93 655.24L579.18 450.74L580.96 431.14H411.03H314.95L308.27 356.39H411.08H587.6Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 823 823" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M328.113 74.3806V109.839H237.436V0H328.113V38.8601H276.296V74.3806H328.113Z" fill="white"/>
<path d="M421.336 38.8601H457.557V0H366.87V38.8601C379.002 50.9923 385.331 56.7956 402.875 74.3496C392.619 74.3496 366.87 74.3806 366.87 74.3806V109.839H457.557V74.3806L421.336 38.8704V38.8601Z" fill="white"/>
<path d="M549.863 38.8601H586.084V0H495.397V38.8601C507.529 50.9923 513.858 56.7956 531.402 74.3496C521.146 74.3496 495.397 74.3806 495.397 74.3806V109.839H586.084V74.3806L549.863 38.8704V38.8601Z" fill="white"/>
<path d="M411.131 430.729H411.76V430.451L411.544 430.544L411.131 430.729Z" fill="black"/>
<path d="M118 162.048L173.074 758.742L411.76 823L650.435 758.742L705.52 162.048H118ZM602.865 721.758L411.76 773.842V697.885L411.544 697.823V697.905L260.958 653.376L251.248 540.836H326L330.855 599.126L410.874 619.33L411.554 619.144V619.216L411.77 619.154V501.688H411.554L246.393 501.151L240.724 430.719L411.554 359.565L411.77 359.472L421.511 355.421H234.23L225.324 283.37H411.75V212.329H648.693L602.855 721.758H602.865Z" fill="#026DB8"/>
<path d="M500.066 501.976L411.76 501.687V619.154L494.397 595.89L500.066 501.976Z" fill="#129FDA"/>
<path d="M411.76 283.37H594.526L587.239 355.431L411.76 430.451V430.729H581.033L561.603 654.18L411.812 697.905L411.76 697.885V773.853L602.865 721.758L648.704 212.329H411.76V283.37Z" fill="#129FDA"/>
<path d="M411.76 430.451L587.239 355.431L594.526 283.37H411.76H225.334L234.23 355.431H421.501L411.76 359.482L411.544 359.575L240.714 430.719L246.383 501.151L411.544 501.687H411.76L500.066 501.976L494.397 595.89L411.76 619.154L411.544 619.216V619.144L410.863 619.33L330.844 599.126L325.989 540.836H251.238L260.958 653.376L411.544 697.905V697.823L411.76 697.885L411.812 697.905L561.603 654.18L581.033 430.729H411.76H411.131L411.544 430.544L411.76 430.451Z" fill="white"/>
</svg>
</div>
<div class="projectDes">
<a class="seemoreButton" href="https://hangvo0693.github.io/portfolio" target="_blank" aria-label="to hangvo website">
<div class="seemore">< Visit page ></div>
</a>
</div>
</div>
<div class="project webProject">
<div class="projectTitle">POKEDEX</div>
<div class="projectImage">
<img class="picture" src="./images/pokedex.webp" alt="pokedex website">
</div>
<div class="projectSoftware">
<svg class="softwareIcon" viewBox="0 0 823 823" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M174.25 0H211.34V36.65H245.28V0H282.37V110.98H245.28V73.82H211.35V110.98H174.25V0Z" fill="white"/>
<path d="M298.5 36.8V0H400.92V36.8H368.25V110.98H331.16V36.8H298.5Z" fill="white"/>
<path d="M417.18 0H455.86L479.65 39L503.42 0H542.11V110.98H505.17V55.98L479.65 95.43H479.01L453.48 55.98V110.98H417.18V0Z" fill="white"/>
<path d="M560.58 0H597.68V74.3H649.85V110.98H560.58V0Z" fill="white"/>
<path d="M314.95 431.14H411.03L411.08 356.39H308.27L314.95 431.14Z" fill="#E34B24"/>
<path d="M120 161.74L173.06 756.9L411.17 823L649.94 756.81L703.06 161.74H120ZM600.41 711.5L410.8 769.26L410.85 696.66L261.67 655.24L251.44 540.63H324.72L329.92 598.85L410.9 620.72L410.98 504.14H248.18L228.49 283.4H411.12L411.17 215.3H646.59L600.41 711.51V711.5Z" fill="#E34B24"/>
<path d="M411.28 620.78L492.7 598.81L501.16 504.14H410.98L410.91 620.72L411.21 620.8L411.28 620.78Z" fill="#F26837"/>
<path d="M411.13 283.4H594.13L587.6 356.39H411.08L411.03 431.14H580.96L579.18 450.74L560.93 655.24L411.54 696.64V696.66L411.2 696.75L410.85 696.66L410.81 769.26L600.41 711.5L646.6 215.3H411.18L411.13 283.4Z" fill="#F26837"/>
<path d="M587.6 356.39L594.13 283.4H411.13H228.5L248.19 504.14H410.98H501.16L492.7 598.81L411.28 620.78L411.21 620.8L410.91 620.72L329.92 598.85L324.72 540.63H251.45L261.68 655.24L410.85 696.66L411.2 696.75L411.54 696.66V696.64L560.93 655.24L579.18 450.74L580.96 431.14H411.03H314.95L308.27 356.39H411.08H587.6Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 823 823" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M328.113 74.3806V109.839H237.436V0H328.113V38.8601H276.296V74.3806H328.113Z" fill="white"/>
<path d="M421.336 38.8601H457.557V0H366.87V38.8601C379.002 50.9923 385.331 56.7956 402.875 74.3496C392.619 74.3496 366.87 74.3806 366.87 74.3806V109.839H457.557V74.3806L421.336 38.8704V38.8601Z" fill="white"/>
<path d="M549.863 38.8601H586.084V0H495.397V38.8601C507.529 50.9923 513.858 56.7956 531.402 74.3496C521.146 74.3496 495.397 74.3806 495.397 74.3806V109.839H586.084V74.3806L549.863 38.8704V38.8601Z" fill="white"/>
<path d="M411.131 430.729H411.76V430.451L411.544 430.544L411.131 430.729Z" fill="black"/>
<path d="M118 162.048L173.074 758.742L411.76 823L650.435 758.742L705.52 162.048H118ZM602.865 721.758L411.76 773.842V697.885L411.544 697.823V697.905L260.958 653.376L251.248 540.836H326L330.855 599.126L410.874 619.33L411.554 619.144V619.216L411.77 619.154V501.688H411.554L246.393 501.151L240.724 430.719L411.554 359.565L411.77 359.472L421.511 355.421H234.23L225.324 283.37H411.75V212.329H648.693L602.855 721.758H602.865Z" fill="#026DB8"/>
<path d="M500.066 501.976L411.76 501.687V619.154L494.397 595.89L500.066 501.976Z" fill="#129FDA"/>
<path d="M411.76 283.37H594.526L587.239 355.431L411.76 430.451V430.729H581.033L561.603 654.18L411.812 697.905L411.76 697.885V773.853L602.865 721.758L648.704 212.329H411.76V283.37Z" fill="#129FDA"/>
<path d="M411.76 430.451L587.239 355.431L594.526 283.37H411.76H225.334L234.23 355.431H421.501L411.76 359.482L411.544 359.575L240.714 430.719L246.383 501.151L411.544 501.687H411.76L500.066 501.976L494.397 595.89L411.76 619.154L411.544 619.216V619.144L410.863 619.33L330.844 599.126L325.989 540.836H251.238L260.958 653.376L411.544 697.905V697.823L411.76 697.885L411.812 697.905L561.603 654.18L581.033 430.729H411.76H411.131L411.544 430.544L411.76 430.451Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23 132.756L395.096 0L777 130.447L715.272 622.799L395.096 800L80.1125 625.108L23 132.756Z" fill="#E23237"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M777 130.447L395.096 0V800L715.272 622.799L777 130.447Z" fill="#B52E31"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M395.673 93.5065L163.762 609.524L250.296 607.792L297.024 491.198H504.129L554.896 608.947L637.392 610.678L395.673 93.5065ZM396.25 259.163L474.708 423.088H327.6L396.25 259.163Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 400V0H800V800H0" fill="#007ACC"/>
<path d="M175.4 401.4V434H279.4V730H353.2V434H457.2V402C457.2 384 457.2 369.4 456.4 369C456.4 368.4 393 368.2 316 368.2L176 368.8V401.6L175.4 401.4ZM642.8 368C663.2 372.8 678.8 382 692.8 396.6C700.2 404.6 711.2 418.6 712 422.2C712 423.4 677.4 446.8 656.4 459.8C655.6 460.4 652.4 457 649.2 451.8C638.8 437 628.2 430.6 611.6 429.4C587.6 427.8 571.6 440.4 571.6 461.4C571.6 467.8 572.8 471.4 575.2 476.6C580.6 487.6 590.6 494.2 621.6 507.8C678.8 532.4 703.6 548.6 718.6 571.8C735.6 597.8 739.4 638.6 728 669.2C715.2 702.6 684 725.2 639.4 732.6C625.4 735 593.4 734.6 578.4 732C546.4 726 515.8 710 497 689.4C489.6 681.4 475.4 660 476.2 658.6L483.8 653.8L513.8 636.4L536.4 623.2L541.6 630.2C548.2 640.6 563 654.6 571.6 659.4C597.6 672.8 632.4 671 649.6 655.4C657 648.6 660.2 641.4 660.2 631.4C660.2 622.2 658.8 618 654.2 611C647.8 602.2 635 595 599 579C557.6 561.4 540 550.2 523.6 533C514.2 522.6 505.6 506.4 501.6 493C498.6 481.4 497.6 453 500.4 441.6C509 401.6 539.2 373.6 582.4 365.6C596.4 362.8 629.4 364 643.2 367.6L642.8 368Z" fill="white"/>
</svg>
</div>
<div class="projectDes">
<a class="seemoreButton" href="https://hovinhthanh7893.github.io/pokedex/" target="_blank" aria-label="to pokedex website">
<div class="seemore">< Visit page ></div>
</a>
</div>
</div>
<div class="project webProject">
<div class="projectTitle">NUMEROLOGY</div>
<div class="projectImage">
<img class="picture" src="./images/ezgif.com-webp-to-jpg.jpg" alt="numerology website">
</div>
<div class="projectSoftware">
<svg class="softwareIcon" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.0994928 0C-0.0120531 0.0162426 -0.0038339 0.150685 0.00418958 0.285323C0.00418958 33.4884 0.00418958 66.6864 0.00418958 99.8888C33.1478 100.111 66.6985 99.9205 100 99.9839C100 66.6553 100 33.3284 100 0C66.701 0 33.3987 0 0.0994928 0ZM50.7619 88.3888C48.4484 90.7213 44.7975 92.0948 40.3061 92.0948C32.9396 92.0948 28.8496 88.5058 26.2388 83.5408C28.7519 81.9361 31.3202 80.3858 33.9382 78.8843C35.0059 81.871 38.6126 85.2287 42.6824 83.1616C45.2623 81.8506 44.9644 77.8759 44.9644 73.562C44.9644 64.6045 44.9644 54.2708 44.9644 46.1898C44.9562 46.0552 44.9482 45.9207 45.0588 45.9045C48.1325 45.9045 51.2061 45.9045 54.2791 45.9045C54.2791 53.1037 54.2791 61.2473 54.2791 68.9043C54.2791 77.2405 54.8748 84.2442 50.7619 88.3888ZM92.0149 80.1207C91.4916 87.9258 85.118 92.0704 76.5217 92.0948C68.0947 92.1191 62.701 88.3741 59.4116 82.5905C61.7765 80.963 64.4562 79.6518 66.9214 78.1244C68.894 81.2088 72.3102 84.1733 77.3771 83.7314C80.5339 83.4563 84.1983 80.8831 82.1296 76.9835C81.1262 75.0931 78.7018 74.1328 76.5217 73.1821C69.6036 70.1637 61.4869 67.3953 62.2632 56.5497C62.5229 52.9266 64.1912 50.3804 66.3511 48.5661C68.5646 46.707 71.5292 45.461 75.4761 45.335C82.6442 45.1054 86.5765 48.2939 89.2587 52.7487C86.9761 54.4886 84.4615 55.9988 81.9396 57.5003C81.112 54.9573 77.1168 52.4792 73.765 53.9839C72.2407 54.6675 70.8711 56.6769 71.6742 59.1158C72.3904 61.291 75.312 62.4816 77.6623 63.4884C84.7761 66.5334 92.7262 69.5093 92.0149 80.1207Z" fill="#FFDF00"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 823 823" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M174.25 0H211.34V36.65H245.28V0H282.37V110.98H245.28V73.82H211.35V110.98H174.25V0Z" fill="white"/>
<path d="M298.5 36.8V0H400.92V36.8H368.25V110.98H331.16V36.8H298.5Z" fill="white"/>
<path d="M417.18 0H455.86L479.65 39L503.42 0H542.11V110.98H505.17V55.98L479.65 95.43H479.01L453.48 55.98V110.98H417.18V0Z" fill="white"/>
<path d="M560.58 0H597.68V74.3H649.85V110.98H560.58V0Z" fill="white"/>
<path d="M314.95 431.14H411.03L411.08 356.39H308.27L314.95 431.14Z" fill="#E34B24"/>
<path d="M120 161.74L173.06 756.9L411.17 823L649.94 756.81L703.06 161.74H120ZM600.41 711.5L410.8 769.26L410.85 696.66L261.67 655.24L251.44 540.63H324.72L329.92 598.85L410.9 620.72L410.98 504.14H248.18L228.49 283.4H411.12L411.17 215.3H646.59L600.41 711.51V711.5Z" fill="#E34B24"/>
<path d="M411.28 620.78L492.7 598.81L501.16 504.14H410.98L410.91 620.72L411.21 620.8L411.28 620.78Z" fill="#F26837"/>
<path d="M411.13 283.4H594.13L587.6 356.39H411.08L411.03 431.14H580.96L579.18 450.74L560.93 655.24L411.54 696.64V696.66L411.2 696.75L410.85 696.66L410.81 769.26L600.41 711.5L646.6 215.3H411.18L411.13 283.4Z" fill="#F26837"/>
<path d="M587.6 356.39L594.13 283.4H411.13H228.5L248.19 504.14H410.98H501.16L492.7 598.81L411.28 620.78L411.21 620.8L410.91 620.72L329.92 598.85L324.72 540.63H251.45L261.68 655.24L410.85 696.66L411.2 696.75L411.54 696.66V696.64L560.93 655.24L579.18 450.74L580.96 431.14H411.03H314.95L308.27 356.39H411.08H587.6Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 823 823" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M328.113 74.3806V109.839H237.436V0H328.113V38.8601H276.296V74.3806H328.113Z" fill="white"/>
<path d="M421.336 38.8601H457.557V0H366.87V38.8601C379.002 50.9923 385.331 56.7956 402.875 74.3496C392.619 74.3496 366.87 74.3806 366.87 74.3806V109.839H457.557V74.3806L421.336 38.8704V38.8601Z" fill="white"/>
<path d="M549.863 38.8601H586.084V0H495.397V38.8601C507.529 50.9923 513.858 56.7956 531.402 74.3496C521.146 74.3496 495.397 74.3806 495.397 74.3806V109.839H586.084V74.3806L549.863 38.8704V38.8601Z" fill="white"/>
<path d="M411.131 430.729H411.76V430.451L411.544 430.544L411.131 430.729Z" fill="black"/>
<path d="M118 162.048L173.074 758.742L411.76 823L650.435 758.742L705.52 162.048H118ZM602.865 721.758L411.76 773.842V697.885L411.544 697.823V697.905L260.958 653.376L251.248 540.836H326L330.855 599.126L410.874 619.33L411.554 619.144V619.216L411.77 619.154V501.688H411.554L246.393 501.151L240.724 430.719L411.554 359.565L411.77 359.472L421.511 355.421H234.23L225.324 283.37H411.75V212.329H648.693L602.855 721.758H602.865Z" fill="#026DB8"/>
<path d="M500.066 501.976L411.76 501.687V619.154L494.397 595.89L500.066 501.976Z" fill="#129FDA"/>
<path d="M411.76 283.37H594.526L587.239 355.431L411.76 430.451V430.729H581.033L561.603 654.18L411.812 697.905L411.76 697.885V773.853L602.865 721.758L648.704 212.329H411.76V283.37Z" fill="#129FDA"/>
<path d="M411.76 430.451L587.239 355.431L594.526 283.37H411.76H225.334L234.23 355.431H421.501L411.76 359.482L411.544 359.575L240.714 430.719L246.383 501.151L411.544 501.687H411.76L500.066 501.976L494.397 595.89L411.76 619.154L411.544 619.216V619.144L410.863 619.33L330.844 599.126L325.989 540.836H251.238L260.958 653.376L411.544 697.905V697.823L411.76 697.885L411.812 697.905L561.603 654.18L581.033 430.729H411.76H411.131L411.544 430.544L411.76 430.451Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 774" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 53L400 720.575L800 53H640L400 453.545L158 53H0Z" fill="#41B883"/>
<path d="M158 53L400 455.48L640 53H492L400 207.8L306 53H158Z" fill="#35495E"/>
</svg>
</div>
<div class="projectDes">
<a class="seemoreButton" href="https://hovinhthanh7893.github.io/numerology/" target="_blank" aria-label="to numerology website">
<div class="seemore">< Visit page ></div>
</a>
</div>
</div>
<div class="project webProject">
<div class="projectTitle">VEGACORNER</div>
<div class="projectImage">
<img class="picture" src="./images/vegacorner.jpg" alt="vegacorner website">
</div>
<div class="projectSoftware">
<svg class="softwareIcon" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.0994928 0C-0.0120531 0.0162426 -0.0038339 0.150685 0.00418958 0.285323C0.00418958 33.4884 0.00418958 66.6864 0.00418958 99.8888C33.1478 100.111 66.6985 99.9205 100 99.9839C100 66.6553 100 33.3284 100 0C66.701 0 33.3987 0 0.0994928 0ZM50.7619 88.3888C48.4484 90.7213 44.7975 92.0948 40.3061 92.0948C32.9396 92.0948 28.8496 88.5058 26.2388 83.5408C28.7519 81.9361 31.3202 80.3858 33.9382 78.8843C35.0059 81.871 38.6126 85.2287 42.6824 83.1616C45.2623 81.8506 44.9644 77.8759 44.9644 73.562C44.9644 64.6045 44.9644 54.2708 44.9644 46.1898C44.9562 46.0552 44.9482 45.9207 45.0588 45.9045C48.1325 45.9045 51.2061 45.9045 54.2791 45.9045C54.2791 53.1037 54.2791 61.2473 54.2791 68.9043C54.2791 77.2405 54.8748 84.2442 50.7619 88.3888ZM92.0149 80.1207C91.4916 87.9258 85.118 92.0704 76.5217 92.0948C68.0947 92.1191 62.701 88.3741 59.4116 82.5905C61.7765 80.963 64.4562 79.6518 66.9214 78.1244C68.894 81.2088 72.3102 84.1733 77.3771 83.7314C80.5339 83.4563 84.1983 80.8831 82.1296 76.9835C81.1262 75.0931 78.7018 74.1328 76.5217 73.1821C69.6036 70.1637 61.4869 67.3953 62.2632 56.5497C62.5229 52.9266 64.1912 50.3804 66.3511 48.5661C68.5646 46.707 71.5292 45.461 75.4761 45.335C82.6442 45.1054 86.5765 48.2939 89.2587 52.7487C86.9761 54.4886 84.4615 55.9988 81.9396 57.5003C81.112 54.9573 77.1168 52.4792 73.765 53.9839C72.2407 54.6675 70.8711 56.6769 71.6742 59.1158C72.3904 61.291 75.312 62.4816 77.6623 63.4884C84.7761 66.5334 92.7262 69.5093 92.0149 80.1207Z" fill="#FFDF00"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 823 823" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M174.25 0H211.34V36.65H245.28V0H282.37V110.98H245.28V73.82H211.35V110.98H174.25V0Z" fill="white"/>
<path d="M298.5 36.8V0H400.92V36.8H368.25V110.98H331.16V36.8H298.5Z" fill="white"/>
<path d="M417.18 0H455.86L479.65 39L503.42 0H542.11V110.98H505.17V55.98L479.65 95.43H479.01L453.48 55.98V110.98H417.18V0Z" fill="white"/>
<path d="M560.58 0H597.68V74.3H649.85V110.98H560.58V0Z" fill="white"/>
<path d="M314.95 431.14H411.03L411.08 356.39H308.27L314.95 431.14Z" fill="#E34B24"/>
<path d="M120 161.74L173.06 756.9L411.17 823L649.94 756.81L703.06 161.74H120ZM600.41 711.5L410.8 769.26L410.85 696.66L261.67 655.24L251.44 540.63H324.72L329.92 598.85L410.9 620.72L410.98 504.14H248.18L228.49 283.4H411.12L411.17 215.3H646.59L600.41 711.51V711.5Z" fill="#E34B24"/>
<path d="M411.28 620.78L492.7 598.81L501.16 504.14H410.98L410.91 620.72L411.21 620.8L411.28 620.78Z" fill="#F26837"/>
<path d="M411.13 283.4H594.13L587.6 356.39H411.08L411.03 431.14H580.96L579.18 450.74L560.93 655.24L411.54 696.64V696.66L411.2 696.75L410.85 696.66L410.81 769.26L600.41 711.5L646.6 215.3H411.18L411.13 283.4Z" fill="#F26837"/>
<path d="M587.6 356.39L594.13 283.4H411.13H228.5L248.19 504.14H410.98H501.16L492.7 598.81L411.28 620.78L411.21 620.8L410.91 620.72L329.92 598.85L324.72 540.63H251.45L261.68 655.24L410.85 696.66L411.2 696.75L411.54 696.66V696.64L560.93 655.24L579.18 450.74L580.96 431.14H411.03H314.95L308.27 356.39H411.08H587.6Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 823 823" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M328.113 74.3806V109.839H237.436V0H328.113V38.8601H276.296V74.3806H328.113Z" fill="white"/>
<path d="M421.336 38.8601H457.557V0H366.87V38.8601C379.002 50.9923 385.331 56.7956 402.875 74.3496C392.619 74.3496 366.87 74.3806 366.87 74.3806V109.839H457.557V74.3806L421.336 38.8704V38.8601Z" fill="white"/>
<path d="M549.863 38.8601H586.084V0H495.397V38.8601C507.529 50.9923 513.858 56.7956 531.402 74.3496C521.146 74.3496 495.397 74.3806 495.397 74.3806V109.839H586.084V74.3806L549.863 38.8704V38.8601Z" fill="white"/>
<path d="M411.131 430.729H411.76V430.451L411.544 430.544L411.131 430.729Z" fill="black"/>
<path d="M118 162.048L173.074 758.742L411.76 823L650.435 758.742L705.52 162.048H118ZM602.865 721.758L411.76 773.842V697.885L411.544 697.823V697.905L260.958 653.376L251.248 540.836H326L330.855 599.126L410.874 619.33L411.554 619.144V619.216L411.77 619.154V501.688H411.554L246.393 501.151L240.724 430.719L411.554 359.565L411.77 359.472L421.511 355.421H234.23L225.324 283.37H411.75V212.329H648.693L602.855 721.758H602.865Z" fill="#026DB8"/>
<path d="M500.066 501.976L411.76 501.687V619.154L494.397 595.89L500.066 501.976Z" fill="#129FDA"/>
<path d="M411.76 283.37H594.526L587.239 355.431L411.76 430.451V430.729H581.033L561.603 654.18L411.812 697.905L411.76 697.885V773.853L602.865 721.758L648.704 212.329H411.76V283.37Z" fill="#129FDA"/>
<path d="M411.76 430.451L587.239 355.431L594.526 283.37H411.76H225.334L234.23 355.431H421.501L411.76 359.482L411.544 359.575L240.714 430.719L246.383 501.151L411.544 501.687H411.76L500.066 501.976L494.397 595.89L411.76 619.154L411.544 619.216V619.144L410.863 619.33L330.844 599.126L325.989 540.836H251.238L260.958 653.376L411.544 697.905V697.823L411.76 697.885L411.812 697.905L561.603 654.18L581.033 430.729H411.76H411.131L411.544 430.544L411.76 430.451Z" fill="white"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 760 760" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M305.41 30C250.482 30 205.956 73.1133 205.956 126.296V192.963H378.087V211.482H129.453C74.5267 211.482 30 254.595 30 307.778V452.223C30 505.405 74.5267 548.518 129.453 548.518H186.83V467.038C186.83 413.855 231.357 370.74 286.285 370.74H469.89C516.367 370.74 554.042 334.26 554.042 289.26V126.296C554.042 73.1133 509.517 30 454.59 30H305.41ZM282.46 148.519C301.472 148.519 316.885 133.595 316.885 115.185C316.885 96.7758 301.472 81.8518 282.46 81.8518C263.445 81.8518 248.032 96.7758 248.032 115.185C248.032 133.595 263.445 148.519 282.46 148.519Z" fill="#1271BF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M454.585 730C509.512 730 554.04 686.887 554.04 633.705V567.037H381.907V548.52H630.542C685.47 548.52 729.995 505.405 729.995 452.223V307.777C729.995 254.595 685.47 211.482 630.542 211.482H573.165V292.962C573.165 346.147 528.637 389.26 473.712 389.26H290.105C243.627 389.26 205.952 425.74 205.952 470.74V633.705C205.952 686.887 250.48 730 305.405 730H454.585ZM477.538 611.482C458.523 611.482 443.11 626.405 443.11 644.815C443.11 663.225 458.523 678.147 477.538 678.147C496.55 678.147 511.962 663.225 511.962 644.815C511.962 626.405 496.55 611.482 477.538 611.482Z" fill="#FFD42F"/>
</svg>
<svg class="softwareIcon" viewBox="0 0 800 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M400 0C179.167 0 0 179.167 0 400C0 620.9 179.167 800 400 800C620.867 800 800 620.9 800 400C800 179.167 620.9 0 400 0ZM379.2 720.667V469.733H239.667L440.1 79.3333V330.267H574.4L379.2 720.667Z" fill="#009688"/>
</svg>
</div>
<div class="projectDes">
<a class="seemoreButton" href="https://github.com/hovinhthanh7893/VegaCorner-app-back-end" target="_blank" aria-label="to vegacorner backend">
<div class="seemore">< Back-end ></div>
</a>
<a class="seemoreButton" href="https://github.com/hovinhthanh7893/VegaCorner-app-front-end" target="_blank" aria-label="to vegacorner frontend">
<div class="seemore">< Front-end ></div>
</a>
</div>
</div>
</div>
<div class="dotIndex">
<div class="dot dotWeb"></div>
<div class="dot dotWeb"></div>
<div class="dot dotWeb"></div>
<div class="dot dotWeb"></div>
<div class="dot dotWeb"></div>
</div>
</div>
<a href="#section4" class="nextButton2 content4" aria-label="to section 4">
<span class="next"></span>
<span class="next"></span>
<span class="next"></span>
</a>
</section>
<section id="section4">
<div class="secPortTit content1">I made some GAMEs too</div>
<div class="secPortDes content2">and I think they are amazing you may take a look :)</div>
<div class="secPortFrame content3">
<button class="leftright" id="prevGameButton" aria-label="to previous game"></button>
<button class="leftright" id="nextGameButton" aria-label="to previous next"></button>
<div class="wrapper" id="gameWrapper">
<div class="project gameProject">
<div class="projectTitle">THE TREE OF NEBROK</div>
<div class="projectImage">
<div class="imageWrap">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_eecd8218b9ef4d3886a128063ab6fc0f~mv2.jpg" alt="The tree of Nebrok 1">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_39f7b8d99b084406adb7c9e884f55f09~mv2.gif" alt="The tree of Nebrok 2">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_133bb835631643eba70dbae4c23ec181~mv2.jpg" alt="The tree of Nebrok 3">
</div>
</div>
<div class="imgIndex">
<div class="imgButton prevImg"></div>
<div class="dotGroup">
<div class="dotImg is-focus"></div>
<div class="dotImg"></div>
<div class="dotImg"></div>
</div>
<div class="imgButton nextImg"></div>
</div>
<div class="projectSecret" id="secret1"></div>
</div>
<div class="project gameProject">
<div class="projectTitle">MARIACHI EL FEROZ</div>
<div class="projectImage">
<div class="imageWrap">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_e64666bfca77494f9ce3e1c6ecdc5e4f~mv2.jpg" alt="Mariachi el Feroz 1">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_2d104235769d47d2844aa81dc8ac54cb~mv2.gif" alt="Mariachi el Feroz 2">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_ec940c90fb6744cfac8624831277519e~mv2.jpg" alt="Mariachi el Feroz 3">
</div>
</div>
<div class="imgIndex">
<div class="imgButton prevImg"></div>
<div class="dotGroup">
<div class="dotImg is-focus"></div>
<div class="dotImg"></div>
<div class="dotImg"></div>
</div>
<div class="imgButton nextImg"></div>
</div>
<div class="projectSecret" id="secret2"></div>
</div>
<div class="project gameProject">
<div class="projectTitle">GOUDEN EEUW</div>
<div class="projectImage">
<div class="imageWrap">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_f5adee10986c42b6990b4fd91583fae4~mv2.png" alt="Gouden eeuw 1">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_efe2f29859a1405d833748e64bcf6413~mv2.png" alt="Gouden eeuw 2">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_50fc96d691b24e198b4dd74a7529374a~mv2.png" alt="Gouden eeuw 3">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_b3cc7ab24cfd4f92a0c7296112702aeb~mv2.png" alt="Gouden eeuw 4">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_254fa8c6dfd84d33b99302c0563c536f~mv2.png" alt="Gouden eeuw 5">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_0b3eafd31a604665859f44ae754ef454~mv2.png" alt="Gouden eeuw 6">
</div>
</div>
<div class="imgIndex">
<div class="imgButton prevImg"></div>
<div class="dotGroup">
<div class="dotImg is-focus"></div>
<div class="dotImg"></div>
<div class="dotImg"></div>
<div class="dotImg"></div>
<div class="dotImg"></div>
<div class="dotImg"></div>
</div>
<div class="imgButton nextImg"></div>
</div>
<div class="projectSecret" id="secret3"></div>
<div class="projectDes">
<a class="seemoreButton" href="https://www.youtube.com/watch?v=--2FK0n3sLg" target="_blank" aria-label="to gouden eeuw trailer">
<div class="seemore">< More details ></div>
</a>
</div>
</div>
<div class="project gameProject">
<div class="projectTitle">INDIANA AARDEWERK</div>
<div class="projectImage">
<div class="imageWrap">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_42509055c98748fd88c09cbe92f5d789~mv2.gif" alt="Indiana aardewerk 1">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_d92fab550ae74f43b82ac3fafe3d57ee~mv2.png" alt="Indiana aardewerk 2">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_bec3022f81724e248719313c6ddc97d6~mv2.gif" alt="Indiana aardewerk 3">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_7fb3e80c56f441bdbc07cca2a2ac2065~mv2.gif" alt="Indiana aardewerk 4">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_ef7c2025ca93404b858c268c8aa97943~mv2.jpg" alt="Indiana aardewerk 5">
</div>
</div>
<div class="imgIndex">
<div class="imgButton prevImg"></div>
<div class="dotGroup">
<div class="dotImg is-focus"></div>
<div class="dotImg"></div>
<div class="dotImg"></div>
<div class="dotImg"></div>
<div class="dotImg"></div>
</div>
<div class="imgButton nextImg"></div>
</div>
<div class="projectSecret" id="secret4"></div>
<div class="projectDes">
<a class="seemoreButton" href="https://simmer.io/@hovinhthanh7893/indiana-aardewerk" target="_blank" aria-label="to play indiana aardewerk">
<div class="seemore">< Play game ></div>
</a>
</div>
</div>
<div class="project gameProject">
<div class="projectTitle">WIJNBROEDERS.NL</div>
<div class="projectImage">
<div class="imageWrap">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_cf1006598ea249c08f821bd012715dfd~mv2.jpg" alt="Wijnbroeders 1">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_d5ff0a15a973484790dbe8905f7036a9~mv2.gif" alt="Wijnbroeders 2">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_13b4d53c214242ecbc9d9b39516ea6ca~mv2.gif" alt="Wijnbroeders 3">
<img class="picture" src="https://static.wixstatic.com/media/0d77ad_39033ff9ea1c4fffba5630f2fc5d5e82~mv2.gif" alt="Wijnbroeders 4">
</div>
</div>
<div class="imgIndex">
<div class="imgButton prevImg"></div>
<div class="dotGroup">
<div class="dotImg is-focus"></div>
<div class="dotImg"></div>
<div class="dotImg"></div>
<div class="dotImg"></div>
</div>
<div class="imgButton nextImg"></div>
</div>
<div class="projectSecret" id="secret5"></div>
<div class="projectDes">
<a class="seemoreButton" href="https://www.youtube.com/watch?v=uP9qvj2_RJc" target="_blank" aria-label="to wijnbroeders trailer">
<div class="seemore">< Trailer ></div>
</a>
</div>
</div>
</div>
<div class="dotIndex">
<div class="dot dotGame"></div>
<div class="dot dotGame"></div>
<div class="dot dotGame"></div>
<div class="dot dotGame"></div>
<div class="dot dotGame"></div>
</div>
</div>
<a href="#section5" class="nextButton2 content4" aria-label="to section 5">
<span class="next"></span>
<span class="next"></span>
<span class="next"></span>
</a>
</section>
<section id="section5">
<div class="sec5Tit content1">
Let's get in touch!
<svg class="hand" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.47326 6.11763C7.0996 6.11763 6.73009 5.95156 6.48513 5.63187C6.0658 5.08799 6.1696 4.30329 6.71348 3.88396C7.4525 3.31517 9.10077 1.48007 9.91452 0.462875C10.3463 -0.0727081 11.1269 -0.159896 11.6666 0.26774C12.2022 0.699528 12.2894 1.48007 11.8617 2.0198C11.1019 2.97057 9.25854 5.07138 8.23304 5.86022C8.00469 6.0346 7.73898 6.11763 7.47326 6.11763Z" fill="#199BE2"/>
<path d="M9.9768 11.4195C9.64466 11.4195 9.31666 11.2908 9.07171 11.0292C8.5984 10.531 8.61916 9.74216 9.11738 9.26885C10.9068 7.57492 15.8267 2.75467 17.2383 1.10225C17.6867 0.579125 18.4714 0.521 18.9945 0.965243C19.5177 1.41364 19.5758 2.19833 19.1315 2.72146C17.5871 4.52334 12.5011 9.49305 10.8321 11.0749C10.5913 11.3032 10.284 11.4153 9.9768 11.4153V11.4195Z" fill="#199BE2"/>
<path d="M27.7465 39.9964C27.3853 39.9964 27.0241 39.8386 26.7792 39.5355C26.3474 38.9999 26.4304 38.2152 26.9618 37.7835C28.9132 36.2058 34.7797 32.2283 36.7352 31.3274C37.3621 31.0409 38.1011 31.3149 38.3876 31.9377C38.6741 32.5646 38.4001 33.3037 37.7773 33.5901C36.1415 34.3416 30.4743 38.1447 28.5312 39.7182C28.2987 39.905 28.0247 39.9964 27.7465 39.9964Z" fill="#199BE2"/>
<path d="M10.5165 36.4964C7.33625 33.312 4.75383 30.1358 3.50414 28.2883C2.25444 26.4407 1.92645 24.0493 1.76453 21.3298C1.60261 18.6104 1.0172 12.6277 0.294791 10.6722C-0.427624 8.71666 0.112111 7.60813 2.28766 8.09805C4.4632 8.58796 6.22357 11.4236 5.56758 13.0096C6.92522 14.7492 7.25322 15.9989 7.41514 16.8168C7.57706 17.6347 9.60314 17.3192 10.147 16.8293L26.2726 3.2695C27.9292 1.87034 30.6528 4.11646 29.1623 6.04705L21.1701 13.3916C19.7169 14.8655 21.3735 16.7047 22.6398 15.5671L32.7951 6.52036C34.9208 5.18348 36.9096 7.46697 35.4232 9.22318L25.8824 17.8506C24.7614 19.0256 25.571 20.9769 27.1694 19.9598L35.8509 12.4699C37.9018 10.9296 40.368 13.0262 38.5661 15.2475L30.1421 22.6377C28.9464 23.7794 29.8723 25.1371 31.014 24.2154L36.1249 19.9639C37.8313 18.6602 40.2227 20.8981 38.4997 22.9657C38.4997 22.9657 26.2311 34.3292 21.7721 36.7746C17.313 39.22 12.3392 38.3273 10.5165 36.5047V36.4964Z" fill="#FDBF2F"/>
</svg>
</div>
<div class="secContact content2">
<a class="secPhone" href="https://api.whatsapp.com/send?phone=0651237146" target="_blank" aria-label="open whatsapp">
<div class="phone">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4964 0C5.60534 0 0 5.60691 0 12.4999C0 15.2336 0.881584 17.7688 2.38021 19.8265L0.822703 24.4707L5.62731 22.9352C7.60344 24.2432 9.96168 25 12.5036 25C19.3947 25 25 19.3929 25 12.5001C25 5.60713 19.3947 0.000206629 12.5036 0.000206629L12.4964 0ZM9.00669 6.34939C8.76431 5.76889 8.58062 5.74691 8.21342 5.73198C8.0884 5.72472 7.94907 5.71747 7.7946 5.71747C7.3169 5.71747 6.81743 5.85704 6.51617 6.16565C6.14898 6.54041 5.23793 7.41478 5.23793 9.20792C5.23793 11.0011 6.54561 12.7353 6.72185 12.9779C6.90555 13.2202 9.27124 16.9533 12.9444 18.4747C15.8168 19.6652 16.6692 19.5548 17.323 19.4153C18.2779 19.2095 19.4755 18.5038 19.7768 17.6516C20.078 16.799 20.078 16.0714 19.9897 15.9171C19.9016 15.7628 19.659 15.6749 19.2918 15.4909C18.9246 15.3072 17.1393 14.4253 16.8013 14.3078C16.4706 14.1829 16.1548 14.2271 15.9052 14.5799C15.5525 15.0722 15.2073 15.572 14.928 15.8732C14.7076 16.1084 14.3475 16.1378 14.0464 16.0127C13.6423 15.8439 12.5111 15.4468 11.1151 14.2049C10.0351 13.2424 9.3005 12.0447 9.08756 11.6846C8.87442 11.3173 9.06556 11.1039 9.23433 10.9056C9.41803 10.6777 9.59429 10.5162 9.77799 10.303C9.96169 10.09 10.0645 9.97963 10.1821 9.72972C10.3071 9.48727 10.2188 9.23736 10.1307 9.05361C10.0425 8.86986 9.30795 7.07672 9.00669 6.34939Z" fill="white"/>
</svg>
</div>
<div class="phoneNumber">+31 65 123 7146</div>
</a>
<div class="secMail">
<div class="mail">
<svg width="25" height="21" viewBox="0 0 25 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.04348 0.333374C2.02664 0.333374 1.13783 0.843407 0.591658 1.60285C0.218196 2.12215 0 2.76271 0 3.44932V14.6087C0 16.2921 1.3257 17.7247 3.04348 17.7247H11.087C11.6873 17.7247 12.1739 17.2381 12.1739 16.6377C12.1739 16.0374 11.6873 15.5508 11.087 15.5508H3.04348C2.60015 15.5508 2.17392 15.1667 2.17392 14.6087V4.62431L8.45597 11.5395C9.74986 12.9637 11.9893 12.9637 13.2832 11.5395L19.5652 4.62431V9.17393C19.5652 9.77425 20.0519 10.2609 20.6522 10.2609C21.2525 10.2609 21.7392 9.77425 21.7392 9.17393V3.44932C21.7392 2.76272 21.521 2.12215 21.1475 1.60285C20.6013 0.843407 19.7125 0.333374 18.6957 0.333374H3.04348ZM10.065 10.0776L3.18772 2.50729H18.5514L11.6741 10.0776C11.2428 10.5524 10.4963 10.5524 10.065 10.0776ZM19.8836 19.13C19.4592 19.5545 19.4592 20.2427 19.8836 20.6672C20.3081 21.0917 20.9963 21.0917 21.4208 20.6672L24.6817 17.4063C25.1061 16.9819 25.1061 16.2936 24.6817 15.8692L21.4208 12.6083C20.9963 12.1838 20.3081 12.1838 19.8836 12.6083C19.4592 13.0327 19.4592 13.721 19.8836 14.1455L21.2889 15.5508H16.3044C15.704 15.5508 15.2174 16.0374 15.2174 16.6377C15.2174 17.2381 15.704 17.7247 16.3044 17.7247H21.2889L19.8836 19.13Z" fill="white"/>
</svg>
</div>
<p>Send message</p>
</div>
</div>
<div class="secSocial content3">
<a class="social" href="https://www.linkedin.com/in/hovinhthanh7893/" target="_blank" aria-label="open linkedin">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5 0H2.5C1.125 0 0 1.125 0 2.5V22.5C0 23.875 1.125 25 2.5 25H22.5C23.875 25 25 23.875 25 22.5V2.5C25 1.125 23.875 0 22.5 0ZM7.625 20H3.75V9.25H7.625V20ZM5.625 8C4.5 8 3.75 7.25 3.75 6.25C3.75 5.25 4.5 4.5 5.75 4.5C6.875 4.5 7.625 5.25 7.625 6.25C7.625 7.25 6.875 8 5.625 8ZM21.25 20H17.375V14.125C17.375 12.5 16.375 12.125 16 12.125C15.625 12.125 14.375 12.375 14.375 14.125C14.375 14.375 14.375 20 14.375 20H10.5V9.25H14.375V10.75C14.875 9.875 15.875 9.25 17.75 9.25C19.625 9.25 21.125 10.75 21.125 14.125L21.25 20Z" fill="#FF20BF"/>
</svg>
</a>
<a class="social social_round" href="https://github.com/hovinhthanh7893" target="_blank" aria-label="open github">
<svg width="26" height="25" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.6013 0.350809C5.69715 0.350809 0.100098 5.94786 0.100098 12.8521C0.100098 18.3416 3.6389 23.0058 8.55987 24.6856L8.64823 24.7114C9.27346 24.8289 9.50271 24.443 9.50271 24.1104C9.50271 23.8136 9.49271 23.0266 9.48687 21.9854C6.00976 22.7398 5.27616 20.3081 5.27616 20.3081C5.03607 19.537 4.54423 18.9034 3.89816 18.4875L3.88482 18.48C2.75274 17.7047 3.97235 17.7205 3.97235 17.7205C4.79515 17.8364 5.48457 18.3191 5.88055 18.996L5.88722 19.0085C6.34906 19.838 7.22104 20.3898 8.22224 20.3898C8.70242 20.3898 9.15258 20.2631 9.54106 20.0405L9.52772 20.0472C9.58774 19.3878 9.87868 18.8059 10.3188 18.3757L10.3197 18.3749C7.54366 18.0623 4.62509 16.9869 4.62509 12.1977C4.62509 12.1751 4.62426 12.1493 4.62426 12.1235C4.62426 10.8555 5.1136 9.70174 5.9139 8.84059L5.9114 8.84392C5.74217 8.39209 5.6438 7.87023 5.6438 7.32587C5.6438 6.67813 5.78218 6.06207 6.03144 5.50687L6.01977 5.53521C6.01977 5.53521 7.06682 5.20009 9.4577 6.81651C10.3947 6.54891 11.4709 6.39469 12.583 6.39469C13.6951 6.39469 14.7713 6.54891 15.7917 6.83652L15.7083 6.81651C18.0834 5.20009 19.1304 5.53521 19.1304 5.53521C19.368 6.07041 19.5064 6.69397 19.5064 7.35004C19.5064 7.88524 19.4147 8.39876 19.2455 8.8756L19.2555 8.84392C20.0499 9.70424 20.5376 10.858 20.5376 12.126C20.5376 12.1518 20.5376 12.1768 20.5368 12.2018V12.1977C20.5368 17.0002 17.6149 18.0573 14.833 18.3649C15.3599 18.9043 15.685 19.642 15.685 20.4565C15.685 20.534 15.6816 20.6116 15.6758 20.6883L15.6766 20.6783C15.6766 22.3514 15.6608 23.6952 15.6608 24.1012C15.6608 24.4296 15.8792 24.8198 16.5203 24.6947C21.5455 23.0033 25.1001 18.3349 25.1001 12.8354C25.1001 5.93953 19.5097 0.349976 12.6147 0.349976C12.6097 0.349976 12.6038 0.349976 12.5988 0.349976H12.5997L12.6013 0.350809Z" fill="#FF8200"/>
</svg>
</a>
<a class="social social_round" href="https://codepen.io/hovinhthanh7893" target="_blank" aria-label="open codepen">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54275 13.2829L6.88081 14.3945V12.1713L8.54275 13.2829ZM12.617 10.5576V7.4595L7.41261 10.9288L9.73741 12.484L12.617 10.5576ZM19.15 10.9288L13.9455 7.4595V10.5576L16.8253 12.484L19.15 10.9288ZM7.41261 15.6369L12.617 19.1063V16.0081L9.73746 14.0822L7.41261 15.6369ZM13.9455 16.0081V19.1063L19.15 15.6369L16.8253 14.0822L13.9455 16.0081ZM13.2812 11.7115L10.9319 13.2828L13.2812 14.8543L15.6306 13.2828L13.2812 11.7115ZM25.7812 13.2829C25.7812 20.1866 20.1849 25.7827 13.2812 25.7827C6.37787 25.7827 0.78125 20.1866 0.78125 13.2829C0.78125 6.37922 6.37787 0.782837 13.2812 0.782837C20.1849 0.782837 25.7812 6.37922 25.7812 13.2829ZM21.0101 10.9279C21.0101 10.8986 21.008 10.8698 21.0041 10.8413C21.0028 10.8316 21.0005 10.8222 20.9989 10.8124C20.9955 10.7937 20.9922 10.775 20.9873 10.7567C20.9845 10.7457 20.9805 10.7352 20.9769 10.7246C20.9717 10.7083 20.9664 10.6921 20.9599 10.6762C20.9554 10.6653 20.9499 10.6543 20.945 10.6437C20.9379 10.6287 20.9306 10.614 20.9225 10.5999C20.9165 10.5892 20.9098 10.5791 20.9035 10.5689C20.8946 10.5551 20.8855 10.5417 20.8755 10.5287C20.8682 10.5189 20.8607 10.5092 20.8525 10.4999C20.8422 10.4877 20.8312 10.4754 20.8196 10.464C20.8108 10.4551 20.8023 10.4462 20.7932 10.4381C20.7812 10.4271 20.7683 10.4165 20.7554 10.4063C20.7456 10.3986 20.7358 10.3909 20.7255 10.3836C20.7217 10.3811 20.7182 10.3779 20.7143 10.3754L13.6498 5.66562C13.4266 5.51679 13.136 5.51679 12.9129 5.66562L5.84818 10.3754C5.84446 10.3779 5.84103 10.3811 5.83737 10.3836C5.82699 10.3909 5.81706 10.3986 5.80728 10.4063C5.79426 10.4165 5.78164 10.4271 5.76961 10.4381C5.76046 10.4462 5.7518 10.4551 5.74299 10.464C5.73145 10.4754 5.72068 10.4877 5.70987 10.4999C5.70214 10.5092 5.69446 10.5189 5.68712 10.5287C5.67738 10.5417 5.66799 10.5551 5.65923 10.5689C5.65248 10.5791 5.64622 10.5892 5.64015 10.5999C5.63203 10.614 5.62474 10.6287 5.61755 10.6437C5.61246 10.6543 5.60738 10.6653 5.60273 10.6762C5.59622 10.6921 5.59074 10.7083 5.5856 10.7246C5.58198 10.7352 5.57836 10.7458 5.57528 10.7567C5.57034 10.775 5.56716 10.7937 5.56364 10.8124C5.56207 10.8222 5.55963 10.8316 5.5584 10.8413C5.55454 10.8698 5.55229 10.8986 5.55229 10.9279V15.6378C5.55229 15.6671 5.55454 15.6959 5.5584 15.7248C5.55963 15.7341 5.56207 15.7439 5.56364 15.7532C5.56716 15.772 5.57039 15.7907 5.57528 15.809C5.57836 15.82 5.58198 15.8305 5.5856 15.8411C5.59069 15.8573 5.59622 15.8736 5.60273 15.8899C5.60738 15.9009 5.61246 15.9114 5.61755 15.922C5.62469 15.937 5.63203 15.9516 5.64015 15.9663C5.64622 15.9764 5.65248 15.9866 5.65923 15.9968C5.66804 16.0106 5.67738 16.024 5.68712 16.037C5.69441 16.0472 5.70214 16.0565 5.70987 16.0659C5.72068 16.078 5.7314 16.0903 5.74299 16.1016C5.7518 16.1106 5.76046 16.1195 5.76961 16.1277C5.78159 16.1387 5.79426 16.1491 5.80728 16.1593C5.81706 16.167 5.82699 16.1748 5.83737 16.1821C5.84103 16.1845 5.84446 16.1878 5.84818 16.1902L12.9129 20.9001C13.0244 20.9745 13.153 21.0118 13.2812 21.0118C13.4099 21.0118 13.5382 20.9745 13.6498 20.9001L20.7143 16.1902C20.7181 16.1878 20.7216 16.1845 20.7255 16.1821C20.7358 16.1748 20.7456 16.167 20.7554 16.1593C20.7684 16.1491 20.7812 16.1386 20.7932 16.1277C20.8023 16.1195 20.8108 16.1106 20.8196 16.1016C20.8312 16.0903 20.8422 16.078 20.8525 16.0659C20.8607 16.0566 20.8681 16.0472 20.8755 16.037C20.8855 16.024 20.8946 16.0106 20.9035 15.9968C20.9098 15.9866 20.9165 15.9764 20.9225 15.9663C20.9306 15.9516 20.9379 15.937 20.945 15.922C20.9499 15.9114 20.9554 15.9008 20.9599 15.8899C20.9664 15.8736 20.9717 15.8573 20.9769 15.8411C20.9805 15.8305 20.9845 15.8199 20.9873 15.809C20.9923 15.7907 20.9955 15.772 20.9989 15.7532C21.0005 15.7439 21.0028 15.7341 21.0041 15.7248C21.008 15.6959 21.0101 15.667 21.0101 15.6378V10.9279ZM19.6817 14.3945V12.1713L18.02 13.2829L19.6817 14.3945Z" fill="#FFF900"/>
</svg>
</a>
<a class="social" href="https://medium.com/@hovinhthanh7893" target="_blank" aria-label="open medium">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.25 0H3.75C1.67871 0 0 1.67871 0 3.75V21.25C0 23.3213 1.67871 25 3.75 25H21.25C23.3213 25 25 23.3213 25 21.25V3.75C25 1.67871 23.3213 0 21.25 0ZM20.6055 6.05469L19.2871 7.32422C19.1895 7.37305 19.1406 7.51953 19.1406 7.66602V16.9434C19.1406 17.0898 19.1895 17.2363 19.2871 17.334L20.6055 18.5547V18.8477H14.1113V18.5547L15.4297 17.2852C15.5762 17.1387 15.5762 17.0898 15.5762 16.8945V9.42383L11.8652 18.7988H11.377L7.08008 9.42383V15.7227C7.03125 15.9668 7.12891 16.2598 7.32422 16.4551L9.0332 18.5547V18.7988H4.15039V18.5547L5.85938 16.4551C6.05469 16.2598 6.15234 15.9668 6.10352 15.7227V8.44727C6.10352 8.25195 6.00586 8.00781 5.85938 7.91016L4.3457 6.05469V5.76172H9.13086L12.793 13.8672L16.0645 5.76172H20.6055V6.05469Z" fill="#00FF67"/>
</svg>
</a>
<a class="social social_youtube" href="https://www.youtube.com/@hovinhthanh7893" target="_blank" aria-label="open youtube">
<svg width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.0424 13.2046V5.77201L16.5764 9.48871L10.0424 13.2046ZM24.5758 3.4323C24.2807 2.34788 23.4472 1.50935 22.3878 1.21261L22.3653 1.20761C19.7038 0.8692 16.6256 0.675821 13.5016 0.675821C13.184 0.675821 12.8672 0.677488 12.5513 0.681656L12.5997 0.680822C12.3313 0.677488 12.0154 0.674988 11.6978 0.674988C8.57374 0.674988 5.49386 0.868366 2.47065 1.24262L2.8324 1.20595C1.75132 1.50852 0.917789 2.34621 0.628554 3.40896L0.623553 3.43063C0.290142 5.18854 0.100098 7.21151 0.100098 9.27866C0.100098 9.35201 0.100098 9.42536 0.100931 9.49788V9.48621C0.100931 9.54789 0.100098 9.62124 0.100098 9.69459C0.100098 11.7617 0.290976 13.7839 0.655227 15.7452L0.623553 15.5418C0.918622 16.6262 1.75215 17.4647 2.81156 17.7615L2.83407 17.7665C5.49552 18.1049 8.57374 18.2983 11.6978 18.2983C12.0145 18.2983 12.3313 18.2966 12.648 18.2924L12.5997 18.2933C12.8681 18.2966 13.1848 18.2991 13.5016 18.2991C16.6265 18.2991 19.7055 18.1057 22.7287 17.7315L22.367 17.7681C23.4489 17.4664 24.2824 16.6279 24.5725 15.5651L24.5775 15.5435C24.9101 13.7855 25.1001 11.7626 25.1001 9.69626C25.1001 9.62291 25.1001 9.54956 25.0993 9.47704V9.48788C25.0993 9.4262 25.1001 9.35285 25.1001 9.2795C25.1001 7.21235 24.9092 5.19021 24.545 3.22892L24.5758 3.4323Z" fill="#00DCFF"/>
</svg>
</a>
<a class="social" href="https://www.facebook.com/hovinhthanh7893" target="_blank" aria-label="open facebook">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.2222 0H2.77778C1.25 0 0 1.25 0 2.77778V22.2222C0 23.7514 1.25 25 2.77778 25H12.5V15.2778H9.72222V11.8403H12.5V8.99306C12.5 5.9875 14.1833 3.87639 17.7306 3.87639L20.2347 3.87917V7.49722H18.5722C17.1917 7.49722 16.6667 8.53333 16.6667 9.49444V11.8417H20.2333L19.4444 15.2778H16.6667V25H22.2222C23.75 25 25 23.7514 25 22.2222V2.77778C25 1.25 23.75 0 22.2222 0Z" fill="#7D0CFF"/>
</svg>
</a>
</div>
<div class="contact_form_wrap hidden_layer" id="contactForm">
<div class="contact_form_frame">
<button class="close_button" id="closeContactForm" aria-label="close contact form"></button>
<div class="contact_form">
<input type="text" id="contact_name" value="" placeholder="Name" autocomplete="off">
<input type="text" id="contact_email" value="" placeholder="Email" autocomplete="off">
<input type="text" id="contact_subject" value="" placeholder="Subject" autocomplete="off">
<textarea rows="6" id="contact_message" value="" placeholder="Message" autocomplete="off"></textarea>
</div>
<p class="contact_form_missing contact_form_hide">Please provide all required information</p>
<p class="contact_form_mail_inv contact_form_hide">Please provide a valid email</p>
<p class="contact_form_mail_error contact_form_hide">Something went wrong, please try again later</p>
<p class="contact_form_success contact_form_hide">I've received your mail.<br>Thank you for reaching out.<br>I will reply asap!</p>
<button class="secMail" id="contact_form_submit" aria-label="send email">
<p>Send</p>
<div class="loading_dots">
<span id="loading_dot_1"></span>
<span id="loading_dot_2"></span>
<span id="loading_dot_3"></span>
</div>
</button>
</div>
</div>
</section>
</main>
<footer>
<div class="copyright">
Copyright ©
<span id="copyright_year">
<script>document.getElementById('copyright_year').appendChild(document.createTextNode(new Date().getFullYear()))</script>
</span>
All Rights Reserved by
<a class="copyright_link" href="https://www.linkedin.com/in/hovinhthanh7893/" target="_blank" aria-label="to linkedin">Ho Vinh Thanh</a>
</div>
<div class="endPage">
<button class="sound" id="soundButton" aria-label="toggle sound"></button>
<a href="#section1" class="backToTop" aria-label="to section 1"></a>
</div>
<a href="#section1" class="moveUp" aria-label="scroll to top"></a>
</footer>
</body>
</html>