File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff 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 {
You can’t perform that action at this time.
0 commit comments