*{
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #2B3340;  
}

html, body{
    height: 100%;
}

#main{
    width: 100%;
    height: 100%;
    white-space: nowrap;    
    overflow: hidden;
    display: flex
}

#menu {
    overflow-y: auto;    /* прокрутка при необходимости */
}

#menu p {
    white-space: pre-line;  /* переносит по пробелам и переводам строк */
}

#main>#menu{
    width: 330px;
    height: 100%;
    margin: 10px 0px 10px 10px;  
}

#main>#content{
    width: 100%;
    height: 100%;
    margin: 10px;
}

.section {
    border-color: #0a7fe9;
    border-bottom-style: dashed;
    border-width: thin;
    padding: 4px;
    background-color: #0a7fe917;
}

.separator {
    border-color: #0a7fe9;
    border-bottom-style: dashed;
    border-width: thin;
    padding: 4px;
}