@@ -558,175 +558,6 @@ nav .container {
558558 border-left : 4px solid # 64ffda ;
559559}
560560
561- /* Resume Section */
562- .resume {
563- padding : 100px 0 ;
564- background :
565- linear-gradient (rgba (26 , 26 , 62 , 0.9 ), rgba (15 , 15 , 35 , 0.9 )),
566- url ('/images/photo-1586281380349-632531db7ed4' )
567- center/cover;
568- text-align : center;
569- }
570-
571- .resume-content {
572- max-width : 800px ;
573- margin : 0 auto;
574- }
575-
576- .resume-preview {
577- background : rgba (26 , 26 , 62 , 0.8 );
578- border-radius : 20px ;
579- padding : 60px 40px ;
580- border : 1px solid rgba (100 , 255 , 218 , 0.2 );
581- position : relative;
582- overflow : hidden;
583- transition : all 0.3s ease;
584- }
585-
586- .resume-preview ::before {
587- content : '' ;
588- position : absolute;
589- top : 0 ;
590- left : 0 ;
591- right : 0 ;
592- height : 4px ;
593- background : linear-gradient (135deg , # 64ffda, # 00d4aa );
594- }
595-
596- .resume-preview : hover {
597- transform : translateY (-5px );
598- border-color : rgba (100 , 255 , 218 , 0.4 );
599- box-shadow : 0 25px 50px rgba (0 , 0 , 0 , 0.3 );
600- }
601-
602- .resume-icon {
603- width : 120px ;
604- height : 120px ;
605- background : linear-gradient (135deg , # 64ffda, # 00d4aa );
606- border-radius : 50% ;
607- display : flex;
608- align-items : center;
609- justify-content : center;
610- margin : 0 auto 30px ;
611- transition : all 0.3s ease;
612- position : relative;
613- overflow : hidden;
614- }
615-
616- .resume-icon ::before {
617- content : '' ;
618- position : absolute;
619- top : 0 ;
620- left : 0 ;
621- right : 0 ;
622- bottom : 0 ;
623- background : linear-gradient (45deg , rgba (255 , 255 , 255 , 0.1 ), transparent);
624- border-radius : 50% ;
625- }
626-
627- .resume-icon i {
628- font-size : 3.5em ;
629- color : # 0f0f23 ;
630- z-index : 1 ;
631- }
632-
633- .resume-preview : hover .resume-icon {
634- transform : scale (1.1 ) rotate (10deg );
635- }
636-
637- .resume-preview h3 {
638- font-size : 2.2em ;
639- color : # ccd6f6 ;
640- margin-bottom : 20px ;
641- font-weight : 700 ;
642- }
643-
644- .resume-preview p {
645- font-size : 1.1em ;
646- color : # 8892b0 ;
647- line-height : 1.7 ;
648- margin-bottom : 40px ;
649- }
650-
651- .resume-highlights {
652- display : flex;
653- justify-content : center;
654- gap : 40px ;
655- margin-bottom : 40px ;
656- flex-wrap : wrap;
657- }
658-
659- .highlight-item {
660- display : flex;
661- flex-direction : column;
662- align-items : center;
663- gap : 10px ;
664- color : # ccd6f6 ;
665- transition : color 0.3s ease;
666- }
667-
668- .highlight-item : hover {
669- color : # 64ffda ;
670- }
671-
672- .highlight-item i {
673- font-size : 2em ;
674- color : # 64ffda ;
675- margin-bottom : 5px ;
676- }
677-
678- .highlight-item span {
679- font-size : 0.9em ;
680- font-weight : 600 ;
681- }
682-
683- .btn-resume {
684- background : linear-gradient (135deg , # 64ffda, # 00d4aa );
685- color : # 0f0f23 ;
686- padding : 18px 40px ;
687- border-radius : 50px ;
688- text-decoration : none;
689- font-weight : 700 ;
690- font-size : 1.1em ;
691- display : inline-flex;
692- align-items : center;
693- gap : 12px ;
694- transition : all 0.3s ease;
695- border : 2px solid transparent;
696- position : relative;
697- overflow : hidden;
698- }
699-
700- .btn-resume ::before {
701- content : '' ;
702- position : absolute;
703- top : 0 ;
704- left : 0 ;
705- right : 0 ;
706- bottom : 0 ;
707- background : linear-gradient (45deg , rgba (255 , 255 , 255 , 0.1 ), transparent);
708- opacity : 0 ;
709- transition : opacity 0.3s ease;
710- }
711-
712- .btn-resume : hover ::before {
713- opacity : 1 ;
714- }
715-
716- .btn-resume : hover {
717- transform : translateY (-3px );
718- box-shadow : 0 15px 30px rgba (100 , 255 , 218 , 0.4 );
719- }
720-
721- .btn-resume i {
722- font-size : 1.2em ;
723- transition : transform 0.3s ease;
724- }
725-
726- .btn-resume : hover i {
727- transform : scale (1.2 );
728- }
729-
730561/* Projects Section */
731562.projects {
732563 padding : 100px 0 ;
0 commit comments