/* Стили для левого панельного блока */
#left-panel {
    width: 15%; /* Устанавливаем ширину левого блока в 20% */
    display: flex; /* Используем flexbox для элементов внутри панели */
    flex-direction: column; /* Элементы будут располагаться вертикально */
    justify-content: flex-start; /* Элементы выравниваются по началу панели */
    align-items: flex-start; /* Выровнять элементы по левому краю */
    padding-top: 20px; /* Внешний отступ сверху для панели */
}

/* Стили для блока с элементами управления */
#controls {
    display: flex; /* Используем flexbox для вертикального размещения кнопок */
    flex-direction: column; /* Кнопки располагаются вертикально */
    align-items: flex-start; /* Выровнять кнопки по левому краю */
}

/* Стили для текста внутри блока управления */
#controls p {
    margin: 10px 0; /* Верхний и нижний отступы для текста */
}