Skip to content

Commit 5a6ea2e

Browse files
authored
style.css
1 parent fd5d6ea commit 5a6ea2e

1 file changed

Lines changed: 10 additions & 0 deletions

File tree

style.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -225,50 +225,60 @@ h1 {
225225
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
226226
gap: 2rem;
227227
}
228+
228229
.skill-category {
229230
background: rgba(30,41,59,0.7);
230231
border-radius: 15px;
231232
padding: 2rem;
232233
transition: transform 0.4s ease, background 0.4s ease;
233234
}
235+
234236
.skill-category:hover {
235237
transform: translateY(-10px);
236238
background: rgba(30,41,59,0.9);
237239
box-shadow: 0 8px 25px rgba(59,130,246,0.3);
238240
}
241+
239242
.skill-title {
240243
display: flex;
241244
align-items: center;
242245
font-size: 1.5rem;
243246
margin-bottom: 1.5rem;
244247
color: var(--light);
245248
}
249+
246250
.skill-title i {
247251
margin-right: 1rem;
248252
font-size: 2.5rem;
249253
transition: transform 0.4s ease;
250254
}
255+
251256
.skill-title:hover i {
252257
transform: rotate(360deg);
253258
}
259+
254260
.skill-list {
255261
list-style: none;
256262
padding-left: 0;
257263
}
264+
258265
.skill-item {
259266
display: flex;
260267
align-items: center;
261268
padding: 0.8rem 0;
262269
}
270+
263271
.skill-item i.skill-icon {
264272
margin-right: 0.8rem;
265273
color: var(--primary);
266274
transition: transform 0.3s ease;
267275
}
276+
268277
.skill-item:hover i.skill-icon {
269278
transform: translateX(3px);
270279
}
271280

281+
272282
/* ——— SMOOTH FADE-IN UP QUOTE ——— */
273283
/* Quote box */
274284
.quote {

0 commit comments

Comments
 (0)