/* custom.css */

.wrapper {
    display: flex;
    width: 90%; /* Процентное соотношение ширины контейнера */
}

.transparent-block {
    position: fixed;
    top: 0;
    left: 0;
    width: 15%;
    background-color: #fff; /* Цвет фона меню */
}

.menu {
    position: fixed;
    top: 15%;
    left: 0;
    width: 15%;
    background-color: #fff; /* Цвет фона меню */
    z-index: 1000;
    flex: 0 0 auto; /* Убеждаемся, что блок меню не растягивается */
    height: 100%; /* Задаем высоту блока меню в 100% высоты родительского контейнера */
    /* Другие стили вашего меню */
}

.menu li {
    list-style: none;
}

.content-container {
    flex: 1; /* занимает оставшееся пространство */
    margin-left: 40px; /* добавляет отступ слева для контента (если нужно) */
}