@font-face {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
        'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
        'Helvetica Neue', sans-serif;
}

:root {
    --md-primary-fg-color: #47547e;
    --md-text-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
        'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
        'Helvetica Neue', sans-serif;
}

h1 {
    font-family: var(--md-text-font);
    font-size: 1em;/*размер шрифта для заголовка.*/
    text-align: left; 
    padding: 2px; /* Отступы внутри заголовка */
    border-top: 2px solid #ccc; /* Верхняя горизонтальная линия */
    border-bottom: 2px solid #ccc; /* Нижняя горизонтальная линия */
}
h2 {
    font-family:var(--md-text-font);
    /*color: var(--md-primary-fg-color);*/
    font-size: 1em;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left; 
    padding: 2px; 
}
h3 {
    font-family: var(--md-text-font);
    font-size: 1em;
    text-align: left; 
    padding: 2px; /* Отступы внутри заголовка */
    background-color:  rgba(89, 110, 179, 0.15); /* Цвет фона заголовка */
}

h4 {
    font-family:var(--md-text-font);
    font-style: italic;
    font-size: 1em;
    text-align: left; 
    font-weight: normal;
    background-color: #f2f2f2; /* Цвет фона заголовка */
    border-left: 6px solid #47547e; /* Левая вертикальная линия */
    padding: 4px; /* Отступы внутри заголовка */
}

h5 {
    font-family:var(--md-text-font);
    /*color: var(--md-primary-fg-color);*/
    font-size: 1em;
    margin-top: 0em;
    margin-bottom: 0em;
    text-align: left; 
    background-color: #f7f7f7;/* rgba(71, 84, 126, 0.2); /* Цвет фона заголовка */
}