10
10
--------------------------------------------------------------*/
11
11
body {
12
12
font-family : "Open Sans" , sans-serif;
13
- color : # 272829 ;
13
+ color : # ffffff ;
14
14
}
15
15
16
16
a {
17
17
color : # 0563bb ;
18
18
text-decoration : none;
19
19
}
20
20
21
+
21
22
a : hover {
22
23
color : # 067ded ;
23
24
text-decoration : none;
42
43
right : 15px ;
43
44
bottom : 15px ;
44
45
z-index : 996 ;
45
- background : # 0563bb ;
46
+ background : # 26ff00 ;
46
47
width : 40px ;
47
48
height : 40px ;
48
49
border-radius : 50px ;
56
57
}
57
58
58
59
.back-to-top : hover {
59
- background : # 0678e3 ;
60
+ background : # 000000 ;
60
61
color : # fff ;
61
62
}
62
63
76
77
bottom : 0 ;
77
78
z-index : 9999 ;
78
79
overflow : hidden;
79
- background : # fff ;
80
+ background : # 2f2a2a ;
80
81
}
81
82
82
83
# preloader : before {
83
84
content : "" ;
84
85
position : fixed;
85
86
top : calc (50% - 30px );
86
87
left : calc (50% - 30px );
87
- border : 6px solid # 0563bb ;
88
+ border : 6px solid # 26ff00 ;
88
89
border-top-color : # fff ;
89
90
border-bottom-color : # fff ;
90
91
border-radius : 50% ;
140
141
@media (max-width : 991px ) {
141
142
# header {
142
143
width : 300px ;
143
- background : # fff ;
144
+ background : # 26ff00 ;
144
145
border-right : 1px solid # e6e9ec ;
145
146
left : -300px ;
146
147
}
221
222
.nav-menu .active : focus ,
222
223
.nav-menu li : hover > a {
223
224
color : # fff ;
224
- background : # 0563bb ;
225
+ background : # 26ff00 ;
225
226
}
226
227
227
228
.nav-menu a : hover span ,
297
298
298
299
# hero : before {
299
300
content : "" ;
300
- background : rgba (255 , 255 , 255 , 0.8 );
301
+ background : rgba (255 , 255 , 255 , 0.2 );
301
302
position : absolute;
302
303
bottom : 0 ;
303
304
top : 0 ;
@@ -310,18 +311,18 @@ h6 {
310
311
font-size : 64px ;
311
312
font-weight : 700 ;
312
313
line-height : 56px ;
313
- color : # 45505b ;
314
+ color : # ffffff ;
314
315
}
315
316
316
317
# hero p {
317
- color : # 45505b ;
318
+ color : # ffffff ;
318
319
margin : 15px 0 0 0 ;
319
320
font-size : 26px ;
320
321
font-family : "Poppins" , sans-serif;
321
322
}
322
323
323
324
# hero p span {
324
- color : # 0563bb ;
325
+ color : # 26ff00 ;
325
326
letter-spacing : 1px ;
326
327
}
327
328
@@ -332,14 +333,14 @@ h6 {
332
333
# hero .social-links a {
333
334
font-size : 24px ;
334
335
display : inline-block;
335
- color : # 45505b ;
336
+ color : # ffffff ;
336
337
line-height : 1 ;
337
338
margin-right : 20px ;
338
339
transition : 0.3s ;
339
340
}
340
341
341
342
# hero .social-links a : hover {
342
- color : # 0563bb ;
343
+ color : # 26ff00 ;
343
344
}
344
345
345
346
@media (max-width : 992px ) {
348
349
}
349
350
350
351
# hero h1 {
351
- font-size : 32 px ;
352
- line-height : 36 px ;
352
+ font-size : 60 px ;
353
+ line-height : 46 px ;
353
354
}
354
355
355
356
# hero p {
@@ -379,7 +380,7 @@ section {
379
380
margin-bottom : 20px ;
380
381
padding-bottom : 20px ;
381
382
position : relative;
382
- color : # 45505b ;
383
+ color : # ffffff ;
383
384
}
384
385
385
386
.section-title h2 ::before {
@@ -399,7 +400,7 @@ section {
399
400
display : block;
400
401
width : 40px ;
401
402
height : 3px ;
402
- background : # 0563bb ;
403
+ background : # 26ff00 ;
403
404
bottom : 0 ;
404
405
left : calc (50% - 20px );
405
406
}
@@ -414,7 +415,7 @@ section {
414
415
.about .content h3 {
415
416
font-weight : 700 ;
416
417
font-size : 26px ;
417
- color : # 728394 ;
418
+ color : # 26ff00 ;
418
419
}
419
420
420
421
.about .content ul {
@@ -452,7 +453,7 @@ section {
452
453
width : 100% ;
453
454
position : relative;
454
455
text-align : center;
455
- background : # fff ;
456
+
456
457
}
457
458
458
459
.facts .count-box i {
@@ -475,7 +476,7 @@ section {
475
476
font-size : 36px ;
476
477
display : block;
477
478
font-weight : 600 ;
478
- color : # 011426 ;
479
+ color : # 26ff00 ;
479
480
}
480
481
481
482
.facts .count-box p {
@@ -502,7 +503,7 @@ section {
502
503
display : block;
503
504
font-weight : 600 ;
504
505
font-family : "Poppins" , sans-serif;
505
- color : # 45505b ;
506
+ color : # 26ff00 ;
506
507
}
507
508
508
509
.skills .progress .skill .val {
@@ -529,7 +530,7 @@ section {
529
530
font-weight : 700 ;
530
531
margin-top : 20px ;
531
532
margin-bottom : 20px ;
532
- color : # 45505b ;
533
+ color : # 26ff00 ;
533
534
}
534
535
535
536
.resume .resume-item {
@@ -551,7 +552,7 @@ section {
551
552
552
553
.resume .resume-item h5 {
553
554
font-size : 16px ;
554
- background : # f7f8f9 ;
555
+ background : # 2f2a2a ;
555
556
padding : 5px 15px ;
556
557
display : inline-block;
557
558
font-weight : 600 ;
@@ -1025,7 +1026,7 @@ section {
1025
1026
--------------------------------------------------------------*/
1026
1027
.contact .info {
1027
1028
width : 100% ;
1028
- background : # fff ;
1029
+ background : # 2f2a2a ;
1029
1030
}
1030
1031
1031
1032
.contact .info i {
@@ -1034,7 +1035,7 @@ section {
1034
1035
float : left;
1035
1036
width : 44px ;
1036
1037
height : 44px ;
1037
- background : # eef7ff ;
1038
+ background : # 2f2a2a ;
1038
1039
display : flex;
1039
1040
justify-content : center;
1040
1041
align-items : center;
@@ -1066,12 +1067,12 @@ section {
1066
1067
.contact .info .address : hover i ,
1067
1068
.contact .info .phone : hover i {
1068
1069
background : # 0563bb ;
1069
- color : # fff ;
1070
+ color : # 2f2a2a ;
1070
1071
}
1071
1072
1072
1073
.contact .php-email-form {
1073
1074
width : 100% ;
1074
- background : # fff ;
1075
+ background : # 2f2a2a ;
1075
1076
}
1076
1077
1077
1078
.contact .php-email-form .form-group {
0 commit comments