-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
400 lines (364 loc) · 73.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Baheer Wardak Portfolio</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="main-container">
<header class="head-section scroll-fade">
<section class="head-section__title">
<h1 class="head-section__name">
BAHEER <span class="head-section__name--color">WARDAK</span>
</h1>
</section>
<nav class="head-section__navigation">
<!--Navigation to not display on mobile sizing-->
<ul class="head-section__nav-list">
<li class="head-section__nav-item head-section__nav-item--about">
<a
class="head-section__nav-link head-section__nav-link--about"
href="#about"
>About</a
>
</li>
<li class="head-section__nav-item head-section__nav-item--portfolio">
<a
class="head-section__nav-link head-section__nav-link--portfolio"
href="#portfolio"
>Portfolio</a
>
</li>
<li class="head-section__nav-item head-section__nav-item--contact">
<a
class="head-section__nav-link head-section__nav-link--contact"
href="#contact"
>Contact</a
>
</li>
</ul>
</nav>
<h2 class="head-section__subheader">Junior Software Developer.</h2>
<!--Job title subheading-->
<p class="head-section__info">
"Creativity is seeing what others see and thinking what no one else ever
thought." “Art is the elimination of the unnecessary.” "You use a glass
mirror to see your face. You use works of art to see your soul." “A
creative life is an amplified life. It's a bigger life, a happier life,
an expanded life, and a hell of a lot more interesting life”. “Don’t
wait for inspiration. It comes while working."
</p>
</header>
<main class="main" id="blur">
<!--Main to include about section, skills section, portfolio section with projects and contact info section-->
<section class="about scroll-fade scroll-section" id="about">
<h3 class="about__title">ABOUT.</h3>
<img
src="./project-footer-images/brown.jpg"
alt=""
class="about__image about__image--selfie scroll-fade"
/>
<p class="about__info about__info--paragraph-1 scroll-fade">
My name is Baheer, and I am a trainee software developer currently
honing my skills at _nology. I am passionate about creating efficient
and user-friendly software solutions. My journey into the world of
software development has been driven by a love for problem-solving and
a desire to contribute to innovative projects.
</p>
<p class="about__info about__info--paragraph-2 scroll-fade">
I am excited about the opportunities that lie ahead and look forward
to connecting with fellow developers, tech enthusiasts, and potential
collaborators. Feel free to reach out to me through [your preferred
contact method], and let's discuss how we can create something amazing
together! Thank you for stopping by and getting to know a bit about
me. Happy coding! Baheer Wardak
</p>
</section>
<section class="skills scroll-fade scroll-section">
<h3 class="skills__title scroll-fade" >SKILLS.</h3>
<p class="skills__info scroll-fade">
Through <a class="link scroll-fade" href="https://nology.io/" target="_blank">_nology's</a> outstanding training, I have beyond proficient skills in many languages and frameworks. These are listed below:
</p>
<!-- <div class="svg__flex"> -->
<svg
class="skills__svg skills__svg--github scroll-fade"
alt="Github"
width="68"
height="112"
viewBox="0 0 68 112"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M29.2345 100.04C29.1246 99.6951 28.9769 99.3864 28.7913 99.1136C28.6095 98.8371 28.3917 98.6023 28.1379 98.4091C27.8841 98.2121 27.5943 98.0625 27.2686 97.9602C26.9466 97.858 26.5924 97.8068 26.2061 97.8068C25.5508 97.8068 24.9598 97.9754 24.4333 98.3125C23.9068 98.6496 23.4901 99.1439 23.1833 99.7955C22.8803 100.443 22.7288 101.237 22.7288 102.176C22.7288 103.119 22.8822 103.917 23.189 104.568C23.4958 105.22 23.9163 105.714 24.4504 106.051C24.9845 106.388 25.5924 106.557 26.2742 106.557C26.9068 106.557 27.4579 106.428 27.9276 106.17C28.4011 105.913 28.7667 105.549 29.0242 105.08C29.2856 104.606 29.4163 104.049 29.4163 103.409L29.8708 103.494H26.5413V102.045H31.1151V103.369C31.1151 104.347 30.9068 105.195 30.4901 105.915C30.0773 106.631 29.5053 107.184 28.7742 107.574C28.047 107.964 27.2136 108.159 26.2742 108.159C25.2212 108.159 24.297 107.917 23.5015 107.432C22.7098 106.947 22.0924 106.259 21.6492 105.369C21.2061 104.475 20.9845 103.415 20.9845 102.188C20.9845 101.259 21.1133 100.426 21.3708 99.6875C21.6284 98.9489 21.9901 98.322 22.4561 97.8068C22.9258 97.2879 23.4769 96.892 24.1095 96.6193C24.7458 96.3428 25.4409 96.2045 26.1947 96.2045C26.8235 96.2045 27.4087 96.2973 27.9504 96.483C28.4958 96.6686 28.9807 96.9318 29.4049 97.2727C29.8329 97.6136 30.1871 98.0189 30.4674 98.4886C30.7477 98.9545 30.9371 99.4716 31.0356 100.04H29.2345ZM33.7544 108V99.2727H35.4532V108H33.7544ZM34.6123 97.9261C34.3169 97.9261 34.0631 97.8277 33.8509 97.6307C33.6426 97.4299 33.5384 97.1913 33.5384 96.9148C33.5384 96.6345 33.6426 96.3958 33.8509 96.1989C34.0631 95.9981 34.3169 95.8977 34.6123 95.8977C34.9078 95.8977 35.1597 95.9981 35.368 96.1989C35.5801 96.3958 35.6862 96.6345 35.6862 96.9148C35.6862 97.1913 35.5801 97.4299 35.368 97.6307C35.1597 97.8277 34.9078 97.9261 34.6123 97.9261ZM41.8126 99.2727V100.636H37.0455V99.2727H41.8126ZM38.324 97.1818H40.0228V105.438C40.0228 105.767 40.0721 106.015 40.1705 106.182C40.269 106.345 40.3959 106.456 40.5512 106.517C40.7103 106.574 40.8827 106.602 41.0683 106.602C41.2046 106.602 41.324 106.593 41.4262 106.574C41.5285 106.555 41.608 106.54 41.6649 106.528L41.9717 107.932C41.8732 107.97 41.733 108.008 41.5512 108.045C41.3694 108.087 41.1421 108.11 40.8694 108.114C40.4224 108.121 40.0058 108.042 39.6194 107.875C39.233 107.708 38.9205 107.451 38.6819 107.102C38.4433 106.754 38.324 106.316 38.324 105.79V97.1818Z"
/>
<g clip-path="url(#clip0_3569_1411)">
<path
d="M65.8175 35.6867L36.5723 6.2703C35.7627 5.4569 34.665 5 33.5206 5C32.3762 5 31.2786 5.4569 30.469 6.2703L24.3881 12.3807L32.0931 20.1288C36.14 18.7542 39.9716 22.6508 38.5823 26.6979L46.0091 34.1663C51.1283 32.3916 55.1588 38.8284 51.3138 42.6919C47.3521 46.6757 40.8136 42.2603 42.9387 37.0763L36.0069 30.1147V48.4398C39.7906 50.3257 39.336 54.7337 37.3649 56.7113C36.4018 57.6792 35.096 58.2229 33.7345 58.2229C32.3729 58.2229 31.0671 57.6792 30.1041 56.7113C27.4764 54.0644 28.4485 49.6565 31.7865 48.2894V29.7914C28.6758 28.5116 28.1075 25.1684 28.9989 23.0238L21.403 15.3764L1.3449 35.5498C0.535665 36.3638 0.0810547 37.4676 0.0810547 38.6186C0.0810547 39.7695 0.535665 40.8734 1.3449 41.6873L30.5991 71.1037C31.4084 71.917 32.5058 72.3738 33.65 72.3738C34.7942 72.3738 35.8915 71.917 36.7009 71.1037L65.8175 41.8241C66.6267 41.0102 67.0813 39.9064 67.0813 38.7554C67.0813 37.6045 66.6267 36.5006 65.8175 35.6867Z"
/>
</g>
<defs>
<clipPath id="clip0_3569_1411">
<rect width="67" height="77" transform="translate(0.0810547)" />
</clipPath>
</defs>
</svg>
<!--alt text to let people with screen readers hear what languages I have proficiency in-->
<svg
class="skills__svg skills__svg--html5 scroll-fade"
alt="HTML5"
width="68"
height="112"
viewBox="0 0 68 112"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.55478 108V96.3636H8.31046V101.42H14.1116V96.3636H15.873V108H14.1116V102.926H8.31046V108H6.55478ZM17.8559 97.875V96.3636H26.8616V97.875H23.2309V108H21.4809V97.875H17.8559ZM28.8517 96.3636H30.9823L34.6869 105.409H34.8232L38.5278 96.3636H40.6585V108H38.988V99.5795H38.8801L35.4482 107.983H34.0619L30.6301 99.5739H30.5221V108H28.8517V96.3636ZM43.211 108V96.3636H44.9667V106.489H50.2394V108H43.211ZM55.9241 108.159C55.212 108.159 54.5718 108.023 54.0036 107.75C53.4392 107.473 52.9885 107.095 52.6514 106.614C52.3142 106.133 52.1343 105.583 52.1116 104.966H53.8161C53.8578 105.466 54.0794 105.877 54.4809 106.199C54.8824 106.521 55.3635 106.682 55.9241 106.682C56.3711 106.682 56.7669 106.58 57.1116 106.375C57.4601 106.167 57.7328 105.881 57.9298 105.517C58.1305 105.153 58.2309 104.739 58.2309 104.273C58.2309 103.799 58.1286 103.377 57.9241 103.006C57.7195 102.634 57.4374 102.343 57.0775 102.131C56.7214 101.919 56.3124 101.811 55.8502 101.807C55.498 101.807 55.1438 101.867 54.7877 101.989C54.4317 102.11 54.1438 102.269 53.9241 102.466L52.3161 102.227L52.9695 96.3636H59.3673V97.8693H54.4298L54.0605 101.125H54.1286C54.3559 100.905 54.657 100.722 55.032 100.574C55.4108 100.426 55.8161 100.352 56.248 100.352C56.9563 100.352 57.587 100.521 58.14 100.858C58.6968 101.195 59.1343 101.655 59.4525 102.239C59.7745 102.818 59.9336 103.485 59.9298 104.239C59.9336 104.992 59.7631 105.665 59.4184 106.256C59.0775 106.847 58.604 107.312 57.998 107.653C57.3957 107.991 56.7044 108.159 55.9241 108.159Z"
/>
<path
d="M4.04248 5L9.41923 65.3L33.5476 72L57.7388 65.2916L63.1239 5H4.04667H4.04248ZM51.4199 24.7231H23.1207L23.7949 32.2983H50.7499L48.7189 55.0029L33.5476 59.2072L18.3972 55.0029L17.3629 43.3868H24.7874L25.315 49.2912L33.5518 51.5106L33.5685 51.5064L41.8095 49.2828L42.6638 39.6934H17.0321L15.0389 17.328H52.0857L51.424 24.7231H51.4199Z"
/>
</svg>
<svg
class="skills__svg skills__svg--css3 scroll-fade"
alt="CSS3"
width="68"
height="112"
viewBox="0 0 68 112"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M23.1883 100.148H21.4156C21.3474 99.7689 21.2205 99.4356 21.0349 99.1477C20.8493 98.8598 20.622 98.6155 20.3531 98.4148C20.0841 98.214 19.783 98.0625 19.4497 97.9602C19.1201 97.858 18.7697 97.8068 18.3985 97.8068C17.7281 97.8068 17.1277 97.9754 16.5974 98.3125C16.0709 98.6496 15.6542 99.1439 15.3474 99.7955C15.0444 100.447 14.8928 101.242 14.8928 102.182C14.8928 103.129 15.0444 103.928 15.3474 104.58C15.6542 105.231 16.0728 105.723 16.6031 106.057C17.1334 106.39 17.73 106.557 18.3928 106.557C18.7603 106.557 19.1088 106.508 19.4383 106.409C19.7716 106.307 20.0728 106.157 20.3417 105.96C20.6106 105.763 20.8379 105.523 21.0235 105.239C21.2129 104.951 21.3436 104.621 21.4156 104.25L23.1883 104.256C23.0936 104.828 22.9099 105.354 22.6372 105.835C22.3682 106.312 22.0216 106.725 21.5974 107.074C21.1769 107.419 20.6959 107.686 20.1542 107.875C19.6125 108.064 19.0216 108.159 18.3815 108.159C17.3739 108.159 16.4762 107.92 15.6883 107.443C14.9004 106.962 14.2792 106.275 13.8247 105.381C13.3739 104.487 13.1485 103.42 13.1485 102.182C13.1485 100.939 13.3758 99.8731 13.8303 98.983C14.2849 98.089 14.9061 97.4034 15.694 96.9261C16.4819 96.4451 17.3777 96.2045 18.3815 96.2045C18.9989 96.2045 19.5747 96.2936 20.1088 96.4716C20.6466 96.6458 21.1296 96.9034 21.5576 97.2443C21.9856 97.5814 22.3398 97.9943 22.6201 98.483C22.9004 98.9678 23.0898 99.5227 23.1883 100.148ZM31.6357 99.4205C31.5751 98.8826 31.3251 98.4659 30.8857 98.1705C30.4463 97.8712 29.8933 97.7216 29.2267 97.7216C28.7494 97.7216 28.3365 97.7973 27.988 97.9489C27.6395 98.0966 27.3687 98.3011 27.1755 98.5625C26.9861 98.8201 26.8914 99.1136 26.8914 99.4432C26.8914 99.7197 26.9558 99.9583 27.0846 100.159C27.2172 100.36 27.3895 100.528 27.6017 100.665C27.8176 100.797 28.0486 100.909 28.2948 101C28.541 101.087 28.7778 101.159 29.0051 101.216L30.1414 101.511C30.5126 101.602 30.8933 101.725 31.2835 101.881C31.6736 102.036 32.0354 102.241 32.3687 102.494C32.702 102.748 32.971 103.062 33.1755 103.438C33.3838 103.812 33.488 104.261 33.488 104.784C33.488 105.443 33.3176 106.028 32.9767 106.54C32.6395 107.051 32.149 107.455 31.5051 107.75C30.8649 108.045 30.0903 108.193 29.1812 108.193C28.31 108.193 27.5562 108.055 26.9198 107.778C26.2835 107.502 25.7854 107.11 25.4255 106.602C25.0657 106.091 24.8668 105.485 24.8289 104.784H26.5903C26.6244 105.205 26.7607 105.555 26.9994 105.835C27.2418 106.112 27.5505 106.318 27.9255 106.455C28.3043 106.587 28.7191 106.653 29.1698 106.653C29.666 106.653 30.1073 106.576 30.4937 106.42C30.8838 106.261 31.1907 106.042 31.4142 105.761C31.6376 105.477 31.7494 105.146 31.7494 104.767C31.7494 104.422 31.6509 104.14 31.4539 103.92C31.2607 103.701 30.9975 103.519 30.6642 103.375C30.3346 103.231 29.9615 103.104 29.5448 102.994L28.1698 102.619C27.238 102.366 26.4994 101.992 25.9539 101.5C25.4123 101.008 25.1414 100.356 25.1414 99.5455C25.1414 98.875 25.3232 98.2898 25.6869 97.7898C26.0505 97.2898 26.5429 96.9015 27.1642 96.625C27.7854 96.3447 28.4861 96.2045 29.2664 96.2045C30.0543 96.2045 30.7494 96.3428 31.3517 96.6193C31.9577 96.8958 32.435 97.2765 32.7835 97.7614C33.132 98.2424 33.3138 98.7955 33.3289 99.4205H31.6357ZM41.9326 99.4205C41.872 98.8826 41.622 98.4659 41.1826 98.1705C40.7432 97.8712 40.1902 97.7216 39.5235 97.7216C39.0463 97.7216 38.6334 97.7973 38.2849 97.9489C37.9364 98.0966 37.6656 98.3011 37.4724 98.5625C37.283 98.8201 37.1883 99.1136 37.1883 99.4432C37.1883 99.7197 37.2527 99.9583 37.3815 100.159C37.5141 100.36 37.6864 100.528 37.8985 100.665C38.1144 100.797 38.3455 100.909 38.5917 101C38.8379 101.087 39.0747 101.159 39.3019 101.216L40.4383 101.511C40.8095 101.602 41.1902 101.725 41.5803 101.881C41.9705 102.036 42.3322 102.241 42.6656 102.494C42.9989 102.748 43.2678 103.062 43.4724 103.438C43.6807 103.812 43.7849 104.261 43.7849 104.784C43.7849 105.443 43.6144 106.028 43.2735 106.54C42.9364 107.051 42.4459 107.455 41.8019 107.75C41.1618 108.045 40.3872 108.193 39.4781 108.193C38.6069 108.193 37.8531 108.055 37.2167 107.778C36.5803 107.502 36.0822 107.11 35.7224 106.602C35.3625 106.091 35.1637 105.485 35.1258 104.784H36.8872C36.9213 105.205 37.0576 105.555 37.2963 105.835C37.5387 106.112 37.8474 106.318 38.2224 106.455C38.6012 106.587 39.016 106.653 39.4667 106.653C39.9629 106.653 40.4042 106.576 40.7906 106.42C41.1807 106.261 41.4875 106.042 41.711 105.761C41.9345 105.477 42.0463 105.146 42.0463 104.767C42.0463 104.422 41.9478 104.14 41.7508 103.92C41.5576 103.701 41.2944 103.519 40.961 103.375C40.6315 103.231 40.2584 103.104 39.8417 102.994L38.4667 102.619C37.5349 102.366 36.7963 101.992 36.2508 101.5C35.7091 101.008 35.4383 100.356 35.4383 99.5455C35.4383 98.875 35.6201 98.2898 35.9838 97.7898C36.3474 97.2898 36.8398 96.9015 37.461 96.625C38.0822 96.3447 38.783 96.2045 39.5633 96.2045C40.3512 96.2045 41.0463 96.3428 41.6485 96.6193C42.2546 96.8958 42.7319 97.2765 43.0803 97.7614C43.4288 98.2424 43.6106 98.7955 43.6258 99.4205H41.9326ZM49.7749 108.159C48.9946 108.159 48.2977 108.025 47.684 107.756C47.0742 107.487 46.5912 107.114 46.2352 106.636C45.8829 106.155 45.6935 105.598 45.667 104.966H47.4511C47.4738 105.311 47.5893 105.61 47.7977 105.864C48.0098 106.114 48.2863 106.307 48.6272 106.443C48.9681 106.58 49.3469 106.648 49.7636 106.648C50.2219 106.648 50.6272 106.568 50.9795 106.409C51.3356 106.25 51.614 106.028 51.8147 105.744C52.0155 105.456 52.1159 105.125 52.1159 104.75C52.1159 104.36 52.0155 104.017 51.8147 103.722C51.6178 103.422 51.328 103.187 50.9454 103.017C50.5666 102.847 50.1083 102.761 49.5704 102.761H48.5874V101.33H49.5704C50.0022 101.33 50.381 101.252 50.7068 101.097C51.0363 100.941 51.2939 100.725 51.4795 100.449C51.6651 100.169 51.7579 99.8409 51.7579 99.4659C51.7579 99.1061 51.6765 98.7936 51.5136 98.5284C51.3545 98.2595 51.1272 98.0492 50.8318 97.8977C50.5401 97.7462 50.1954 97.6705 49.7977 97.6705C49.4189 97.6705 49.0647 97.7405 48.7352 97.8807C48.4094 98.017 48.1443 98.214 47.9397 98.4716C47.7352 98.7254 47.6253 99.0303 47.6102 99.3864H45.9113C45.9302 98.7576 46.1159 98.2045 46.4681 97.7273C46.8242 97.25 47.2939 96.8769 47.8772 96.608C48.4606 96.339 49.1083 96.2045 49.8204 96.2045C50.5666 96.2045 51.2106 96.3504 51.7522 96.642C52.2977 96.9299 52.7181 97.3144 53.0136 97.7955C53.3128 98.2765 53.4606 98.803 53.4568 99.375C53.4606 100.027 53.2787 100.58 52.9113 101.034C52.5477 101.489 52.0628 101.794 51.4568 101.949V102.04C52.2295 102.157 52.828 102.464 53.2522 102.96C53.6803 103.456 53.8924 104.072 53.8886 104.807C53.8924 105.447 53.7143 106.021 53.3545 106.528C52.9984 107.036 52.5117 107.436 51.8943 107.727C51.2768 108.015 50.5704 108.159 49.7749 108.159Z"
/>
<g clip-path="url(#clip0_3569_1413)">
<path
d="M57.5681 64.8059L62.8516 5H4.08105L4.1501 5.77608L9.35629 64.8143L9.40048 65.3056L33.244 72H33.6196L57.5184 65.3L57.5626 64.8087L57.5681 64.8059ZM33.5174 18.0622H50.5943L50.0806 24.0922L33.233 31.6632L33.5147 33.0255H49.3238L47.5037 54.1054L33.4567 58.0417L19.4151 54.111L18.5313 44.0163H24.312L24.776 49.1335L24.8202 49.6304L33.3407 51.9195H33.708L42.1346 49.5522L42.176 49.0581L42.9714 39.6055L43.035 38.835H18.048L17.5232 32.7687L34.9481 25.2284L34.6719 23.8605H16.7748L16.2638 18.0538H33.4981L33.5174 18.0622Z"
/>
</g>
<defs>
<clipPath id="clip0_3569_1413">
<rect width="58" height="67" transform="translate(4.08105 5)" />
</clipPath>
</defs>
</svg>
<svg
class="skills__svg skills__svg--javascript scroll-fade"
alt="JavaScript"
width="81"
height="112"
viewBox="0 0 81 112"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5.94469 96.3636H7.69469V104.614C7.69469 105.36 7.54696 105.998 7.25151 106.528C6.95984 107.059 6.54886 107.464 6.01855 107.744C5.48825 108.021 4.86704 108.159 4.15492 108.159C3.49962 108.159 2.9106 108.04 2.38787 107.801C1.86893 107.562 1.45795 107.216 1.15492 106.761C0.855676 106.303 0.706055 105.746 0.706055 105.091H2.45037C2.45037 105.413 2.52424 105.691 2.67196 105.926C2.82348 106.161 3.02992 106.345 3.29128 106.477C3.55643 106.606 3.85946 106.67 4.20037 106.67C4.57159 106.67 4.88598 106.593 5.14355 106.438C5.40492 106.278 5.60378 106.045 5.74015 105.739C5.87651 105.432 5.94469 105.057 5.94469 104.614V96.3636ZM12.6535 108.193C12.1005 108.193 11.6005 108.091 11.1535 107.886C10.7065 107.678 10.3524 107.377 10.091 106.983C9.83342 106.589 9.70463 106.106 9.70463 105.534C9.70463 105.042 9.79933 104.636 9.98873 104.318C10.1781 104 10.4338 103.748 10.7558 103.562C11.0777 103.377 11.4376 103.237 11.8353 103.142C12.233 103.047 12.6383 102.975 13.0512 102.926C13.574 102.866 13.9982 102.816 14.324 102.778C14.6497 102.737 14.8865 102.67 15.0342 102.58C15.1819 102.489 15.2558 102.341 15.2558 102.136V102.097C15.2558 101.6 15.1156 101.216 14.8353 100.943C14.5588 100.67 14.1459 100.534 13.5967 100.534C13.0247 100.534 12.574 100.661 12.2444 100.915C11.9186 101.165 11.6933 101.443 11.5683 101.75L9.97168 101.386C10.1611 100.856 10.4376 100.428 10.8012 100.102C11.1686 99.7727 11.591 99.5341 12.0683 99.3864C12.5455 99.2348 13.0474 99.1591 13.574 99.1591C13.9224 99.1591 14.2918 99.2008 14.6819 99.2841C15.0758 99.3636 15.4433 99.5114 15.7842 99.7273C16.1289 99.9432 16.4111 100.252 16.6308 100.653C16.8505 101.051 16.9603 101.568 16.9603 102.205V108H15.3012V106.807H15.233C15.1232 107.027 14.9584 107.242 14.7387 107.455C14.519 107.667 14.2368 107.843 13.8921 107.983C13.5474 108.123 13.1346 108.193 12.6535 108.193ZM13.0228 106.83C13.4925 106.83 13.894 106.737 14.2274 106.551C14.5645 106.366 14.8202 106.123 14.9944 105.824C15.1724 105.521 15.2615 105.197 15.2615 104.852V103.727C15.2008 103.788 15.0834 103.845 14.9092 103.898C14.7387 103.947 14.5436 103.991 14.324 104.028C14.1043 104.062 13.8902 104.095 13.6819 104.125C13.4736 104.152 13.2993 104.174 13.1592 104.193C12.8296 104.235 12.5285 104.305 12.2558 104.403C11.9868 104.502 11.7709 104.644 11.608 104.83C11.449 105.011 11.3694 105.254 11.3694 105.557C11.3694 105.977 11.5247 106.295 11.8353 106.511C12.1459 106.723 12.5418 106.83 13.0228 106.83ZM26.3765 99.2727L23.2117 108H21.3936L18.2231 99.2727H20.047L22.2572 105.989H22.3481L24.5526 99.2727H26.3765ZM30.2629 108.193C29.7098 108.193 29.2098 108.091 28.7629 107.886C28.3159 107.678 27.9617 107.377 27.7004 106.983C27.4428 106.589 27.314 106.106 27.314 105.534C27.314 105.042 27.4087 104.636 27.5981 104.318C27.7875 104 28.0432 103.748 28.3651 103.562C28.6871 103.377 29.047 103.237 29.4447 103.142C29.8424 103.047 30.2477 102.975 30.6606 102.926C31.1833 102.866 31.6076 102.816 31.9333 102.778C32.2591 102.737 32.4958 102.67 32.6436 102.58C32.7913 102.489 32.8651 102.341 32.8651 102.136V102.097C32.8651 101.6 32.725 101.216 32.4447 100.943C32.1682 100.67 31.7553 100.534 31.2061 100.534C30.6341 100.534 30.1833 100.661 29.8538 100.915C29.528 101.165 29.3026 101.443 29.1776 101.75L27.5811 101.386C27.7704 100.856 28.047 100.428 28.4106 100.102C28.778 99.7727 29.2004 99.5341 29.6776 99.3864C30.1549 99.2348 30.6568 99.1591 31.1833 99.1591C31.5318 99.1591 31.9011 99.2008 32.2913 99.2841C32.6852 99.3636 33.0526 99.5114 33.3936 99.7273C33.7383 99.9432 34.0204 100.252 34.2401 100.653C34.4598 101.051 34.5697 101.568 34.5697 102.205V108H32.9106V106.807H32.8424C32.7326 107.027 32.5678 107.242 32.3481 107.455C32.1284 107.667 31.8462 107.843 31.5015 107.983C31.1568 108.123 30.7439 108.193 30.2629 108.193ZM30.6322 106.83C31.1019 106.83 31.5034 106.737 31.8367 106.551C32.1739 106.366 32.4295 106.123 32.6038 105.824C32.7818 105.521 32.8708 105.197 32.8708 104.852V103.727C32.8102 103.788 32.6928 103.845 32.5186 103.898C32.3481 103.947 32.153 103.991 31.9333 104.028C31.7136 104.062 31.4996 104.095 31.2913 104.125C31.0829 104.152 30.9087 104.174 30.7686 104.193C30.439 104.235 30.1379 104.305 29.8651 104.403C29.5962 104.502 29.3803 104.644 29.2174 104.83C29.0583 105.011 28.9788 105.254 28.9788 105.557C28.9788 105.977 29.1341 106.295 29.4447 106.511C29.7553 106.723 30.1511 106.83 30.6322 106.83ZM43.3154 99.4205C43.2548 98.8826 43.0048 98.4659 42.5654 98.1705C42.126 97.8712 41.573 97.7216 40.9063 97.7216C40.4291 97.7216 40.0162 97.7973 39.6677 97.9489C39.3192 98.0966 39.0484 98.3011 38.8552 98.5625C38.6658 98.8201 38.5711 99.1136 38.5711 99.4432C38.5711 99.7197 38.6355 99.9583 38.7643 100.159C38.8969 100.36 39.0692 100.528 39.2813 100.665C39.4972 100.797 39.7283 100.909 39.9745 101C40.2207 101.087 40.4575 101.159 40.6847 101.216L41.8211 101.511C42.1923 101.602 42.573 101.725 42.9632 101.881C43.3533 102.036 43.7151 102.241 44.0484 102.494C44.3817 102.748 44.6507 103.062 44.8552 103.438C45.0635 103.812 45.1677 104.261 45.1677 104.784C45.1677 105.443 44.9972 106.028 44.6563 106.54C44.3192 107.051 43.8287 107.455 43.1847 107.75C42.5446 108.045 41.77 108.193 40.8609 108.193C39.9897 108.193 39.2359 108.055 38.5995 107.778C37.9632 107.502 37.4651 107.11 37.1052 106.602C36.7454 106.091 36.5465 105.485 36.5086 104.784H38.27C38.3041 105.205 38.4404 105.555 38.6791 105.835C38.9215 106.112 39.2302 106.318 39.6052 106.455C39.984 106.587 40.3988 106.653 40.8495 106.653C41.3457 106.653 41.787 106.576 42.1734 106.42C42.5635 106.261 42.8704 106.042 43.0938 105.761C43.3173 105.477 43.4291 105.146 43.4291 104.767C43.4291 104.422 43.3306 104.14 43.1336 103.92C42.9404 103.701 42.6772 103.519 42.3438 103.375C42.0143 103.231 41.6412 103.104 41.2245 102.994L39.8495 102.619C38.9177 102.366 38.1791 101.992 37.6336 101.5C37.0919 101.008 36.8211 100.356 36.8211 99.5455C36.8211 98.875 37.0029 98.2898 37.3666 97.7898C37.7302 97.2898 38.2226 96.9015 38.8438 96.625C39.4651 96.3447 40.1658 96.2045 40.9461 96.2045C41.734 96.2045 42.4291 96.3428 43.0313 96.6193C43.6374 96.8958 44.1147 97.2765 44.4632 97.7614C44.8116 98.2424 44.9935 98.7955 45.0086 99.4205H43.3154ZM50.8055 108.176C49.9608 108.176 49.2335 107.985 48.6237 107.602C48.0176 107.216 47.5517 106.684 47.2259 106.006C46.9002 105.328 46.7373 104.551 46.7373 103.676C46.7373 102.79 46.904 102.008 47.2373 101.33C47.5706 100.648 48.0403 100.116 48.6464 99.733C49.2525 99.3504 49.9665 99.1591 50.7884 99.1591C51.4513 99.1591 52.0422 99.2822 52.5612 99.5284C53.0801 99.7708 53.4987 100.112 53.8169 100.551C54.1388 100.991 54.3301 101.504 54.3907 102.091H52.7373C52.6464 101.682 52.4381 101.33 52.1123 101.034C51.7903 100.739 51.3585 100.591 50.8169 100.591C50.3434 100.591 49.9286 100.716 49.5725 100.966C49.2203 101.212 48.9456 101.564 48.7487 102.023C48.5517 102.477 48.4532 103.015 48.4532 103.636C48.4532 104.273 48.5498 104.822 48.743 105.284C48.9362 105.746 49.2089 106.104 49.5612 106.358C49.9172 106.612 50.3358 106.739 50.8169 106.739C51.1388 106.739 51.4305 106.68 51.6919 106.562C51.957 106.441 52.1786 106.269 52.3566 106.045C52.5384 105.822 52.6653 105.553 52.7373 105.239H54.3907C54.3301 105.803 54.1464 106.307 53.8396 106.75C53.5328 107.193 53.1218 107.542 52.6066 107.795C52.0953 108.049 51.4949 108.176 50.8055 108.176ZM56.2075 108V99.2727H57.8495V100.659H57.9404C58.0995 100.189 58.3798 99.8201 58.7813 99.5511C59.1866 99.2784 59.645 99.142 60.1563 99.142C60.2624 99.142 60.3874 99.1458 60.5313 99.1534C60.6791 99.161 60.7946 99.1705 60.8779 99.1818V100.807C60.8097 100.788 60.6885 100.767 60.5143 100.744C60.3401 100.718 60.1658 100.705 59.9916 100.705C59.5901 100.705 59.2321 100.79 58.9177 100.96C58.6071 101.127 58.3609 101.36 58.1791 101.659C57.9972 101.955 57.9063 102.292 57.9063 102.67V108H56.2075ZM62.3481 108V99.2727H64.047V108H62.3481ZM63.2061 97.9261C62.9106 97.9261 62.6568 97.8277 62.4447 97.6307C62.2364 97.4299 62.1322 97.1913 62.1322 96.9148C62.1322 96.6345 62.2364 96.3958 62.4447 96.1989C62.6568 95.9981 62.9106 95.8977 63.2061 95.8977C63.5015 95.8977 63.7534 95.9981 63.9617 96.1989C64.1739 96.3958 64.2799 96.6345 64.2799 96.9148C64.2799 97.1913 64.1739 97.4299 63.9617 97.6307C63.7534 97.8277 63.5015 97.9261 63.2061 97.9261ZM66.3325 111.273V99.2727H67.9916V100.688H68.1336C68.2321 100.506 68.3741 100.295 68.5597 100.057C68.7454 99.8182 69.0029 99.6098 69.3325 99.4318C69.662 99.25 70.0976 99.1591 70.6393 99.1591C71.3438 99.1591 71.9726 99.3371 72.5257 99.6932C73.0787 100.049 73.5124 100.562 73.8268 101.233C74.145 101.903 74.3041 102.71 74.3041 103.653C74.3041 104.597 74.1469 105.405 73.8325 106.08C73.5181 106.75 73.0863 107.267 72.537 107.631C71.9878 107.991 71.3609 108.17 70.6563 108.17C70.126 108.17 69.6923 108.081 69.3552 107.903C69.0219 107.725 68.7605 107.517 68.5711 107.278C68.3817 107.04 68.2359 106.828 68.1336 106.642H68.0313V111.273H66.3325ZM67.9972 103.636C67.9972 104.25 68.0863 104.788 68.2643 105.25C68.4423 105.712 68.6999 106.074 69.037 106.335C69.3741 106.593 69.787 106.722 70.2757 106.722C70.7832 106.722 71.2075 106.587 71.5484 106.318C71.8893 106.045 72.1469 105.676 72.3211 105.21C72.4991 104.744 72.5882 104.22 72.5882 103.636C72.5882 103.061 72.501 102.544 72.3268 102.085C72.1563 101.627 71.8988 101.265 71.5541 101C71.2132 100.735 70.787 100.602 70.2757 100.602C69.7832 100.602 69.3666 100.729 69.0257 100.983C68.6885 101.237 68.4329 101.591 68.2586 102.045C68.0844 102.5 67.9972 103.03 67.9972 103.636ZM80.2813 99.2727V100.636H75.5143V99.2727H80.2813ZM76.7927 97.1818H78.4916V105.438C78.4916 105.767 78.5408 106.015 78.6393 106.182C78.7378 106.345 78.8647 106.456 79.02 106.517C79.1791 106.574 79.3514 106.602 79.537 106.602C79.6734 106.602 79.7927 106.593 79.895 106.574C79.9972 106.555 80.0768 106.54 80.1336 106.528L80.4404 107.932C80.3419 107.97 80.2018 108.008 80.02 108.045C79.8382 108.087 79.6109 108.11 79.3382 108.114C78.8912 108.121 78.4745 108.042 78.0882 107.875C77.7018 107.708 77.3893 107.451 77.1507 107.102C76.912 106.754 76.7927 106.316 76.7927 105.79V97.1818Z"
/>
<g clip-path="url(#clip0_3569_1414)">
<path
d="M9.08105 5V68H72.0811V5H9.08105ZM43.3654 54.1344C43.3654 60.2656 39.7654 63.0641 34.5201 63.0641C29.7811 63.0641 27.0389 60.6172 25.6326 57.65L30.4561 54.7391C31.3842 56.3844 32.2279 57.7766 34.267 57.7766C36.2076 57.7766 37.4451 57.0172 37.4451 54.05V33.9266H43.3654V54.1344ZM57.3717 63.0641C51.8732 63.0641 48.3154 60.4484 46.5857 57.0172L51.4092 54.2328C52.6748 56.3 54.3342 57.8328 57.2451 57.8328C59.692 57.8328 61.267 56.6094 61.267 54.9078C61.267 52.8828 59.6639 52.1656 56.9498 50.9703L55.4732 50.3375C51.1982 48.5234 48.3717 46.2313 48.3717 41.4078C48.3717 36.9641 51.7607 33.5891 57.0342 33.5891C60.8029 33.5891 63.5029 34.8969 65.4436 38.3281L60.8311 41.2812C59.8186 39.4672 58.7217 38.75 57.0201 38.75C55.2904 38.75 54.1936 39.8469 54.1936 41.2812C54.1936 43.0531 55.2904 43.7703 57.8357 44.8813L59.3123 45.5141C64.3467 47.6656 67.1732 49.8734 67.1732 54.8234C67.1732 60.1391 62.9826 63.0641 57.3717 63.0641Z"
/>
</g>
<defs>
<clipPath id="clip0_3569_1414">
<rect width="63" height="72" transform="translate(9.08105)" />
</clipPath>
</defs>
</svg>
<svg
class="skills__svg skills__svg--scss scroll-fade"
alt="SCSS"
width="68"
height="112"
viewBox="0 0 68 112"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M19.8779 99.4205C19.8173 98.8826 19.5673 98.4659 19.1279 98.1705C18.6885 97.8712 18.1355 97.7216 17.4688 97.7216C16.9916 97.7216 16.5787 97.7973 16.2302 97.9489C15.8817 98.0966 15.6109 98.3011 15.4177 98.5625C15.2283 98.8201 15.1336 99.1136 15.1336 99.4432C15.1336 99.7197 15.198 99.9583 15.3268 100.159C15.4594 100.36 15.6317 100.528 15.8438 100.665C16.0597 100.797 16.2908 100.909 16.537 101C16.7832 101.087 17.02 101.159 17.2472 101.216L18.3836 101.511C18.7548 101.602 19.1355 101.725 19.5257 101.881C19.9158 102.036 20.2776 102.241 20.6109 102.494C20.9442 102.748 21.2132 103.062 21.4177 103.438C21.626 103.812 21.7302 104.261 21.7302 104.784C21.7302 105.443 21.5597 106.028 21.2188 106.54C20.8817 107.051 20.3912 107.455 19.7472 107.75C19.1071 108.045 18.3325 108.193 17.4234 108.193C16.5522 108.193 15.7984 108.055 15.162 107.778C14.5257 107.502 14.0276 107.11 13.6677 106.602C13.3079 106.091 13.109 105.485 13.0711 104.784H14.8325C14.8666 105.205 15.0029 105.555 15.2416 105.835C15.484 106.112 15.7927 106.318 16.1677 106.455C16.5465 106.587 16.9613 106.653 17.412 106.653C17.9082 106.653 18.3495 106.576 18.7359 106.42C19.126 106.261 19.4329 106.042 19.6563 105.761C19.8798 105.477 19.9916 105.146 19.9916 104.767C19.9916 104.422 19.8931 104.14 19.6961 103.92C19.5029 103.701 19.2397 103.519 18.9063 103.375C18.5768 103.231 18.2037 103.104 17.787 102.994L16.412 102.619C15.4802 102.366 14.7416 101.992 14.1961 101.5C13.6544 101.008 13.3836 100.356 13.3836 99.5455C13.3836 98.875 13.5654 98.2898 13.9291 97.7898C14.2927 97.2898 14.7851 96.9015 15.4063 96.625C16.0276 96.3447 16.7283 96.2045 17.5086 96.2045C18.2965 96.2045 18.9916 96.3428 19.5938 96.6193C20.1999 96.8958 20.6772 97.2765 21.0257 97.7614C21.3741 98.2424 21.556 98.7955 21.5711 99.4205H19.8779ZM33.493 100.148H31.7203C31.6521 99.7689 31.5252 99.4356 31.3396 99.1477C31.154 98.8598 30.9267 98.6155 30.6578 98.4148C30.3888 98.214 30.0877 98.0625 29.7544 97.9602C29.4248 97.858 29.0744 97.8068 28.7032 97.8068C28.0328 97.8068 27.4324 97.9754 26.9021 98.3125C26.3756 98.6496 25.9589 99.1439 25.6521 99.7955C25.349 100.447 25.1975 101.242 25.1975 102.182C25.1975 103.129 25.349 103.928 25.6521 104.58C25.9589 105.231 26.3775 105.723 26.9078 106.057C27.4381 106.39 28.0347 106.557 28.6975 106.557C29.065 106.557 29.4134 106.508 29.743 106.409C30.0763 106.307 30.3775 106.157 30.6464 105.96C30.9153 105.763 31.1426 105.523 31.3282 105.239C31.5176 104.951 31.6483 104.621 31.7203 104.25L33.493 104.256C33.3983 104.828 33.2146 105.354 32.9419 105.835C32.6729 106.312 32.3263 106.725 31.9021 107.074C31.4816 107.419 31.0006 107.686 30.4589 107.875C29.9172 108.064 29.3263 108.159 28.6862 108.159C27.6786 108.159 26.7809 107.92 25.993 107.443C25.2051 106.962 24.5839 106.275 24.1294 105.381C23.6786 104.487 23.4532 103.42 23.4532 102.182C23.4532 100.939 23.6805 99.8731 24.135 98.983C24.5896 98.089 25.2108 97.4034 25.9987 96.9261C26.7865 96.4451 27.6824 96.2045 28.6862 96.2045C29.3036 96.2045 29.8794 96.2936 30.4134 96.4716C30.9513 96.6458 31.4343 96.9034 31.8623 97.2443C32.2903 97.5814 32.6445 97.9943 32.9248 98.483C33.2051 98.9678 33.3945 99.5227 33.493 100.148ZM41.9404 99.4205C41.8798 98.8826 41.6298 98.4659 41.1904 98.1705C40.751 97.8712 40.198 97.7216 39.5313 97.7216C39.0541 97.7216 38.6412 97.7973 38.2927 97.9489C37.9442 98.0966 37.6734 98.3011 37.4802 98.5625C37.2908 98.8201 37.1961 99.1136 37.1961 99.4432C37.1961 99.7197 37.2605 99.9583 37.3893 100.159C37.5219 100.36 37.6942 100.528 37.9063 100.665C38.1222 100.797 38.3533 100.909 38.5995 101C38.8457 101.087 39.0825 101.159 39.3097 101.216L40.4461 101.511C40.8173 101.602 41.198 101.725 41.5882 101.881C41.9783 102.036 42.3401 102.241 42.6734 102.494C43.0067 102.748 43.2757 103.062 43.4802 103.438C43.6885 103.812 43.7927 104.261 43.7927 104.784C43.7927 105.443 43.6222 106.028 43.2813 106.54C42.9442 107.051 42.4537 107.455 41.8097 107.75C41.1696 108.045 40.395 108.193 39.4859 108.193C38.6147 108.193 37.8609 108.055 37.2245 107.778C36.5882 107.502 36.0901 107.11 35.7302 106.602C35.3704 106.091 35.1715 105.485 35.1336 104.784H36.895C36.9291 105.205 37.0654 105.555 37.3041 105.835C37.5465 106.112 37.8552 106.318 38.2302 106.455C38.609 106.587 39.0238 106.653 39.4745 106.653C39.9707 106.653 40.412 106.576 40.7984 106.42C41.1885 106.261 41.4954 106.042 41.7188 105.761C41.9423 105.477 42.0541 105.146 42.0541 104.767C42.0541 104.422 41.9556 104.14 41.7586 103.92C41.5654 103.701 41.3022 103.519 40.9688 103.375C40.6393 103.231 40.2662 103.104 39.8495 102.994L38.4745 102.619C37.5427 102.366 36.8041 101.992 36.2586 101.5C35.7169 101.008 35.4461 100.356 35.4461 99.5455C35.4461 98.875 35.6279 98.2898 35.9916 97.7898C36.3552 97.2898 36.8476 96.9015 37.4688 96.625C38.0901 96.3447 38.7908 96.2045 39.5711 96.2045C40.359 96.2045 41.0541 96.3428 41.6563 96.6193C42.2624 96.8958 42.7397 97.2765 43.0882 97.7614C43.4366 98.2424 43.6185 98.7955 43.6336 99.4205H41.9404ZM52.2373 99.4205C52.1767 98.8826 51.9267 98.4659 51.4873 98.1705C51.0479 97.8712 50.4949 97.7216 49.8282 97.7216C49.3509 97.7216 48.9381 97.7973 48.5896 97.9489C48.2411 98.0966 47.9703 98.3011 47.7771 98.5625C47.5877 98.8201 47.493 99.1136 47.493 99.4432C47.493 99.7197 47.5574 99.9583 47.6862 100.159C47.8187 100.36 47.9911 100.528 48.2032 100.665C48.4191 100.797 48.6502 100.909 48.8964 101C49.1426 101.087 49.3794 101.159 49.6066 101.216L50.743 101.511C51.1142 101.602 51.4949 101.725 51.885 101.881C52.2752 102.036 52.6369 102.241 52.9703 102.494C53.3036 102.748 53.5725 103.062 53.7771 103.438C53.9854 103.812 54.0896 104.261 54.0896 104.784C54.0896 105.443 53.9191 106.028 53.5782 106.54C53.2411 107.051 52.7506 107.455 52.1066 107.75C51.4665 108.045 50.6919 108.193 49.7828 108.193C48.9115 108.193 48.1578 108.055 47.5214 107.778C46.885 107.502 46.3869 107.11 46.0271 106.602C45.6672 106.091 45.4684 105.485 45.4305 104.784H47.1919C47.2259 105.205 47.3623 105.555 47.6009 105.835C47.8434 106.112 48.1521 106.318 48.5271 106.455C48.9059 106.587 49.3206 106.653 49.7714 106.653C50.2676 106.653 50.7089 106.576 51.0953 106.42C51.4854 106.261 51.7922 106.042 52.0157 105.761C52.2392 105.477 52.3509 105.146 52.3509 104.767C52.3509 104.422 52.2525 104.14 52.0555 103.92C51.8623 103.701 51.599 103.519 51.2657 103.375C50.9362 103.231 50.5631 103.104 50.1464 102.994L48.7714 102.619C47.8396 102.366 47.1009 101.992 46.5555 101.5C46.0138 101.008 45.743 100.356 45.743 99.5455C45.743 98.875 45.9248 98.2898 46.2884 97.7898C46.6521 97.2898 47.1445 96.9015 47.7657 96.625C48.3869 96.3447 49.0877 96.2045 49.868 96.2045C50.6559 96.2045 51.3509 96.3428 51.9532 96.6193C52.5593 96.8958 53.0365 97.2765 53.385 97.7614C53.7335 98.2424 53.9153 98.7955 53.9305 99.4205H52.2373Z"
/>
<path
d="M33.939 39.1531C32.9319 39.6159 31.8285 40.2189 29.6196 41.4311C28.7821 41.9022 27.9069 42.3733 27.0924 42.8172C27.0359 42.7607 26.9773 42.6895 26.9207 42.6309C22.5511 37.9618 14.4692 34.6641 14.8126 28.3934C14.9403 26.1091 15.7255 20.1126 30.3335 12.8305C42.3559 6.90521 51.9222 8.54671 53.5742 12.1877C55.9485 17.3781 48.4466 27.0366 36.0306 28.4373C34.6565 28.7161 33.2373 28.6824 31.8779 28.3388C30.5185 27.9953 29.2537 27.3506 28.177 26.4525C27.5195 25.7385 27.4211 25.6966 27.1783 25.839C26.7784 26.0484 27.0359 26.6953 27.1783 27.0659C27.6519 27.9234 28.2926 28.6772 29.0625 29.2828C29.8325 29.8885 30.7161 30.3335 31.661 30.5918C36.547 31.6479 41.6412 31.1433 46.2251 29.1492C53.75 26.2368 59.6251 18.1403 57.904 11.3523C56.1767 4.47018 44.7532 2.20055 33.9453 6.04049C27.1768 8.32141 20.9233 11.912 15.5412 16.6076C9.58658 22.177 8.6444 27.0178 9.02965 29.0445C10.4157 36.2407 20.3359 40.9245 24.314 44.3938C24.1046 44.509 23.9288 44.6032 23.7717 44.6932C21.7869 45.6794 14.2201 49.6345 12.3336 53.8178C10.1917 58.558 12.677 61.9562 14.3185 62.4126C16.7922 63.0052 19.3892 62.8104 21.7469 61.8554C24.1046 60.9005 26.1052 59.2331 27.4693 57.0861C28.6277 55.3057 29.3391 53.2719 29.5428 51.1577C29.7466 49.0434 29.4368 46.9112 28.6397 44.9424C29.11 44.5673 29.6115 44.2331 30.1388 43.9436C31.1522 43.3448 32.1174 42.7544 32.9738 42.298C35.9058 40.9246 39.1056 40.2174 42.3433 40.2272C49.1396 41.0271 50.4817 45.2669 50.2242 47.0529C50.1037 47.6865 49.8489 48.287 49.4769 48.8139C49.1049 49.3409 48.6244 49.782 48.0676 50.1076C47.5965 50.4071 47.4395 50.5076 47.4814 50.7211C47.5379 51.0352 47.7661 51.0205 48.166 50.964C49.1871 50.6413 50.0867 50.0172 50.7466 49.1738C51.4066 48.3304 51.7959 47.3071 51.8636 46.2384C52.073 42.0509 48.0802 37.4572 41.0117 37.4991C38.8951 37.5027 36.7998 37.9202 34.8435 38.7281C34.5294 38.8579 34.2244 38.9975 33.9285 39.1469L33.939 39.1531ZM23.8366 55.5661C21.5796 58.022 18.439 58.9496 17.0822 58.1644C15.6166 57.3269 16.1966 53.6942 18.9666 51.0959C20.6072 49.6177 22.3804 48.2938 24.2638 47.1408C24.5925 46.9314 25.0782 46.6551 25.6624 46.3033L25.8194 46.2175L26.1628 46.0081C26.6568 47.6645 26.7018 49.4224 26.293 51.1018C25.8843 52.7813 25.0366 54.3219 23.8366 55.5661Z"
/>
</svg>
<svg
class="skills__svg skills__svg--bem scroll-fade"
alt="BEM"
width="68"
height="112"
viewBox="0 0 68 112"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.6251 108V96.3636H21.8865C22.7122 96.3636 23.3959 96.5 23.9376 96.7727C24.4793 97.0417 24.8846 97.4072 25.1535 97.8693C25.4224 98.3277 25.5569 98.8447 25.5569 99.4205C25.5569 99.9053 25.4679 100.314 25.2899 100.648C25.1118 100.977 24.8732 101.242 24.574 101.443C24.2785 101.64 23.9527 101.784 23.5967 101.875V101.989C23.983 102.008 24.3599 102.133 24.7274 102.364C25.0986 102.591 25.4054 102.915 25.6478 103.335C25.8902 103.756 26.0115 104.267 26.0115 104.869C26.0115 105.464 25.8713 105.998 25.591 106.472C25.3145 106.941 24.8865 107.314 24.3069 107.591C23.7274 107.864 22.9868 108 22.0853 108H17.6251ZM19.3808 106.494H21.9149C22.7558 106.494 23.358 106.331 23.7217 106.006C24.0853 105.68 24.2671 105.273 24.2671 104.784C24.2671 104.417 24.1743 104.08 23.9887 103.773C23.8031 103.466 23.538 103.222 23.1933 103.04C22.8524 102.858 22.4471 102.767 21.9774 102.767H19.3808V106.494ZM19.3808 101.398H21.733C22.127 101.398 22.4811 101.322 22.7955 101.17C23.1137 101.019 23.3656 100.807 23.5512 100.534C23.7406 100.258 23.8353 99.9318 23.8353 99.5568C23.8353 99.0758 23.6668 98.6723 23.3296 98.3466C22.9925 98.0208 22.4755 97.858 21.7785 97.858H19.3808V101.398ZM28.0938 108V96.3636H35.3893V97.875H29.8495V101.42H35.0086V102.926H29.8495V106.489H35.4575V108H28.0938ZM37.7345 96.3636H39.8651L43.5697 105.409H43.7061L47.4106 96.3636H49.5413V108H47.8708V99.5795H47.7629L44.3311 107.983H42.9447L39.5129 99.5739H39.4049V108H37.7345V96.3636Z"
/>
<g clip-path="url(#clip0_3569_1416)">
<path
d="M0.0810547 10.3319H15.5111V15.8951H0.0810547V10.3319ZM0.0810547 0H15.5111V5.56321H0.0810547V0ZM27.765 20.5842H0.0810547V26.1474H26.7275C29.6449 26.1474 36.4522 26.2267 38.9808 31.2337V28.1343C37.749 23.2066 34.1185 20.5842 27.7647 20.5842H27.765ZM27.8294 30.9158H0.0810547V36.479H26.7275C33.2107 36.479 37.2953 36.7969 38.9808 37.9097V35.4458C37.684 31.5516 32.2383 30.9158 27.8297 30.9158H27.8294ZM27.765 57.1425H0.0810547V51.5793H26.7275C29.6449 51.5793 36.4522 51.4999 38.9808 46.4929V49.5923C37.749 54.52 34.1185 57.1425 27.7647 57.1425H27.765ZM27.8294 46.8109H0.0810547V41.2477H26.7275C33.2107 41.2477 37.2953 40.9297 38.9808 39.817V42.2808C37.684 46.175 32.2383 46.8109 27.8297 46.8109H27.8294ZM45.7234 66.7592H66.0811V63.3415H46.3068C44.5563 63.3415 40.4073 63.2622 38.9161 60.3215V62.2291C39.6292 65.1695 41.8335 66.7592 45.7234 66.7592ZM45.6587 60.4805H66.0163V57.0631H46.3068C42.352 57.0631 39.8883 56.9042 38.9159 56.189V57.699C39.6937 60.0832 43.0001 60.4805 45.6584 60.4805H45.6587Z"
/>
</g>
<defs>
<clipPath id="clip0_3569_1416">
<rect width="66" height="67" transform="translate(0.0810547)" />
</clipPath>
</defs>
</svg>
<svg
class="skills__svg skills__svg--react scroll-fade"
alt="React"
width="73"
height="112"
viewBox="0 0 73 112"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15.4923 108V96.3636H19.64C20.5415 96.3636 21.2896 96.5189 21.8843 96.8295C22.4828 97.1402 22.9298 97.5701 23.2252 98.1193C23.5207 98.6648 23.6684 99.2955 23.6684 100.011C23.6684 100.723 23.5188 101.35 23.2195 101.892C22.9241 102.43 22.4771 102.848 21.8786 103.148C21.2839 103.447 20.5358 103.597 19.6343 103.597H16.4923V102.085H19.4752C20.0434 102.085 20.5055 102.004 20.8616 101.841C21.2214 101.678 21.4847 101.441 21.6514 101.131C21.818 100.82 21.9014 100.447 21.9014 100.011C21.9014 99.572 21.8161 99.1913 21.6457 98.8693C21.479 98.5473 21.2158 98.3011 20.8559 98.1307C20.4999 97.9564 20.032 97.8693 19.4525 97.8693H17.248V108H15.4923ZM21.2366 102.75L24.1116 108H22.1116L19.2934 102.75H21.2366ZM29.3204 108.176C28.4606 108.176 27.72 107.992 27.0988 107.625C26.4814 107.254 26.0041 106.733 25.667 106.062C25.3337 105.388 25.167 104.598 25.167 103.693C25.167 102.799 25.3337 102.011 25.667 101.33C26.0041 100.648 26.4738 100.116 27.0761 99.733C27.6821 99.3504 28.3905 99.1591 29.2011 99.1591C29.6935 99.1591 30.1708 99.2405 30.6329 99.4034C31.095 99.5663 31.5098 99.822 31.8772 100.17C32.2446 100.519 32.5344 100.972 32.7465 101.528C32.9587 102.081 33.0647 102.754 33.0647 103.545V104.148H26.1272V102.875H31.3999C31.3999 102.428 31.309 102.032 31.1272 101.688C30.9454 101.339 30.6897 101.064 30.3602 100.864C30.0344 100.663 29.6518 100.562 29.2124 100.562C28.7352 100.562 28.3185 100.68 27.9624 100.915C27.6102 101.146 27.3374 101.449 27.1443 101.824C26.9549 102.195 26.8602 102.598 26.8602 103.034V104.028C26.8602 104.612 26.9624 105.108 27.167 105.517C27.3753 105.926 27.6651 106.239 28.0363 106.455C28.4075 106.667 28.8412 106.773 29.3374 106.773C29.6594 106.773 29.953 106.727 30.2181 106.636C30.4833 106.542 30.7124 106.402 30.9056 106.216C31.0988 106.03 31.2465 105.801 31.3488 105.528L32.9568 105.818C32.828 106.292 32.5969 106.706 32.2636 107.062C31.934 107.415 31.5193 107.689 31.0193 107.886C30.5231 108.08 29.9568 108.176 29.3204 108.176ZM37.4894 108.193C36.9364 108.193 36.4364 108.091 35.9894 107.886C35.5425 107.678 35.1883 107.377 34.9269 106.983C34.6694 106.589 34.5406 106.106 34.5406 105.534C34.5406 105.042 34.6353 104.636 34.8247 104.318C35.0141 104 35.2697 103.748 35.5917 103.562C35.9137 103.377 36.2735 103.237 36.6713 103.142C37.069 103.047 37.4743 102.975 37.8872 102.926C38.4099 102.866 38.8341 102.816 39.1599 102.778C39.4856 102.737 39.7224 102.67 39.8701 102.58C40.0178 102.489 40.0917 102.341 40.0917 102.136V102.097C40.0917 101.6 39.9516 101.216 39.6713 100.943C39.3947 100.67 38.9819 100.534 38.4326 100.534C37.8606 100.534 37.4099 100.661 37.0803 100.915C36.7546 101.165 36.5292 101.443 36.4042 101.75L34.8076 101.386C34.997 100.856 35.2735 100.428 35.6372 100.102C36.0046 99.7727 36.4269 99.5341 36.9042 99.3864C37.3815 99.2348 37.8834 99.1591 38.4099 99.1591C38.7584 99.1591 39.1277 99.2008 39.5178 99.2841C39.9118 99.3636 40.2792 99.5114 40.6201 99.7273C40.9648 99.9432 41.247 100.252 41.4667 100.653C41.6864 101.051 41.7963 101.568 41.7963 102.205V108H40.1372V106.807H40.069C39.9591 107.027 39.7944 107.242 39.5747 107.455C39.355 107.667 39.0728 107.843 38.7281 107.983C38.3834 108.123 37.9705 108.193 37.4894 108.193ZM37.8588 106.83C38.3285 106.83 38.73 106.737 39.0633 106.551C39.4004 106.366 39.6561 106.123 39.8303 105.824C40.0084 105.521 40.0974 105.197 40.0974 104.852V103.727C40.0368 103.788 39.9194 103.845 39.7451 103.898C39.5747 103.947 39.3796 103.991 39.1599 104.028C38.9402 104.062 38.7262 104.095 38.5178 104.125C38.3095 104.152 38.1353 104.174 37.9951 104.193C37.6656 104.235 37.3644 104.305 37.0917 104.403C36.8228 104.502 36.6069 104.644 36.444 104.83C36.2849 105.011 36.2053 105.254 36.2053 105.557C36.2053 105.977 36.3606 106.295 36.6713 106.511C36.9819 106.723 37.3777 106.83 37.8588 106.83ZM47.7352 108.176C46.8905 108.176 46.1632 107.985 45.5534 107.602C44.9473 107.216 44.4814 106.684 44.1556 106.006C43.8299 105.328 43.667 104.551 43.667 103.676C43.667 102.79 43.8337 102.008 44.167 101.33C44.5003 100.648 44.97 100.116 45.5761 99.733C46.1821 99.3504 46.8962 99.1591 47.7181 99.1591C48.381 99.1591 48.9719 99.2822 49.4909 99.5284C50.0098 99.7708 50.4284 100.112 50.7465 100.551C51.0685 100.991 51.2598 101.504 51.3204 102.091H49.667C49.5761 101.682 49.3677 101.33 49.042 101.034C48.72 100.739 48.2882 100.591 47.7465 100.591C47.2731 100.591 46.8583 100.716 46.5022 100.966C46.1499 101.212 45.8753 101.564 45.6784 102.023C45.4814 102.477 45.3829 103.015 45.3829 103.636C45.3829 104.273 45.4795 104.822 45.6727 105.284C45.8659 105.746 46.1386 106.104 46.4909 106.358C46.8469 106.612 47.2655 106.739 47.7465 106.739C48.0685 106.739 48.3602 106.68 48.6215 106.562C48.8867 106.441 49.1083 106.269 49.2863 106.045C49.4681 105.822 49.595 105.553 49.667 105.239H51.3204C51.2598 105.803 51.0761 106.307 50.7693 106.75C50.4624 107.193 50.0515 107.542 49.5363 107.795C49.0249 108.049 48.4246 108.176 47.7352 108.176ZM57.211 99.2727V100.636H52.444V99.2727H57.211ZM53.7224 97.1818H55.4213V105.438C55.4213 105.767 55.4705 106.015 55.569 106.182C55.6675 106.345 55.7944 106.456 55.9497 106.517C56.1088 106.574 56.2811 106.602 56.4667 106.602C56.6031 106.602 56.7224 106.593 56.8247 106.574C56.9269 106.555 57.0065 106.54 57.0633 106.528L57.3701 107.932C57.2716 107.97 57.1315 108.008 56.9497 108.045C56.7678 108.087 56.5406 108.11 56.2678 108.114C55.8209 108.121 55.4042 108.042 55.0178 107.875C54.6315 107.708 54.319 107.451 54.0803 107.102C53.8417 106.754 53.7224 106.316 53.7224 105.79V97.1818Z"
/>
<g clip-path="url(#clip0_3569_1417)">
<path
d="M72.0811 35.067C72.0811 30.297 66.1081 25.776 56.9491 22.974C59.0641 13.641 58.1251 6.213 53.9851 3.834C52.9819 3.27216 51.8465 2.98936 50.6971 3.015V6.285C51.3721 6.285 51.9151 6.42 52.3711 6.669C54.3661 7.815 55.2331 12.171 54.5581 17.778C54.3961 19.158 54.1321 20.61 53.8081 22.092C50.741 21.3529 47.6281 20.8187 44.4901 20.493C42.6206 17.9139 40.5811 15.4624 38.3851 13.155C43.1701 8.709 47.6611 6.273 50.7151 6.273V3C46.6771 3 41.3941 5.877 36.0511 10.866C30.7111 5.91 25.4251 3.06 21.3901 3.06V6.33C24.4291 6.33 28.9351 8.754 33.7201 13.17C31.6651 15.33 29.6101 17.778 27.6571 20.493C24.5126 20.8151 21.3941 21.3544 18.3241 22.107C17.9996 20.7024 17.7443 19.2827 17.5591 17.853C16.8691 12.243 17.7211 7.887 19.7041 6.729C20.1421 6.465 20.7151 6.345 21.3901 6.345V3.075C20.1601 3.075 19.0411 3.339 18.0751 3.894C13.9501 6.273 13.0261 13.683 15.1531 22.989C6.02406 25.809 0.0810547 30.312 0.0810547 35.067C0.0810547 39.837 6.05406 44.358 15.2131 47.157C13.0981 56.493 14.0371 63.921 18.1771 66.297C19.1311 66.855 20.2471 67.119 21.4771 67.119C25.5151 67.119 30.7981 64.242 36.1411 59.253C41.4811 64.212 46.7641 67.059 50.8021 67.059C51.9604 67.0835 53.1044 66.7998 54.1171 66.237C58.2421 63.861 59.1661 56.451 57.0391 47.145C66.1381 44.343 72.0811 39.822 72.0811 35.067ZM52.9711 25.278C52.401 27.2396 51.7403 29.1736 50.9911 31.074C49.7645 28.6883 48.4178 26.3663 46.9561 24.117C49.0411 24.426 51.0511 24.807 52.9741 25.278H52.9711ZM46.2511 40.908C45.1522 42.8264 43.9722 44.6971 42.7141 46.515C38.3108 46.9031 33.8822 46.9081 29.4781 46.53C26.9519 42.9215 24.7427 39.1013 22.8751 35.112C24.7398 31.1133 26.9397 27.2796 29.4511 23.652C33.8532 23.2631 38.2808 23.2571 42.6841 23.634C43.9021 25.38 45.0931 27.246 46.2361 29.214C47.3521 31.134 48.3661 33.084 49.2901 35.052C48.3558 37.0439 47.342 38.9974 46.2511 40.908ZM50.9911 39C51.7831 40.965 52.4611 42.933 53.0161 44.841C51.0961 45.312 49.0681 45.708 46.9711 46.014C48.4268 43.7443 49.7684 41.4034 50.9911 39ZM36.1111 54.66C34.7461 53.25 33.3811 51.681 32.0311 49.962C33.3511 50.022 34.7011 50.067 36.0661 50.067C37.4461 50.067 38.8111 50.037 40.1461 49.962C38.8261 51.681 37.4611 53.25 36.1111 54.66ZM25.1911 46.014C23.1683 45.7209 21.1601 45.3345 19.1731 44.856C19.7161 42.963 20.3911 41.01 21.1531 39.06C21.7561 40.23 22.3891 41.406 23.0791 42.582C23.7691 43.755 24.4711 44.901 25.1911 46.014ZM36.0361 15.474C37.4011 16.884 38.7661 18.453 40.1161 20.172C38.7961 20.112 37.4461 20.067 36.0811 20.067C34.7011 20.067 33.3361 20.097 32.0011 20.172C33.3211 18.453 34.6861 16.884 36.0361 15.474ZM25.1761 24.12C23.7207 26.3848 22.379 28.7207 21.1561 31.119C20.3857 29.2064 19.7099 27.257 19.1311 25.278C21.0511 24.822 23.0791 24.426 25.1761 24.12ZM11.8951 42.492C6.69905 40.278 3.33905 37.371 3.33905 35.067C3.33905 32.763 6.69905 29.841 11.8951 27.642C13.1551 27.099 14.5351 26.613 15.9601 26.16C16.7971 29.034 17.8981 32.028 19.2601 35.097C17.9742 37.9836 16.8866 40.9544 16.0051 43.989C14.6114 43.5575 13.2398 43.0579 11.8951 42.492ZM19.7911 63.462C17.7961 62.322 16.9291 57.96 17.6041 52.356C17.7661 50.976 18.0301 49.521 18.3541 48.039C21.2281 48.744 24.3691 49.287 27.6721 49.641C29.5416 52.2201 31.5811 54.6715 33.7771 56.979C28.9921 61.425 24.5011 63.861 21.4471 63.861C20.8709 63.8673 20.3021 63.7313 19.7911 63.465V63.462ZM54.6031 52.281C55.2931 57.888 54.4411 62.247 52.4581 63.405C52.0201 63.669 51.4471 63.786 50.7721 63.786C47.7331 63.786 43.2271 61.365 38.4421 56.946C40.6288 54.6482 42.6546 52.2024 44.5051 49.626C47.6496 49.3039 50.768 48.7646 53.8381 48.012C54.1771 49.494 54.4381 50.916 54.6031 52.281ZM60.2521 42.492C58.9921 43.035 57.6121 43.521 56.1871 43.974C55.29 40.924 54.1875 37.9381 52.8871 35.037C54.2371 31.986 55.3201 29.007 56.1421 26.145C57.5401 26.578 58.9167 27.0775 60.2671 27.642C65.4631 29.856 68.8231 32.763 68.8231 35.067C68.8081 37.371 65.4481 40.293 60.2521 42.492Z"
/>
<path
d="M36.0659 41.775C37.845 41.775 39.5512 41.0683 40.8092 39.8103C42.0672 38.5523 42.7739 36.8461 42.7739 35.067C42.7739 33.2879 42.0672 31.5817 40.8092 30.3237C39.5512 29.0657 37.845 28.359 36.0659 28.359C34.2868 28.359 32.5806 29.0657 31.3226 30.3237C30.0646 31.5817 29.3579 33.2879 29.3579 35.067C29.3579 36.8461 30.0646 38.5523 31.3226 39.8103C32.5806 41.0683 34.2868 41.775 36.0659 41.775Z"
/>
</g>
<defs>
<clipPath id="clip0_3569_1417">
<rect width="72" height="72" transform="translate(0.0810547)" />
</clipPath>
</defs>
</svg>
<svg
class="skills__svg skills__svg--java scroll-fade"
alt="Java"
width="73"
height="112"
viewBox="0 0 73 112"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24.1088 96.3636H25.8588V104.614C25.8588 105.36 25.711 105.998 25.4156 106.528C25.1239 107.059 24.7129 107.464 24.1826 107.744C23.6523 108.021 23.0311 108.159 22.319 108.159C21.6637 108.159 21.0747 108.04 20.5519 107.801C20.033 107.562 19.622 107.216 19.319 106.761C19.0197 106.303 18.8701 105.746 18.8701 105.091H20.6144C20.6144 105.413 20.6883 105.691 20.836 105.926C20.9875 106.161 21.194 106.345 21.4553 106.477C21.7205 106.606 22.0235 106.67 22.3644 106.67C22.7356 106.67 23.05 106.593 23.3076 106.438C23.569 106.278 23.7678 106.045 23.9042 105.739C24.0406 105.432 24.1088 105.057 24.1088 104.614V96.3636ZM30.8176 108.193C30.2645 108.193 29.7645 108.091 29.3176 107.886C28.8706 107.678 28.5164 107.377 28.2551 106.983C27.9975 106.589 27.8687 106.106 27.8687 105.534C27.8687 105.042 27.9634 104.636 28.1528 104.318C28.3422 104 28.5979 103.748 28.9198 103.562C29.2418 103.377 29.6017 103.237 29.9994 103.142C30.3971 103.047 30.8024 102.975 31.2153 102.926C31.738 102.866 32.1623 102.816 32.488 102.778C32.8138 102.737 33.0505 102.67 33.1982 102.58C33.346 102.489 33.4198 102.341 33.4198 102.136V102.097C33.4198 101.6 33.2797 101.216 32.9994 100.943C32.7229 100.67 32.31 100.534 31.7607 100.534C31.1888 100.534 30.738 100.661 30.4085 100.915C30.0827 101.165 29.8573 101.443 29.7323 101.75L28.1357 101.386C28.3251 100.856 28.6017 100.428 28.9653 100.102C29.3327 99.7727 29.7551 99.5341 30.2323 99.3864C30.7096 99.2348 31.2115 99.1591 31.738 99.1591C32.0865 99.1591 32.4558 99.2008 32.846 99.2841C33.2399 99.3636 33.6073 99.5114 33.9482 99.7273C34.2929 99.9432 34.5751 100.252 34.7948 100.653C35.0145 101.051 35.1244 101.568 35.1244 102.205V108H33.4653V106.807H33.3971C33.2873 107.027 33.1225 107.242 32.9028 107.455C32.6831 107.667 32.4009 107.843 32.0562 107.983C31.7115 108.123 31.2986 108.193 30.8176 108.193ZM31.1869 106.83C31.6566 106.83 32.0581 106.737 32.3914 106.551C32.7285 106.366 32.9842 106.123 33.1585 105.824C33.3365 105.521 33.4255 105.197 33.4255 104.852V103.727C33.3649 103.788 33.2475 103.845 33.0732 103.898C32.9028 103.947 32.7077 103.991 32.488 104.028C32.2683 104.062 32.0543 104.095 31.846 104.125C31.6376 104.152 31.4634 104.174 31.3232 104.193C30.9937 104.235 30.6926 104.305 30.4198 104.403C30.1509 104.502 29.935 104.644 29.7721 104.83C29.613 105.011 29.5335 105.254 29.5335 105.557C29.5335 105.977 29.6888 106.295 29.9994 106.511C30.31 106.723 30.7058 106.83 31.1869 106.83ZM44.5406 99.2727L41.3758 108H39.5576L36.3872 99.2727H38.211L40.4213 105.989H40.5122L42.7167 99.2727H44.5406ZM48.4269 108.193C47.8739 108.193 47.3739 108.091 46.9269 107.886C46.48 107.678 46.1258 107.377 45.8644 106.983C45.6069 106.589 45.4781 106.106 45.4781 105.534C45.4781 105.042 45.5728 104.636 45.7622 104.318C45.9516 104 46.2072 103.748 46.5292 103.562C46.8512 103.377 47.211 103.237 47.6088 103.142C48.0065 103.047 48.4118 102.975 48.8247 102.926C49.3474 102.866 49.7716 102.816 50.0974 102.778C50.4231 102.737 50.6599 102.67 50.8076 102.58C50.9553 102.489 51.0292 102.341 51.0292 102.136V102.097C51.0292 101.6 50.8891 101.216 50.6088 100.943C50.3322 100.67 49.9194 100.534 49.3701 100.534C48.7981 100.534 48.3474 100.661 48.0178 100.915C47.6921 101.165 47.4667 101.443 47.3417 101.75L45.7451 101.386C45.9345 100.856 46.211 100.428 46.5747 100.102C46.9421 99.7727 47.3644 99.5341 47.8417 99.3864C48.319 99.2348 48.8209 99.1591 49.3474 99.1591C49.6959 99.1591 50.0652 99.2008 50.4553 99.2841C50.8493 99.3636 51.2167 99.5114 51.5576 99.7273C51.9023 99.9432 52.1845 100.252 52.4042 100.653C52.6239 101.051 52.7338 101.568 52.7338 102.205V108H51.0747V106.807H51.0065C50.8966 107.027 50.7319 107.242 50.5122 107.455C50.2925 107.667 50.0103 107.843 49.6656 107.983C49.3209 108.123 48.908 108.193 48.4269 108.193ZM48.7963 106.83C49.266 106.83 49.6675 106.737 50.0008 106.551C50.3379 106.366 50.5936 106.123 50.7678 105.824C50.9459 105.521 51.0349 105.197 51.0349 104.852V103.727C50.9743 103.788 50.8569 103.845 50.6826 103.898C50.5122 103.947 50.3171 103.991 50.0974 104.028C49.8777 104.062 49.6637 104.095 49.4553 104.125C49.247 104.152 49.0728 104.174 48.9326 104.193C48.6031 104.235 48.3019 104.305 48.0292 104.403C47.7603 104.502 47.5444 104.644 47.3815 104.83C47.2224 105.011 47.1428 105.254 47.1428 105.557C47.1428 105.977 47.2981 106.295 47.6088 106.511C47.9194 106.723 48.3152 106.83 48.7963 106.83Z"
/>
<path
d="M26.6379 55.6763C26.6379 55.6763 23.8839 57.2805 28.5931 57.8183C34.2991 58.4753 37.2174 58.383 43.4994 57.186C43.4994 57.186 45.1486 58.23 47.4594 59.1323C33.3631 65.169 15.5611 58.77 26.6356 55.6763H26.6379ZM24.9121 47.8013C24.9121 47.8013 21.8184 50.085 26.5299 50.5643C32.6386 51.1965 37.4401 51.2573 45.7719 49.653C45.7719 49.653 46.9216 50.814 48.7396 51.4553C31.7004 56.4345 12.7149 51.8423 24.9144 47.8013H24.9121ZM39.4314 34.4318C42.8986 38.4278 38.5156 42.0255 38.5156 42.0255C38.5156 42.0255 47.3289 37.4648 43.2856 31.7723C39.5034 26.451 36.5964 23.8163 52.2969 14.7083C52.2969 14.7083 27.6526 20.862 39.4291 34.434L39.4314 34.4318ZM58.0659 61.5128C58.0659 61.5128 60.1066 63.1868 55.8271 64.4895C47.6934 66.9488 21.9714 67.6868 14.8231 64.5818C12.2581 63.468 17.0731 61.911 18.5851 61.5938C20.1669 61.2428 21.0691 61.3148 21.0691 61.3148C18.2094 59.2988 2.60113 65.2635 13.1379 66.9735C41.8839 71.6378 65.5291 64.8765 58.0659 61.5128ZM27.9609 39.6338C27.9609 39.6338 14.8726 42.7388 23.3191 43.8638C26.8944 44.343 34.0089 44.2395 40.6419 43.677C46.0531 43.218 51.4936 42.246 51.4936 42.246C51.4936 42.246 49.5834 43.065 48.1996 44.0168C34.9089 47.5088 9.23638 45.8798 16.6299 42.3068C22.8759 39.294 27.9609 39.6338 27.9609 39.6338ZM51.4329 52.758C64.9329 45.7268 58.6869 38.988 54.3399 39.9038C53.2711 40.113 52.7919 40.3155 52.7919 40.3155C52.7919 40.3155 53.1789 39.6923 53.9416 39.4245C62.5659 36.3893 69.1989 48.3638 51.1629 53.1113C51.1629 53.1 51.3766 52.9245 51.4329 52.7603V52.758ZM43.2879 0C43.2879 0 50.7669 7.47675 36.1869 18.9833C24.5049 28.2173 33.5251 33.48 36.1869 39.492C29.3671 33.3383 24.3631 27.927 27.7156 22.887C32.6476 15.4688 46.3006 11.8823 43.2879 0ZM29.2839 71.7773C42.2461 72.5963 62.1541 71.3093 62.6379 65.1803C62.6379 65.1803 61.7221 67.5 51.9121 69.3495C40.8511 71.4353 27.1981 71.1878 19.1004 69.8535C19.1004 69.8535 20.7654 71.2238 29.2816 71.7773H29.2839Z"
/>
</svg>
<svg
class="skills__svg skills__svg--springboot scroll-fade"
alt="Spring Boot"
width="89"
height="112"
viewBox="0 0 89 112"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.87012 99.4205C6.80951 98.8826 6.55951 98.4659 6.12012 98.1705C5.68072 97.8712 5.12769 97.7216 4.46103 97.7216C3.98375 97.7216 3.57087 97.7973 3.22239 97.9489C2.87391 98.0966 2.60307 98.3011 2.40989 98.5625C2.2205 98.8201 2.1258 99.1136 2.1258 99.4432C2.1258 99.7197 2.19019 99.9583 2.31898 100.159C2.45156 100.36 2.62391 100.528 2.83603 100.665C3.05194 100.797 3.283 100.909 3.52921 101C3.77542 101.087 4.01216 101.159 4.23944 101.216L5.3758 101.511C5.74701 101.602 6.12769 101.725 6.51784 101.881C6.908 102.036 7.26974 102.241 7.60307 102.494C7.93641 102.748 8.20534 103.062 8.40989 103.438C8.61822 103.812 8.72239 104.261 8.72239 104.784C8.72239 105.443 8.55194 106.028 8.21103 106.54C7.87391 107.051 7.38338 107.455 6.73944 107.75C6.09928 108.045 5.32466 108.193 4.41557 108.193C3.54436 108.193 2.79057 108.055 2.15421 107.778C1.51784 107.502 1.01974 107.11 0.65989 106.602C0.300041 106.091 0.101178 105.485 0.0632991 104.784H1.82466C1.85875 105.205 1.99512 105.555 2.23375 105.835C2.47618 106.112 2.78489 106.318 3.15989 106.455C3.53868 106.587 3.95345 106.653 4.40421 106.653C4.90042 106.653 5.34171 106.576 5.72807 106.42C6.11822 106.261 6.42504 106.042 6.64853 105.761C6.87201 105.477 6.98375 105.146 6.98375 104.767C6.98375 104.422 6.88527 104.14 6.6883 103.92C6.49512 103.701 6.23186 103.519 5.89853 103.375C5.56898 103.231 5.19587 103.104 4.77921 102.994L3.40421 102.619C2.47239 102.366 1.73375 101.992 1.1883 101.5C0.646632 101.008 0.375799 100.356 0.375799 99.5455C0.375799 98.875 0.557617 98.2898 0.921254 97.7898C1.28489 97.2898 1.77731 96.9015 2.39853 96.625C3.01974 96.3447 3.7205 96.2045 4.5008 96.2045C5.28868 96.2045 5.98375 96.3428 6.58603 96.6193C7.19209 96.8958 7.66936 97.2765 8.01785 97.7614C8.36633 98.2424 8.54815 98.7955 8.5633 99.4205H6.87012ZM10.684 111.273V99.2727H12.3431V100.688H12.4852C12.5837 100.506 12.7257 100.295 12.9113 100.057C13.0969 99.8182 13.3545 99.6098 13.684 99.4318C14.0136 99.25 14.4492 99.1591 14.9909 99.1591C15.6954 99.1591 16.3242 99.3371 16.8772 99.6932C17.4303 100.049 17.864 100.562 18.1784 101.233C18.4965 101.903 18.6556 102.71 18.6556 103.653C18.6556 104.597 18.4984 105.405 18.184 106.08C17.8696 106.75 17.4378 107.267 16.8886 107.631C16.3393 107.991 15.7124 108.17 15.0079 108.17C14.4776 108.17 14.0439 108.081 13.7068 107.903C13.3734 107.725 13.1121 107.517 12.9227 107.278C12.7333 107.04 12.5874 106.828 12.4852 106.642H12.3829V111.273H10.684ZM12.3488 103.636C12.3488 104.25 12.4378 104.788 12.6159 105.25C12.7939 105.712 13.0515 106.074 13.3886 106.335C13.7257 106.593 14.1386 106.722 14.6272 106.722C15.1348 106.722 15.559 106.587 15.8999 106.318C16.2409 106.045 16.4984 105.676 16.6727 105.21C16.8507 104.744 16.9397 104.22 16.9397 103.636C16.9397 103.061 16.8526 102.544 16.6784 102.085C16.5079 101.627 16.2503 101.265 15.9056 101C15.5647 100.735 15.1386 100.602 14.6272 100.602C14.1348 100.602 13.7181 100.729 13.3772 100.983C13.0401 101.237 12.7844 101.591 12.6102 102.045C12.4359 102.5 12.3488 103.03 12.3488 103.636ZM20.559 108V99.2727H22.2011V100.659H22.292C22.4511 100.189 22.7314 99.8201 23.1329 99.5511C23.5382 99.2784 23.9965 99.142 24.5079 99.142C24.614 99.142 24.739 99.1458 24.8829 99.1534C25.0306 99.161 25.1462 99.1705 25.2295 99.1818V100.807C25.1613 100.788 25.0401 100.767 24.8659 100.744C24.6916 100.718 24.5174 100.705 24.3431 100.705C23.9416 100.705 23.5837 100.79 23.2693 100.96C22.9587 101.127 22.7124 101.36 22.5306 101.659C22.3488 101.955 22.2579 102.292 22.2579 102.67V108H20.559ZM26.6997 108V99.2727H28.3985V108H26.6997ZM27.5576 97.9261C27.2622 97.9261 27.0084 97.8277 26.7963 97.6307C26.5879 97.4299 26.4838 97.1913 26.4838 96.9148C26.4838 96.6345 26.5879 96.3958 26.7963 96.1989C27.0084 95.9981 27.2622 95.8977 27.5576 95.8977C27.8531 95.8977 28.105 95.9981 28.3133 96.1989C28.5254 96.3958 28.6315 96.6345 28.6315 96.9148C28.6315 97.1913 28.5254 97.4299 28.3133 97.6307C28.105 97.8277 27.8531 97.9261 27.5576 97.9261ZM32.3829 102.818V108H30.684V99.2727H32.3147V100.693H32.4227C32.6234 100.231 32.9378 99.8598 33.3659 99.5795C33.7977 99.2992 34.3412 99.1591 34.9965 99.1591C35.5912 99.1591 36.1121 99.2841 36.559 99.5341C37.006 99.7803 37.3526 100.148 37.5988 100.636C37.845 101.125 37.9681 101.729 37.9681 102.449V108H36.2693V102.653C36.2693 102.021 36.1045 101.527 35.7749 101.17C35.4454 100.811 34.9927 100.631 34.417 100.631C34.0231 100.631 33.6727 100.716 33.3659 100.886C33.0628 101.057 32.8223 101.307 32.6443 101.636C32.47 101.962 32.3829 102.356 32.3829 102.818ZM43.9056 111.455C43.2124 111.455 42.6159 111.364 42.1159 111.182C41.6196 111 41.2143 110.759 40.8999 110.46C40.5856 110.161 40.3507 109.833 40.1954 109.477L41.6556 108.875C41.7579 109.042 41.8943 109.218 42.0647 109.403C42.239 109.593 42.4738 109.754 42.7693 109.886C43.0685 110.019 43.453 110.085 43.9227 110.085C44.5666 110.085 45.0988 109.928 45.5193 109.614C45.9397 109.303 46.1499 108.807 46.1499 108.125V106.409H46.042C45.9397 106.595 45.792 106.801 45.5988 107.028C45.4094 107.256 45.1481 107.453 44.8147 107.619C44.4814 107.786 44.0477 107.869 43.5136 107.869C42.8242 107.869 42.203 107.708 41.6499 107.386C41.1007 107.061 40.6651 106.581 40.3431 105.949C40.0249 105.312 39.8659 104.53 39.8659 103.602C39.8659 102.674 40.0231 101.879 40.3374 101.216C40.6556 100.553 41.0912 100.045 41.6443 99.6932C42.1973 99.3371 42.8242 99.1591 43.5249 99.1591C44.0666 99.1591 44.5041 99.25 44.8374 99.4318C45.1708 99.6098 45.4302 99.8182 45.6159 100.057C45.8053 100.295 45.9511 100.506 46.0534 100.688H46.1784V99.2727H47.8431V108.193C47.8431 108.943 47.6689 109.559 47.3204 110.04C46.9719 110.521 46.5003 110.877 45.9056 111.108C45.3147 111.339 44.6481 111.455 43.9056 111.455ZM43.8886 106.46C44.3772 106.46 44.7901 106.347 45.1272 106.119C45.4681 105.888 45.7257 105.559 45.8999 105.131C46.078 104.699 46.167 104.182 46.167 103.58C46.167 102.992 46.0799 102.475 45.9056 102.028C45.7314 101.581 45.4757 101.233 45.1386 100.983C44.8015 100.729 44.3848 100.602 43.8886 100.602C43.3772 100.602 42.9511 100.735 42.6102 101C42.2693 101.261 42.0117 101.617 41.8374 102.068C41.667 102.519 41.5818 103.023 41.5818 103.58C41.5818 104.152 41.6689 104.653 41.8431 105.085C42.0174 105.517 42.2749 105.854 42.6159 106.097C42.9606 106.339 43.3848 106.46 43.8886 106.46ZM54.4923 108V96.3636H58.7536C59.5794 96.3636 60.2631 96.5 60.8048 96.7727C61.3464 97.0417 61.7517 97.4072 62.0207 97.8693C62.2896 98.3277 62.4241 98.8447 62.4241 99.4205C62.4241 99.9053 62.3351 100.314 62.157 100.648C61.979 100.977 61.7404 101.242 61.4411 101.443C61.1457 101.64 60.8199 101.784 60.4639 101.875V101.989C60.8502 102.008 61.2271 102.133 61.5945 102.364C61.9658 102.591 62.2726 102.915 62.515 103.335C62.7574 103.756 62.8786 104.267 62.8786 104.869C62.8786 105.464 62.7385 105.998 62.4582 106.472C62.1817 106.941 61.7536 107.314 61.1741 107.591C60.5945 107.864 59.854 108 58.9525 108H54.4923ZM56.248 106.494H58.782C59.623 106.494 60.2252 106.331 60.5889 106.006C60.9525 105.68 61.1343 105.273 61.1343 104.784C61.1343 104.417 61.0415 104.08 60.8559 103.773C60.6703 103.466 60.4052 103.222 60.0605 103.04C59.7195 102.858 59.3142 102.767 58.8445 102.767H56.248V106.494ZM56.248 101.398H58.6002C58.9942 101.398 59.3483 101.322 59.6627 101.17C59.9809 101.019 60.2328 100.807 60.4184 100.534C60.6078 100.258 60.7025 99.9318 60.7025 99.5568C60.7025 99.0758 60.5339 98.6723 60.1968 98.3466C59.8597 98.0208 59.3427 97.858 58.6457 97.858H56.248V101.398ZM68.5008 108.176C67.6826 108.176 66.9686 107.989 66.3588 107.614C65.7489 107.239 65.2754 106.714 64.9383 106.04C64.6012 105.366 64.4326 104.578 64.4326 103.676C64.4326 102.771 64.6012 101.979 64.9383 101.301C65.2754 100.623 65.7489 100.097 66.3588 99.7216C66.9686 99.3466 67.6826 99.1591 68.5008 99.1591C69.319 99.1591 70.033 99.3466 70.6428 99.7216C71.2527 100.097 71.7262 100.623 72.0633 101.301C72.4004 101.979 72.569 102.771 72.569 103.676C72.569 104.578 72.4004 105.366 72.0633 106.04C71.7262 106.714 71.2527 107.239 70.6428 107.614C70.033 107.989 69.319 108.176 68.5008 108.176ZM68.5065 106.75C69.0368 106.75 69.4762 106.61 69.8247 106.33C70.1731 106.049 70.4307 105.676 70.5974 105.21C70.7678 104.744 70.8531 104.231 70.8531 103.67C70.8531 103.114 70.7678 102.602 70.5974 102.136C70.4307 101.667 70.1731 101.29 69.8247 101.006C69.4762 100.722 69.0368 100.58 68.5065 100.58C67.9724 100.58 67.5292 100.722 67.1769 101.006C66.8285 101.29 66.569 101.667 66.3985 102.136C66.2319 102.602 66.1485 103.114 66.1485 103.67C66.1485 104.231 66.2319 104.744 66.3985 105.21C66.569 105.676 66.8285 106.049 67.1769 106.33C67.5292 106.61 67.9724 106.75 68.5065 106.75ZM78.1414 108.176C77.3232 108.176 76.6092 107.989 75.9994 107.614C75.3895 107.239 74.916 106.714 74.5789 106.04C74.2418 105.366 74.0732 104.578 74.0732 103.676C74.0732 102.771 74.2418 101.979 74.5789 101.301C74.916 100.623 75.3895 100.097 75.9994 99.7216C76.6092 99.3466 77.3232 99.1591 78.1414 99.1591C78.9596 99.1591 79.6736 99.3466 80.2835 99.7216C80.8933 100.097 81.3668 100.623 81.7039 101.301C82.041 101.979 82.2096 102.771 82.2096 103.676C82.2096 104.578 82.041 105.366 81.7039 106.04C81.3668 106.714 80.8933 107.239 80.2835 107.614C79.6736 107.989 78.9596 108.176 78.1414 108.176ZM78.1471 106.75C78.6774 106.75 79.1168 106.61 79.4653 106.33C79.8138 106.049 80.0713 105.676 80.238 105.21C80.4085 104.744 80.4937 104.231 80.4937 103.67C80.4937 103.114 80.4085 102.602 80.238 102.136C80.0713 101.667 79.8138 101.29 79.4653 101.006C79.1168 100.722 78.6774 100.58 78.1471 100.58C77.613 100.58 77.1698 100.722 76.8176 101.006C76.4691 101.29 76.2096 101.667 76.0392 102.136C75.8725 102.602 75.7892 103.114 75.7892 103.67C75.7892 104.231 75.8725 104.744 76.0392 105.21C76.2096 105.676 76.4691 106.049 76.8176 106.33C77.1698 106.61 77.613 106.75 78.1471 106.75ZM88.1798 99.2727V100.636H83.4127V99.2727H88.1798ZM84.6911 97.1818H86.39V105.438C86.39 105.767 86.4392 106.015 86.5377 106.182C86.6362 106.345 86.7631 106.456 86.9184 106.517C87.0775 106.574 87.2499 106.602 87.4355 106.602C87.5718 106.602 87.6911 106.593 87.7934 106.574C87.8957 106.555 87.9752 106.54 88.032 106.528L88.3389 107.932C88.2404 107.97 88.1002 108.008 87.9184 108.045C87.7366 108.087 87.5093 108.11 87.2366 108.114C86.7896 108.121 86.373 108.042 85.9866 107.875C85.6002 107.708 85.2877 107.451 85.0491 107.102C84.8105 106.754 84.6911 106.316 84.6911 105.79V97.1818Z"
/>
<path
d="M68.6961 49.176C61.2891 59.043 45.4731 55.713 35.3301 56.19C35.3301 56.19 33.5331 56.292 31.7271 56.589C31.7271 56.589 32.4111 56.298 33.2841 55.995C40.4061 53.532 43.7721 53.037 48.1011 50.814C56.2311 46.65 64.3251 37.575 65.9721 28.149C62.8761 37.215 53.4621 45.018 44.8911 48.186C39.0261 50.352 28.4151 52.458 28.4121 52.458C28.2679 52.3842 28.1249 52.3082 27.9831 52.23C20.7681 48.72 20.5581 33.09 33.6651 28.053C39.4131 25.845 44.9061 27.057 51.1191 25.578C57.7431 24.003 65.4171 19.038 68.5341 12.546C72.0291 22.92 76.2291 39.144 68.6961 49.176ZM68.8221 9.33597C67.9841 11.3452 66.9117 13.2484 65.6271 15.006C62.8346 12.1279 59.4925 9.84002 55.7991 8.27803C52.1057 6.71605 48.1362 5.91179 44.1261 5.91297C27.5571 5.91297 14.0811 19.389 14.0811 35.955C14.0791 40.0872 14.9324 44.1752 16.5871 47.9617C18.2418 51.7482 20.6622 55.1513 23.6961 57.957L24.3561 58.539C23.875 58.0571 23.605 57.4039 23.6054 56.723C23.6058 56.0421 23.8766 55.3893 24.3583 54.908C24.84 54.4268 25.493 54.1565 26.1739 54.1566C26.8548 54.1568 27.5078 54.4273 27.9893 54.9088C28.4707 55.3902 28.7413 56.0432 28.7414 56.7241C28.7415 57.405 28.4713 58.0581 27.99 58.5397C27.5087 59.0214 26.8559 59.2922 26.175 59.2926C25.4941 59.293 24.8409 59.023 24.3591 58.542L24.8061 58.938C30.2073 63.5044 37.0532 66.0068 44.1261 66C59.9601 66 72.9651 53.676 74.0781 38.124C74.9001 30.507 72.6501 20.835 68.8221 9.33597Z"
/>
</svg>
<!-- </div> -->
</section>
<section class="portfolio scroll-fade scroll-section">
<h3 class="portfolio__title scroll-fade" id="portfolio">PORTFOLIO.</h3>
<img
src="./project-footer-images/smart-home.jpg"
alt=""
class="portfolio__project portfolio__project--one scroll-fade"
/>
<p class="portfolio__text portfolio__text--one scroll-fade">Smart Home System</p>
<button class="portfolio__button portfolio__button--one scroll-fade" onclick="toggle()">More</button>
<!--button to expand my project view ^-->
<img
src="./project-projects-images/rpg-game.png"
alt=""
class="portfolio__project portfolio__project--two scroll-fade"
/>
<p class="portfolio__text portfolio__text--two scroll-fade">RPG Game</p>
<button class="portfolio__button portfolio__button--two scroll-fade">More</button>
<img
src="./project-projects-images/cafe.png"
alt=""
class="portfolio__project portfolio__project--three scroll-fade"
/>
<p class="portfolio__text portfolio__text--three scroll-fade">Cafe Menu</p>
<button class="portfolio__button portfolio__button--three scroll-fade">More</button>
<img
src="./project-projects-images/markers.png"
alt=""
class="portfolio__project portfolio__project--four scroll-fade"
/>
<p class="portfolio__text portfolio__text--four scroll-fade">Markers</p>
<button class="portfolio__button portfolio__button--four scroll-fade">More</button>
<img
src="./project-projects-images/registration-form.png"
alt=""
class="portfolio__project portfolio__project--five scroll-fade"
/>
<p class="portfolio__text portfolio__text--five scroll-fade">Registration Form</p>
<button class="portfolio__button portfolio__button--five scroll-fade">More</button>
<img
src="./project-projects-images/_nology-website.png"
alt=""
class="portfolio__project portfolio__project--six scroll-fade"
/>
<p class="portfolio__text portfolio__text--six scroll-fade">Website</p>
<button class="portfolio__button portfolio__button--six scroll-fade">More</button>
</section>
<section class="contact scroll-fade scroll-section" id="contact">
<!--Add form on clicking contact-->
<h3 class="contact__title scroll-fade">Get in touch.</h3>
<p class="contact__text">Get in contact with me for any further information or work via the button below</p>
<button class="contact__button scroll-fade" onclick="toggle2()">CONTACT</button>
</section>
</div>
</main>
<div id="popup__projectone">
<p>I lied! I do not have the facilities to create a smart home system! If anything maybe a dumb home system LOLOLOLOL</p>
<button class="portfolio__button portfolio__button--close scroll-fade" onclick="toggle()">Close</button>
<button class="portfolio__button portfolio__button--git scroll-fade" onclick="window.open('https://github.com/bwardak', '_blank'); ">Github</button>
</div>
<div id="popup__buttonone">
<p>First Name: </p>
<p>Surname: </p>
<p>Email Address: </p>
<button class="portfolio__button portfolio__button--close scroll-fade" onclick="toggle2()">Close</button>
<button class="portfolio__button portfolio__button--send scroll-fade" onclick="toggle2()">Send</button>
</div>
<footer class="footer">
<!--image logo links to my social contacts-->
<a
href="https://www.linkedin.com/in/baheer-w-705a96292/"
target="_blank"
class="footer__image footer__image--one"
>
<img
src="./project-footer-images/linkedin.svg"
alt="button with link to Baheers linkedin profile"
/></a>
<a
href="https://github.com/bwardak"
target="_blank"
class="footer__image footer__image--two"
>
<img
src="./project-footer-images/github.svg"
alt="button with link to Baheers github profile"
/></a>
<a href="" class="footer__image footer__image--three">
<img
src="./project-footer-images/cvvvvv.png"
alt="button with link to Baheers CV"
/></a>
</footer>
<script></script>
<script src="./app.js"></script>
</body>
</html>