Skip to content

Commit 87fb680

Browse files
Update Style.CSS
1 parent 5335cbd commit 87fb680

1 file changed

Lines changed: 57 additions & 55 deletions

File tree

Style.CSS

Lines changed: 57 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)