-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.pcss
488 lines (399 loc) · 38 KB
/
styles.pcss
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
/*
Personal Website - https://alextselegidis.com
Copyright (C) 2020 Alex Tselegidis <[email protected]>
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
@import 'node_modules/skeleton-css/css/normalize.css';
@import 'node_modules/skeleton-css/css/skeleton.css';
/* Variables
------------------------------------------------------------------------- */
$primary-color: #0090AC;
$secondary-color: #3DE5BE;
$border-color: #ECECEC;
$text-color: #FFF;
$about-bg-color: #0BC188;
$work-bg-color: #0A74C3;
$hire-me-bg-color: #673ab7;
$final-bg-color: #da4e81;
$body-bg-img-before: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgeD0iMjY3OS40IiB5PSI3NzEuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMzcxLjQyODYgLTE2ODUuOTcyMykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iODMiIGhlaWdodD0iODIiLz4NCjxyZWN0IHg9IjI3NzYuMiIgeT0iODMwLjEiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTQyMC43MTkgLTE3MjguNjI3OCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iMjk2Ny42IiB5PSI4ODIuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxNTA2LjU5MTcgLTE4NDUuNTQ3NykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMjciIGhlaWdodD0iMjYuNiIvPg0KPHJlY3QgeD0iMjg4OC42IiB5PSI1ODQuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMjcyLjczNjYgLTE4NzYuOTY2NCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMjciIGhlaWdodD0iMjYuNiIvPg0KPHJlY3QgeD0iMjg1MC42IiB5PSI0NzcuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMTg1Ljk0NjggLTE4ODEuNDM1MykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMjciIGhlaWdodD0iMjYuNiIvPg0KPHJlY3QgeD0iMjg1MC42IiB5PSIxMTMuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA5MjguNTYwOSAtMTk4OC4wNDYpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI2LjYiLz4NCjxyZWN0IHg9IjI0NDEuNiIgeT0iMTEzLjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgODA4Ljc3MDQgLTE2OTguODQwNikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMjciIGhlaWdodD0iMjYuNiIvPg0KPHJlY3QgeD0iMjQyMi42IiB5PSIzMDEuNiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA5MzYuMTQxMSAtMTYzMC4zNDI4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSIyNDYwLjYiIHk9Ijc0MC41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDEyNTcuNjg5NSAtMTUyOC42MzU3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSIyMTAwLjYiIHk9Ijg4Mi41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDEyNTIuNjU5MSAtMTIzMi40ODg1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSIyMDMyLjYiIHk9IjQzMy42IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDkxNS4yNTMxIC0xMzE1LjkxMTMpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI2LjYiLz4NCjxyZWN0IHg9IjIxNzYuNiIgeT0iMzAxLjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgODY0LjA5MSAtMTQ1Ni4zOTUzKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSIxODYxLjYiIHk9IjE0My42IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDY2MC4xMDk0IC0xMjc5LjkzMzcpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI2LjYiLz4NCjxyZWN0IHg9IjIyNTEuNiIgeT0iNy42IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDY3OC4xNjg5IC0xNTk1LjUzNjcpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI2LjYiLz4NCjxyZWN0IHg9IjE4NDIuNiIgeT0iNzAxLjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTA0OS4xMDg1IC0xMTAzLjA2ODEpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI2LjYiLz4NCjxyZWN0IHg9IjIwNjIuNiIgeT0iOTAxLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTI1NC45NjQ0IC0xMjAwLjA1MzYpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI2LjYiLz4NCjxyZWN0IHg9IjE3NjEuNiIgeT0iODY2LjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTE0Mi4wNTY5IC05OTcuNDY2NCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMjciIGhlaWdodD0iMjYuNiIvPg0KPHJlY3QgeD0iMTk3MC42IiB5PSI3NTkuNiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMTI3LjYxIC0xMTc2LjU5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSIyMjA2LjYiIHk9IjU4NC42IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDEwNzIuOTg4IC0xMzk0LjcyMTYpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI2LjYiLz4NCjxyZWN0IHg9IjE2MzMuNiIgeT0iNzYwLjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTAyOS42MTQ0IC05MzguMDAzMSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMjciIGhlaWdodD0iMjYuNiIvPg0KPHJlY3QgeD0iMTQ0MS42IiB5PSI1NjEuNiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA4MzIuNjY2NSAtODYwLjUyMzQpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI2LjYiLz4NCjxyZWN0IHg9IjE1MzUuNiIgeT0iMzAxLjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgNjc2LjM1MDggLTEwMDMuMTQxNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMjciIGhlaWdodD0iMjYuNiIvPg0KPHJlY3QgeD0iODk3LjYiIHk9IjM1MC42IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDUyNC4xMzc0IC01MzcuNjU3OSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMjciIGhlaWdodD0iMjYuNiIvPg0KPHJlY3QgeD0iMTEyOC42IiB5PSI1MDYuNiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA3MDIuMTAyNCAtNjU1LjMwODcpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI2LjYiLz4NCjxyZWN0IHg9IjExMDAuNiIgeT0iNzQwLjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgODU5LjM2MzggLTU2Ni45NzQyKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSI4MjguNiIgeT0iNzExLjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgNzU5LjE5MjcgLTM4My4xMzU3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSI4NDcuNiIgeT0iMTA0LjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMzM1LjU0NTUgLTU3NC4zNTI3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSI1MjguNiIgeT0iMTA0LjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMjQyLjExNDcgLTM0OC43ODY2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSIxMzcuNiIgeT0iMTIzLjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTQxLjAzMTEgLTY2Ljc0NDEpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI2LjYiLz4NCjxyZWN0IHg9IjIxMS42IiB5PSI3NjYuNiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA2MTcuMzcyNiA2OS4yNTYyKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSIzMzcuNiIgeT0iOTcwLjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgNzk4LjUyNTUgMzkuOTA5OSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMjciIGhlaWdodD0iMjYuNiIvPg0KPHJlY3QgeD0iMzM3LjYiIHk9IjkxMi42IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDc1Ny41MTM0IDIyLjkyMjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjI3IiBoZWlnaHQ9IjI2LjYiLz4NCjxyZWN0IHg9IjMyLjYiIHk9Ijk1MS42IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDY5NS43NjAyIDI1MC4wMTE4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSI2NzQuNiIgeT0iNTQyLjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgNTk0LjU4NzcgLTMyMy43Mzk2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSI1NjUuNiIgeT0iMzgwLjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgNDQ4LjExMjIgLTI5NC4xMTI4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNi42Ii8+DQo8cmVjdCB4PSIyODI5LjIiIHk9IjUyOC4xIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDEyMjIuNjk2NyAtMTg1NC41NTYyKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI0MS41IiBoZWlnaHQ9IjQxIi8+DQo8cmVjdCB4PSIyOTMxLjIiIHk9Ijk3LjEiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgOTQ3LjgwOTIgLTIwNTIuOTE0NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iMjQ2OS4yIiB5PSI3Ny4yIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDc5OC4zNTM2IC0xNzMyLjA5MDUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjQxLjUiIGhlaWdodD0iNDEiLz4NCjxyZWN0IHg9IjIyMTUuMiIgeT0iMzIzLjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgODk3LjkwOCAtMTQ4MC40MzYpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjQxLjUiIGhlaWdodD0iNDEiLz4NCjxyZWN0IHg9IjIxOTkuMiIgeT0iMjY1LjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgODUyLjIwOTggLTE0ODYuMTA5NykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iMjQ2OS4yIiB5PSI0OTkuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMDk2Ljc1MTUgLTE2MDguNDkyNCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iMjMwMC4zIiB5PSI4ODguMSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMzIyLjMxNzEgLTEzNzUuMDU5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI0MS41IiBoZWlnaHQ9IjQxIi8+DQo8cmVjdCB4PSIxOTM0LjMiIHk9IjcwNC4yIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDEwODUuMDEzNyAtMTE3MC4xNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iMTg1NC4zIiB5PSI0NDAuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA4NzQuOTA3MiAtMTE5MC45MDM3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI0MS41IiBoZWlnaHQ9IjQxIi8+DQo8cmVjdCB4PSIxODc2LjIiIHk9IjQ4LjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgNjA0LjE2NiAtMTMyMS4yNzE2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI0MS41IiBoZWlnaHQ9IjQxIi8+DQo8cmVjdCB4PSIxNTU3LjMiIHk9IjI1NS4yIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDY1Ny4xMDU3IC0xMDM1LjA3NzgpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjQxLjUiIGhlaWdodD0iNDEiLz4NCjxyZWN0IHg9IjE1OTcuMyIgeT0iMzE0LjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgNzEwLjU0MDMgLTEwNDYuMDgxNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iMTM0OC4zIiB5PSI0MDIuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA2OTkuODM2NyAtODQ0LjIzODcpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjQxLjUiIGhlaWdodD0iNDEiLz4NCjxyZWN0IHg9IjEzNTcuMyIgeT0iNTU0LjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgODA5Ljk1MjUgLTgwNi4wODQpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjQxLjUiIGhlaWdodD0iNDEiLz4NCjxyZWN0IHg9IjEyMDMuMyIgeT0iMjA3LjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgNTE5LjQ4MjggLTc5OC44MjE1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI0MS41IiBoZWlnaHQ9IjQxIi8+DQo8cmVjdCB4PSIxMjkwLjMiIHk9IjQ4LjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgNDMyLjUzNDUgLTkwNi45MDg2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI0MS41IiBoZWlnaHQ9IjQxIi8+DQo8cmVjdCB4PSIxMzYzLjMiIHk9IjkzNC4yIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDEwODAuNDA5NCAtNjk5LjAyOTcpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjQxLjUiIGhlaWdodD0iNDEiLz4NCjxyZWN0IHg9IjE2MTUuMyIgeT0iNjMxLjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgOTM5Ljk2NDIgLTk2NS45NjQ2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI0MS41IiBoZWlnaHQ9IjQxIi8+DQo8cmVjdCB4PSIxMDM3LjMiIHk9IjY5NC4yIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDgxNS4yMjM0IC01MzguODA2NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iOTI4LjMiIHk9IjQ2MC4yIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDYxNy44MzY0IC01MzAuMjY3NykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iOTI4LjMiIHk9IjM3My4yIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDU1Ni4zMTg0IC01NTUuNzQ4OCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iNjg2LjMiIHk9Ijg1LjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMjgxLjc5MzkgLTQ2OC45ODA5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI0MS41IiBoZWlnaHQ9IjQxIi8+DQo8cmVjdCB4PSI1NTguMyIgeT0iNjcuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAyMzEuNTc2NSAtMzgzLjc0MzUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjQxLjUiIGhlaWdodD0iNDEiLz4NCjxyZWN0IHg9IjMyMC4zIiB5PSIzNTMuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAzNjQuMTAxNCAtMTMxLjY4NzMpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjQxLjUiIGhlaWdodD0iNDEiLz4NCjxyZWN0IHg9IjIzMy4zIiB5PSI3MjMuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA2MDAuMjQ4NiAzOC4xOTg4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI0MS41IiBoZWlnaHQ9IjQxIi8+DQo8cmVjdCB4PSIxMzAuMyIgeT0iNTczLjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgNDY0LjAxNTcgNjcuMDk3NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iNTUuMyIgeT0iMTI2LjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTI1Ljk3MzggLTEwLjc4OTkpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjQxLjUiIGhlaWdodD0iNDEiLz4NCjxyZWN0IHg9IjEzLjMiIHk9IjE5LjIiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMzguMDEyNCAtMTIuNDMwNCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iNTk5LjMiIHk9IjY2NS4yIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDY2Ni40MzMxIC0yMzcuNTg4OCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iNzkyLjMiIHk9Ijg0Ni4yIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDg1MC45NDU5IC0zMjEuMDQ3NCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iNDEuNSIgaGVpZ2h0PSI0MSIvPg0KPHJlY3QgeD0iOTI4LjMiIHk9Ijk0Ni4yIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDk2MS40ODkgLTM4Ny45MjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjQxLjUiIGhlaWdodD0iNDEiLz4NCjxyZWN0IHg9IjIzNTUuNCIgeT0iODI5LjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTMxNy41NDU0IC0xNDM5Ljg4MzIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjgzIiBoZWlnaHQ9IjgyIi8+DQo8cmVjdCB4PSIyMjA3LjQiIHk9IjYyMS41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDExMjcuMTIwNiAtMTM5Ni4xNTIxKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI4MyIgaGVpZ2h0PSI4MiIvPg0KPHJlY3QgeD0iMjA2My40IiB5PSIzNjEuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA5MDEuMDk4IC0xMzcwLjQ3OTcpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjgzIiBoZWlnaHQ9IjgyIi8+DQo8cmVjdCB4PSIxOTIxLjQiIHk9IjM4MS41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDg3My42NTAxIC0xMjY0LjIxMzEpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjgzIiBoZWlnaHQ9IjgyIi8+DQo8cmVjdCB4PSIxNzY0LjQiIHk9IjY4LjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgNjA2LjM0MzQgLTEyNDQuODcxMykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iODMiIGhlaWdodD0iODIiLz4NCjxyZWN0IHg9IjE2MzUuNCIgeT0iNjczLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgOTk2LjM1ODkgLTk3Ni40NTg1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI4MyIgaGVpZ2h0PSI4MiIvPg0KPHJlY3QgeD0iMTc3My40IiB5PSI5MTMuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMjA2LjQ4MjMgLTEwMDMuNzQ2MikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iODMiIGhlaWdodD0iODIiLz4NCjxyZWN0IHg9IjE4NTUuNCIgeT0iNzUxLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTExNS45NDgyIC0xMTA5LjE3NjMpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjgzIiBoZWlnaHQ9IjgyIi8+DQo8cmVjdCB4PSIxMzc0LjQiIHk9IjQ2NC41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDc3Mi4xMzA5IC04NTMuMTE3NykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iODMiIGhlaWdodD0iODIiLz4NCjxyZWN0IHg9IjEyODQuNCIgeT0iODU1LjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTAyMi4yNDg4IC02NzQuOTU5OCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iODMiIGhlaWdodD0iODIiLz4NCjxyZWN0IHg9IjU3OC40IiB5PSIxMDUuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAyODUuMTQzIC0zOTUuNDA5MSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iODMiIGhlaWdodD0iODIiLz4NCjxyZWN0IHg9IjgzMC40IiB5PSIzOTEuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA1NjEuMTgyMSAtNDg5LjgzMzkpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjgzIiBoZWlnaHQ9IjgyIi8+DQo8cmVjdCB4PSI2MTEuNCIgeT0iNTgxLjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgNjMxLjM4OTcgLTI3OS4zMjk2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI4MyIgaGVpZ2h0PSI4MiIvPg0KPHJlY3QgeD0iODQ5LjQiIHk9IjczOC41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDgxMi4xMTIgLTQwMS42MzczKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI4MyIgaGVpZ2h0PSI4MiIvPg0KPHJlY3QgeD0iOTk1LjQiIHk9Ijg5OC41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDk2OC4wMTAxIC00NTguMDEyNikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iODMiIGhlaWdodD0iODIiLz4NCjxyZWN0IHg9IjM3NS40IiB5PSI5MTMuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA3OTcuMDI3MSAtMTUuMjE0OCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iODMiIGhlaWdodD0iODIiLz4NCjxyZWN0IHg9IjI0MS40IiB5PSIzOTEuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAzODguNjcyIC03My4zNDk2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI4MyIgaGVpZ2h0PSI4MiIvPg0KPHJlY3QgeD0iNjMuNCIgeT0iNDc5LjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMzk4Ljc2MzQgNzguMjg4OSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iODMiIGhlaWdodD0iODIiLz4NCjxyZWN0IHg9IjYzLjQiIHk9IjM1LjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgODQuODA5MyAtNTEuNzUyNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iODMiIGhlaWdodD0iODIiLz4NCjxyZWN0IHg9IjEzMzYuNCIgeT0iNzYuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA0ODYuNjQ0OSAtOTM5Ljg4NzgpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjgzIiBoZWlnaHQ9IjgyIi8+DQo8cmVjdCB4PSIxMjMwLjQiIHk9IjExNS41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDQ4My4xNzYgLTg1My41MTIxKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI4MyIgaGVpZ2h0PSI4MiIvPg0KPHJlY3QgeD0iMjM1NS40IiB5PSIxMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDczOC40MjcyIC0xNjc5Ljc1NzIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjgzIiBoZWlnaHQ9IjgyIi8+DQo8cmVjdCB4PSIyNTM2LjQiIHk9IjQzOS41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDEwOTQuNzg3NCAtMTY4Mi4wOTQ3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI4MyIgaGVpZ2h0PSI4MiIvPg0KPHJlY3QgeD0iMjg2MC40IiB5PSIxNjEuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSA5OTMuMTA3NyAtMTk5Mi42MTg4KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI4MyIgaGVpZ2h0PSI4MiIvPg0KPHJlY3QgeD0iMjg5Ni40IiB5PSI0NzguNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMjI3LjgwMzUgLTE5MjUuMjI5NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iODMiIGhlaWdodD0iODIiLz4NCjxyZWN0IHg9IjI0NzguNCIgeT0iNTU2LjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTE2MC41MzExIC0xNjA2LjgxNTEpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjgzIiBoZWlnaHQ9IjgyIi8+DQo8L3N2Zz4NCg==);
$body-bg-img-after: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyNTg1LjQiIHkxPSI4ODguNCIgeDI9IjE1NjMuNiIgeTI9Ii0xMzMuNCIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyNjQ0LjQiIHkxPSI5MDMuNCIgeDI9IjE2MjIuNiIgeTI9Ii0xMTguNCIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyNjk3LjQiIHkxPSI3MDIuNCIgeDI9IjE2NzUuNiIgeTI9Ii0zMTkuNCIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyNzEwLjQiIHkxPSI0NDcuNCIgeDI9IjE2ODguNiIgeTI9Ii01NzQuNCIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyMTc3LjQiIHkxPSIxMTc2LjQiIHgyPSIxMTU1LjYiIHkyPSIxNTQuNiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyMDA1LjQiIHkxPSIxMTEzLjQiIHgyPSI5ODMuNiIgeTI9IjkxLjYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iOTgzLjQiIHkxPSIxMTQ5LjQiIHgyPSItMzguNCIgeTI9IjEyNy42Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjE2MjIuNCIgeTE9IjE3MjQuNCIgeDI9IjYwMC42IiB5Mj0iNzAyLjYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTgyOS40IiB5MT0iMTgyOC40IiB4Mj0iODA3LjYiIHkyPSI4MDYuNiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxMzE1LjQiIHkxPSIxNzYwLjQiIHgyPSIyOTMuNiIgeTI9IjczOC42Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjEyNjAuNCIgeTE9IjE4NzIuNCIgeDI9IjIzOC42IiB5Mj0iODUwLjYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjM1OC40IiB5MT0iMTY2MC40IiB4Mj0iMTMzNi42IiB5Mj0iNjM4LjYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjEzMy40IiB5MT0iMTkxMC40IiB4Mj0iMTExMS42IiB5Mj0iODg4LjYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjIxOC40IiB5MT0iMTk2Ni40IiB4Mj0iMTE5Ni42IiB5Mj0iOTQ0LjYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjk4MS40IiB5MT0iMTc4Ny40IiB4Mj0iMTk1OS42IiB5Mj0iNzY1LjYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjkxMS40IiB5MT0iMTM2MS40IiB4Mj0iMTg4OS42IiB5Mj0iMzM5LjYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMzIwOC40IiB5MT0iMTM5OS40IiB4Mj0iMjE4Ni42IiB5Mj0iMzc3LjYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMzQyMi40IiB5MT0iMTQ5Ni40IiB4Mj0iMjQwMC42IiB5Mj0iNDc0LjYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iOTgzLjQiIHkxPSIxMTc2LjQiIHgyPSItMzguNCIgeTI9IjE1NC42Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjI5My40IiB5MT0iMTExMy40IiB4Mj0iLTcyOC40IiB5Mj0iOTEuNiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxMy40IiB5MT0iMTMxNy40IiB4Mj0iLTEwMDguNCIgeTI9IjI5NS42Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ii04NDcuNCIgeTE9IjY2NS40IiB4Mj0iMTc0LjQiIHkyPSItMzU2LjQiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iLTM4Ni40IiB5MT0iMTIxMy40IiB4Mj0iNjM1LjQiIHkyPSIxOTEuNiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItODQ3LjQiIHkxPSIxMTEzLjQiIHgyPSIxNzQuNCIgeTI9IjkxLjYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iLTg5Ny40IiB5MT0iMTYwNy40IiB4Mj0iMTI0LjQiIHkyPSI1ODUuNiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNzQuNiIgeTE9IjEyNDkuNCIgeDI9IjExOTYuNCIgeTI9IjIyNy42Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjY4NS42IiB5MT0iNTg1LjQiIHgyPSIxNzA3LjQiIHkyPSItNDM2LjQiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMuNiIgeTE9IjU1MS40IiB4Mj0iMTAzNS40IiB5Mj0iLTQ3MC40Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjEzNTIuNiIgeTE9IjgzOC40IiB4Mj0iMjM3NC40IiB5Mj0iLTE4My40Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjExOTYuNiIgeTE9IjYwMi40IiB4Mj0iMjIxOC40IiB5Mj0iLTQxOS40Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjE3NjguNiIgeTE9IjExNzYuNCIgeDI9IjI3OTAuNCIgeTI9IjE1NC42Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjIwNzQuNiIgeTE9IjYwMi40IiB4Mj0iMzA5Ni40IiB5Mj0iLTQxOS40Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjEwNTIuNiIgeTE9IjE3ODcuNCIgeDI9IjIwNzQuNCIgeTI9Ijc2NS42Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijg2Ny42IiB5MT0iMTgyOC40IiB4Mj0iMTg4OS40IiB5Mj0iODA2LjYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjI3OS42IiB5MT0iOTIxLjQiIHgyPSIzMzAxLjQiIHkyPSItMTAwLjQiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjQ3MC42IiB5MT0iODM4LjQiIHgyPSIzNDkyLjQiIHkyPSItMTgzLjQiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTQzMS42IiB5MT0iNDAuNCIgeDI9IjI0NTMuNCIgeTI9Ii05ODEuNCIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSI5NjguNiIgeTE9IjI0NS40IiB4Mj0iMTk5MC40IiB5Mj0iLTc3Ni40Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjIzOC42IiB5MT0iMjcxLjQiIHgyPSIxMjYwLjQiIHkyPSItNzUwLjQiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iLTUxNi40IiB5MT0iNDEwLjQiIHgyPSI1MDUuNCIgeTI9Ii02MTEuNCIvPg0KPC9zdmc+DQo=);
/* General
------------------------------------------------------------------------- */
* {
box-sizing: border-box;
}
.u-text-left {
text-align: left;
}
.u-text-right {
text-align: right;
}
.u-text-center {
text-align: center;
}
html, body {
width: 100vw;
min-height: 100vh;
margin: 0;
padding: 0;
background: linear-gradient(to bottom, $primary-color 0%, $secondary-color 100%);
color: $text-color;
overflow-x: hidden;
overflow-y: auto;
}
body {
position: fixed;
background-repeat: no-repeat;
background-size: cover;
z-index: -30;
animation: background-shapes-1 1000s linear infinite;
&:before {
content: '';
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
height: 100%;
min-height: 100%;
max-height: 100%;
width: 700%;
opacity: .4;
background-image: $body-bg-img-before;
background-position: center bottom;
animation: background-shapes-1 1200s linear infinite;
z-index: -10;
}
&:after {
content: '';
position: fixed;
top: 0; bottom: 0; left: 0; right: 0;
z-index: -20;
opacity: .25;
height: 100%;
min-height: 100%;
max-height: 100%;
width: 700%;
background-image: $body-bg-img-after;
background-position: center bottom;
animation: background-shapes-2 1500s linear infinite;
z-index: -10;
}
}
/* Animations
------------------------------------------------------------------------- */
@keyframes background-shapes-1
{
0% {
background-position: 0 100%;
}
50% {
background-position: 100% 100%;
}
100% {
background-position: 0% 100%;
}
}
@keyframes background-shapes-2
{
0% {
background-position: 100% 100%;
}
50% {
background-position: 0% 100%;
}
100% {
background-position: 100% 100%;
}
}
/* CSS Navigation
------------------------------------------------------------------------- */
#about:target section.about,
#work:target section.work,
#hire-me:target section.hire-me {
transform: translateY(200%);
transition-delay: .4s !important;
}
#about:target a[href="#about"],
#work:target a[href="#work"],
#hire-me:target a[href="#hire-me"] {
font-weight: bold;
transition-delay: .7s;
}
#about:target section.landing,
#work:target section.landing,
#hire-me:target section.landing {
filter: blur(2px);
transition: filter .4s;
}
/* Mobile-first Queries
------------------------------------------------------------------------- */
header {
position: absolute;
width: 100vw;
padding: 0 6vw;
z-index: 1000;
.logo {
display: block;
padding: 15px 10px 15px 0;
float: left;
img {
width: 32px;
height: 23.4px;
}
}
nav {
overflow: auto;
float: right;
a {
display: inline-block;
height: 55px;
padding: 15px 10px;
overflow: hidden;
float: left;
color: $text-color;
text-decoration: none;
text-align: center;
&:hover {
color: inherit;
}
&:last-child {
border-right: none;
}
}
}
}
section {
position: absolute;
top: -200%;
width: 100vw;
min-height: 100vh;
transition: transform .6s cubic-bezier(.5, .2, .2, 1);
.wrapper {
height: 100vh;
padding: 100px 8vw 8vw 8vw; /* 100px stands for header's height plus 40px */
overflow-x: hidden;
overflow-y: auto;
&:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 60px;
width: calc(100vw - 20px);
background: none;
}
h2 {
margin-bottom: 4rem;
}
a {
color: $text-color;
transition: color .2s linear;
text-decoration: none;
border-bottom: 2px dashed $text-color;
padding: 2px 4px;
&:hover {
color: #4d5d60;
background: $text-color;
border-bottom: none;
}
}
.featured-link {
border-bottom: none;
overflow: auto;
background: rgba(255, 255, 255, 0.60);
display: inline-block;
padding: 10px 20px;
border-radius: 50px;
text-align: left;
color: #556c73;
h6 {
display: inline-block;
margin-bottom: 0;
font-weight: 700;
font-size: 14px;
line-height: 1.2;
img {
float: left;
margin-right: 10px;
margin-top: 2px;
}
small {
font-weight: normal;
position: relative;
top: 3px;
}
}
}
}
&.landing {
top: 0;
text-align: center;
h1 {
font-size: 2.5rem;
line-height: 1.5;
margin-bottom: 5rem;
}
.featured-link {
margin-bottom: 5rem;
}
footer {
> div {
margin-bottom: 25px;
overflow: auto;
font-size: 1.3rem;
},
.links {
padding: 5px 0;
a {
display: inline-block;
border: none;
background: none;
img {
width: 32px;
height: 32px;
margin-right: 20px;
opacity: 0.7;
transition: transform .2s ease-in-out;
&:hover {
transform: scale(1.1);
}
}
}
}
}
}
&.about {
background: linear-gradient(to bottom, $about-bg-color 0%, $work-bg-color 100%);
p {
max-width: 761px;
margin-bottom: 10rem;
line-height: 2;
img {
width: 100px;
&.u-pull-left {
margin: 6px 25px 20px 0;
}
&.u-pull-right {
margin: 6px 0 20px 25px;
}
}
}
.things-i-love {
margin: 5rem auto;
clear: both;
p {
max-width: none;
}
.logos {
overflow: auto;
text-align: center;
img {
width: 75px;
height: 75px;
margin: 10px;
}
}
}
}
&.work {
background: linear-gradient(to bottom, $work-bg-color 0%, $hire-me-bg-color 100%);
img {
width: 90%;
margin-bottom: 10px;
border: 7px solid #ffffff2b;
}
}
&.hire-me {
background: linear-gradient(to bottom, $hire-me-bg-color 0%, $final-bg-color 100%);
h5 {
line-height: 1.8;
}
img {
width: 100%;
max-width: 600px;
display: block;
margin: 5rem auto;
}
}
}
/* Larger Than Mobile
------------------------------------------------------------------------- */
@media (min-width: 400px) {
header {
.logo {
padding: 15px 15px 15px 0;
}
nav a {
padding: 15px;
}
}
}
/* Larger Than Phablet
------------------------------------------------------------------------- */
@media (min-width: 550px) {
header {
.logo {
padding: 15px 20px 15px 0;
}
nav a {
padding: 15px 20px;
}
}
section {
&.landing h1:first-child {
margin-top: 5vh;
}
}
}
/* Larger Than Tablet
------------------------------------------------------------------------- */
@media (min-width: 750px) {
section {
&.landing h1:first-child {
margin-top: 8vh;
}
}
}
/* Desktops
------------------------------------------------------------------------- */
@media (min-width: 960px) {
header {
max-width: 960px;
margin: 0 calc((100vw - 960px) / 2);
padding: 0;
.logo {
padding: 15px 30px 15px 0;
}
nav a {
padding: 15px 30px;
}
}
section {
&.landing {
h1 {
font-size: 3.5rem;
line-height: 1.5;
margin-bottom: 5rem;
&:first-child {
margin-top: 15vh;
}
}
footer {
> div {
font-size: 1.6rem;
}
}
}
.wrapper > .row {
max-width: 960px;
margin: auto;
}
}
}