@@ -14,58 +14,60 @@ body {
1414 background : linear-gradient (90deg , # 38bdf8, # 805ad5 );
1515 -webkit-background-clip : text;
1616 -webkit-text-fill-color : transparent;
17- }
18- /* Top Nav Buttons */
19- .nav-link {
20- color : # 64ffda !important ;
21- border : 1.5px solid # 64ffda !important ;
22- background-color : transparent !important ;
23- font-weight : 500 ;
24- padding : 8px 16px ;
25- border-radius : 15px ;
26- transition : all 0.3s ease;
27- text-align : center;
28- }
29- .nav-link : hover {
30- transform : translateY (-0.5px );
31- box-shadow : 0 0 12px # 64ffda ;
32- background-color : rgba (255 , 255 , 255 , 0.05 ) !important ;
33- }
34- /* Side Menu */
35- .side-menu {
36- position : fixed;
37- top : 55px ;
38- right : -270px ;
39- width : 270px ;
40- height : 50vh ;
41- background-color : # 112e42 ;
42- padding : 10px ;
43- transition : right 0.3s ease;
44- z-index : 1050 ;
45- box-shadow : 0 0 20px rgba (0 , 0 , 0 , 0.6 );
46- }
47- .side-menu .show {
48- right : 0 ;
49- }
50- .side-menu ul {
51- list-style : none;
52- padding-left : 0 ;
53- margin-top : 50px ;
54- }
55- .side-menu ul li {
56- margin-bottom : 20px ;
57- }
58- .side-menu .nav-link {
59- color : # 64ffda !important ;
60- border : 1.5px solid # 64ffda !important ;
61- font-weight : 600 ;
62- padding : 8px 16px ;
63- border-radius : 10px ;
64- text-align : center;
65- transition : all 0.3s ease;
66- }
67- .side-menu .nav-link : hover {
68- transform : translateY (-0.5px );
69- background-color : rgba (255 , 255 , 255 , 0.1 ) !important ;
70- box-shadow : 0 0 12px # 64ffda ;
71- }
17+ }
18+
19+ /* Top Nav Buttons */
20+ .nav-link {
21+ color : # 64ffda !important ;
22+ border : 1.5px solid # 64ffda !important ;
23+ background-color : transparent !important ;
24+ font-weight : 500 ;
25+ padding : 8px 16px ;
26+ border-radius : 15px ;
27+ transition : all 0.3s ease;
28+ text-align : center;
29+ }
30+
31+ .nav-link : hover {
32+ transform : translateY (-0.5px );
33+ box-shadow : 0 0 12px # 64ffda ;
34+ background-color : rgba (255 , 255 , 255 , 0.05 ) !important ;
35+ }
36+ /* Side Menu */
37+ .side-menu {
38+ position : fixed;
39+ top : 55px ;
40+ right : -270px ;
41+ width : 270px ;
42+ height : 50vh ;
43+ background-color : # 112e42 ;
44+ padding : 10px ;
45+ transition : right 0.3s ease;
46+ z-index : 1050 ;
47+ box-shadow : 0 0 20px rgba (0 , 0 , 0 , 0.6 );
48+ }
49+ .side-menu .show {
50+ right : 0 ;
51+ }
52+ .side-menu ul {
53+ list-style : none;
54+ padding-left : 0 ;
55+ margin-top : 50px ;
56+ }
57+ .side-menu ul li {
58+ margin-bottom : 20px ;
59+ }
60+ .side-menu .nav-link {
61+ color : # 64ffda !important ;
62+ border : 1.5px solid # 64ffda !important ;
63+ font-weight : 600 ;
64+ padding : 8px 16px ;
65+ border-radius : 10px ;
66+ text-align : center;
67+ transition : all 0.3s ease;
68+ }
69+ .side-menu .nav-link : hover {
70+ transform : translateY (-0.5px );
71+ background-color : rgba (255 , 255 , 255 , 0.1 ) !important ;
72+ box-shadow : 0 0 12px # 64ffda ;
73+ }
0 commit comments