h1, h2, h3, h4, h5, h6
 { font-weight: normal; }
a:link, a:active, a:hover {  color: var(--textw); }
a:visited
 { color: #ab86b6; }
        /* Превращаем все элементы, составляющие разметку, в фиксированные */
header, nav, section, footer { position: fixed; }
/* Указываем часть параметров местоположения "шапки" и "поддона" */
header, footer { left: 0px;
right: 0px; 
background-color: var(--bg);
border: 1px solid silver;
text-align: center; }
/* Указываем для "шапки" остальные параметры местоположения и высоту */

header h1, header h2 { margin: 0px;  color: var(--text);}
header { top: 0px;  
right: 0px;
left: 0px;
height: 60px; }
header h1 { font-size: 36px;
letter-spacing: 40px;
text-transform: uppercase; }
header h2 { font-size: 18px;
letter-spacing: 4px;
text-transform: lowercase; }
header div { position: absolute; }
#header_1 { left: 30px;
top: 10px; }
#header_2 { right: calc(2 * 100% / 3 - 100px);
top: 10px; }
#header_3 { right: calc((2 * 100% / 3) / 2 + 120px);
top: 20px; }
#header_4 { right: calc((2 * 100% / 3) / 2  + 20px);
top: 30px; }
/* Задаем для панели навигации и элемента основного содержания часть
параметров местоположения и прокрутку содержимого по вертикали */
nav, section { top: 30px;
bottom: 20px;
overflow-y: auto;
}
/*Задаем для панели навигации и элемента основного содержания остальные
параметры местоположения и ширину */
nav { top: 70px;
bottom: 34px;
left: 30px;
width: 270px;
overflow: auto; }
nav a { display: block; }
nav > a { font-size: 14pt;
 padding: 5px 5px;
width: 240px; 
color:white;
}
nav > div { width: 250px; }
nav > div > a { font-size: 12pt;
padding: 4px 5px 4px 20px;
width: 225px; 
}
nav a:link, nav a:visited, nav a:active, nav a:hover {
color: var(--text);
text-decoration: none;
}
nav a:active, nav a:hover, nav a.active {
color: white;
background-color: #680148;
transition: color 0.5s, background-color 0.5s;
}
nav a:link, nav a:visited { transition: color 1s, background-color 1s; }



section { top: 60px;
bottom: 24px;
left: 310px;
right: 0px;
overflow: auto; 
border: 1px solid silver;}
p, div, pre, li, th, td { font-size: 10pt; }
h6{ font-size: 12pt; }
h5 { font-size: 16pt; }
h4 { font-size: 18pt; }
h3 { font-size: 20pt; }
h2 { font-size: 22pt; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: underline; }

figure { text-align: center;
margin: 40px 0px; }
figure * { max-width: 100%;
max-height: 300px; }
 div.sign { font-style: italic;
text-align: center;
margin-top: -30px; }

footer
{ bottom: 0px;
display:flex;
flex-direction: row;
justify-content: space-between;
left: 0px;
right: 0px;
height: 20px;
padding: 8px; }
footer p { font-size: 10pt; }
footer p { font-style: italic;
text-align: center;
margin: 0px; }
footer a { font-style: italic;
color:white; }
.land {
      max-width: 900px;
      margin: auto;
      margin-left:50px;
      padding: 40px;
    }
.red{
color:red;
}

.export-button{
  color:var(--textw);
}