@@ -444,8 +444,15 @@ nav {
444444 background-color : # 0d4360 ;
445445 padding : 0 2rem ;
446446 margin : 0 auto;
447+ position : sticky;
448+ top : 2px ;
449+ z-index : 100 ;
447450}
451+ nav : hover {
452+ box-shadow : 5px 5px 10px 5px rgba (1 , 12 , 77 , 0.2 );
453+ transition-duration : .5s ;
448454
455+ }
449456nav img {
450457 width : 50px ;
451458 height : auto;
@@ -486,34 +493,48 @@ main {
486493 padding : 2rem ;
487494 gap : 4rem ;
488495 margin : 0 8rem ;
496+ position : sticky;
497+ top : 0% ;
498+ z-index : -1 ;
499+
489500}
490501
491502main .right img {
492503 animation : imgUp 1s linear infinite alternate;
504+
505+
493506}
494507main .left {
495508 display : flex;
496509 flex-direction : column;
497510 justify-content : center;
498511 gap : 4rem ;
512+
513+
499514}
500515
501516main .left .headings {
502517 display : flex;
503518 flex-direction : column;
504519 gap : 1.5rem ;
520+
521+
505522}
506523
507524main .left h1 {
508525 font-size : 4rem ;
509526 color : # 0d4360 ;
510527 line-height : 100% ;
528+
529+
511530}
512531
513532main .left p {
514533 font-size : 0.8rem ;
515534 width : 90% ;
516535 color : # 3d3d3d ;
536+
537+
517538}
518539
519540.github-btn-cta {
@@ -524,15 +545,31 @@ main .left p {
524545 width : 12.6rem ;
525546 font-size : 1rem ;
526547 transition : all ease-in-out 0.2s ;
548+
549+
527550}
528551
529552.github-btn-cta : hover {
530553 background-color : # 05f2c7 ;
531554 color : # 0d4360 ;
555+
556+
532557}
533558
534559.project-section {
535- margin : -2.5rem 8rem 6rem 8rem ;
560+ border : 1px rgb (185 , 185 , 185 ) solid;
561+ background-color : rgb (255 , 255 , 255 );
562+ /* margin-left : .6rem;
563+ margin-right : .6rem; */
564+ /* margin: -2.5rem 8rem 6rem 8rem; */
565+ padding : 6rem ;
566+ /* margin-bottom:1rem ; */
567+ z-index : 10000 ;
568+ }
569+ .project-section : hover {
570+ box-shadow : 2px 2px 2px 2px rgb (163 , 163 , 163 );
571+ transition-duration : 0.5s ;
572+
536573}
537574
538575.title {
@@ -575,6 +612,10 @@ main .left p {
575612 border : 2px solid # 0d4360 ;
576613 border-radius : 1rem ;
577614}
615+ .project-header # searchForm : hover {
616+ border : 2px solid # 0d4360a0 ;
617+ transition-duration : .5s ;
618+ }
578619
579620.project-header # search {
580621 font-size : 1rem ;
@@ -682,7 +723,11 @@ main .left p {
682723}
683724
684725.contributors {
685- margin : -2.5rem 8rem 4rem 8rem ;
726+ /* margin: -2.5rem 8rem 4rem 8rem; */
727+ margin : 8rem ;
728+ border : 1px solid white;
729+ background-color : white;
730+
686731}
687732
688733.contributors .list-section {
0 commit comments