43 lines
810 B
CSS
43 lines
810 B
CSS
.navbar {
|
|
position: fixed;
|
|
top: 30px;
|
|
background: rgba(100,100,100, 0.25);
|
|
backdrop-filter: blur(12px);
|
|
border-radius: 25px;
|
|
padding: 6px 10px;
|
|
z-index: 100;
|
|
border: solid rgba(100,100,100,0.5) 0.001rem;
|
|
}
|
|
|
|
.nav-list {
|
|
list-style: none;
|
|
display: flex;
|
|
gap: 1.3rem;
|
|
margin: 0;
|
|
padding: 0;
|
|
align-items: center;
|
|
li{
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
.nav-link {
|
|
text-decoration: none;
|
|
padding: 0.3rem 0.8rem;
|
|
border-radius: 20px;
|
|
color: var(--text-color);
|
|
transition: background-color 0.3s ease, color 0.3s ease;
|
|
cursor: pointer;
|
|
border: none;
|
|
background: none;
|
|
|
|
}
|
|
|
|
.nav-link:hover {
|
|
color: var(--important-color);
|
|
}
|
|
|
|
.nav-link.active {
|
|
background-color: rgba(217, 95, 70, 0.3);
|
|
color: var(--important-color);
|
|
} |