.sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 20vw;
    height: 100vh;
    padding: 5vw 1.5vw;
    box-shadow: 0vw 0vw 1vw 0.1vw rgba(0, 0, 0, 0.35);
}

.sidebar-category {
    margin-bottom: 3vw;
}

.sidebar-category-title {
    font-size: 1.75vw;
    margin-bottom: 0vw;
    color: #313131;
}

.sidebar-list {
    list-style: none;
    padding: 0;
}

.sidebar-item {
    font-size: 1.25vw;
    cursor: pointer;
    padding: 0.75vw;
    display: flex;
    align-items: center;
    border-radius: 1vw;
    transition: background-color 0.15s ease;
    color: #000000;
    height: 3vw;
}

.sidebar-item-active {
    font-size: 1.25vw;
    cursor: pointer;
    padding: 0.75vw;
    display: flex;
    align-items: center;
    border-radius: 1vw;
    transition: background-color 0.15s ease;
    color: #ffffff;
    height: 3vw;
    background-color: rgb(103 22 22 / 79%)
}

.sidebar-item:hover {
    background-color: rgba(175, 175, 175, 0.26)
}

.sidebar-image {
    height: 2Vw;
    margin-right: 0.75vw;
}



@media (max-width: 768px) {
  .sidebar {
    display: none;
  }
}