navbar.css

nav {
    display: flex;
    flex-direction: column;


    /* backdrop-filter: blur(5.5px); */
    /* background-color: rgba(250, 250, 250, 0.25); */
    background-color: rgba(42,43,54,255);
    /* box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); */
    width: 200px;
    padding: 10px;

    min-height: 100vh;
    /* align-items: self; */
    position: fixed;
    z-index: 100;


}

nav div {
    padding: 10px;

}

nav div a {
    color: white;
    text-decoration: none;
}

nav span {
    font-size: 18px;
    cursor: default;
    color: white;
    font-size: 20px;
    text-align: center;
    padding:10px;

}

nav div:hover {
    background-color: lightskyblue;
    color: black;
}

.item .link {
    display: flex;
}

.item .link .icon,
.item .link .text {
    font-size: 20px;
}