26
26
}
27
27
28
28
::-webkit-scrollbar-track {
29
- background : var (white );
29
+ background : var (--primary );
30
30
}
31
31
32
32
::-webkit-scrollbar-thumb {
@@ -38,13 +38,12 @@ body {
38
38
align-items : center;
39
39
min-height : 100vh ;
40
40
line-height : 1.4 ;
41
- margin : 4% ;
42
41
font-size : 1.4rem ;
43
- background-image : url(../ images/bg2.png);
44
- background-repeat : no repeat;
45
- background-attachment : fixed;
46
- background-size : cover;
47
- background-position : 50 % 50 % ;
42
+ background : url(../ images/bg2.png) no-repeat fixed center/cover ;
43
+ }
44
+
45
+ body . dark-mode . SearchDarkMode {
46
+ color : # FFFFFF ;
48
47
}
49
48
50
49
section {
@@ -68,63 +67,57 @@ section {
68
67
}
69
68
70
69
.box {
71
- box-sizing : border-box;
72
- border : 3px solid rgb (255 , 255 , 255 );
70
+ border : 3px solid # ffffff ;
73
71
border-radius : 14px ;
74
72
box-shadow : 3px 3px 6px 1px white;
75
73
margin : 20px 40px ;
76
74
padding : 20px 40px ;
77
75
width : 370px ;
78
76
color : black;
79
77
background-color : # f0dee9b5 ;
80
- transition : all 0.2s ease-in-out;
78
+ transition : transform 0.2s ease-in-out;
81
79
position : relative;
82
80
}
83
81
84
82
.box : hover {
85
83
transform : scale (1.05 );
86
- transition : all 0.2s ease-in-out;
87
84
}
88
85
89
86
h1 {
90
87
color : black;
91
88
text-align : center;
92
- text-shadow : 1px 1px 1px black, 1px 1px 1px white;
93
89
font-size : 1.8em ;
94
- }
95
-
96
- body .dark-mode .SearchDarkMode {
97
- color : # FFFFFF ;
90
+ text-shadow : 1px 1px 1px black, 1px 1px 1px white;
98
91
}
99
92
100
93
.preview {
101
94
margin-top : 45px ;
102
95
float : left;
103
96
}
104
97
105
- .preview img {
106
- height : 41px ;
107
- width : 41px ;
108
- transition : all 0.2s ease-in-out;
109
- }
110
-
111
98
.source {
112
99
margin-top : 45px ;
113
100
float : right;
114
101
}
115
102
103
+ .preview img ,
116
104
.source img {
117
105
height : 41px ;
118
106
width : 41px ;
119
- transition : all 0.2s ease-in-out;
107
+ transition : transform 0.2s ease-in-out;
120
108
}
121
109
110
+ .preview img : hover ,
122
111
.source img : hover {
123
112
transform : scale (1.2 );
124
- transition : all 0.2s ease-in-out;
125
113
}
126
114
127
- .preview img : hover {
128
- transform : scale (1.2 );
129
- transition : all 0.2s ease-in-out;
115
+ .common-footer {
116
+ color : white;
117
+ font-size : 1.1em ;
118
+ font-weight : 600 ;
119
+ margin-top : 50px ;
120
+ text-align : center;
121
+ padding : 15px 20px ;
122
+ background-color : # 333333 ;
130
123
}
0 commit comments