html, body {
            width: 100vw;
            height: 100svh;
            box-sizing: border-box; /* Размер блока включает рамки и отступы */
            margin: 0;
            padding: 0;
            overflow: hidden; /* Скрываем скроллбары */
            -webkit-text-size-adjust: none;
            -ms-text-size-adjust: none;
            text-size-adjust: none;
        }

        body {
            display: flex;
            flex-direction: column;
            font-family: 'Noto Sans', sans-serif;
            background-color: #FEFBF1;
            background-size: 100svw 100svh; 
            background-position: center;
            background-repeat: no-repeat;
            /*background-attachment: fixed;*/
            /*border: 1px solid black; /* Границы объектов */
        }

        header {
            width: 100%;
            height: 29svh; /* Занимает 30% высоты экрана */
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            box-sizing: border-box; /* Размер блока включает рамки и отступы */
            /*border: 1px solid black; /* Границы объектов */

        }

        nav {
            margin: 0;
            padding: 0;
            align-self: flex-end;
            /*margin-top: 25.5vh;*/
            box-sizing: border-box; /* Размер блока включает рамки и отступы */
        }
         
        main {
            width: 100%;
            height: 61svh; /* Занимает 60% высоты экрана */
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center; /* или оставить center, если отступ нужен */
            align-items: flex-start;
            font-size: 100%;
            box-sizing: border-box; /* Размер блока включает рамки и отступы */
            /*border: 1px solid black; /* Границы объектов */       
        }
        
        footer {
            width: 100%;
            height: 10svh; /* Занимает 10% высоты экрана */
            margin: 0;
            padding: 0;
            box-sizing: border-box; /* Размер блока включает рамки и отступы */
            display: flex;
            flex-direction: column;
            align-items: center;
            border-top: 1px solid #DFE2EA; /* Полоса над подвалом */
            /*border: 1px solid black; /* Границы объектов */
        } 
        
        .footer-text {
            font-size: 2.2svh;
            color: #8994AF;
            margin-top: 4svh;
        }

        
        .content {
            width: 100%;
            height: 100%; /* Занимает всю высоту родителя */
            box-sizing: border-box; /* Размер блока включает рамки и отступы */
            display: flex;
            justify-content: center;
            /*flex-direction: column; /* На мобильных лучше колонка */
            margin: 0;
            padding: 0;
            /*border: 1px solid black; /* Границы объектов */
        }

  
.documenttext {
    display: inline-block;
    min-width: 794px;
    max-width: 794px;
    /*min-height: 297mm;*/
    /*max-height: 297mm;*/
    height: fit-content;
    margin-bottom: 10px;
    padding: 80px 100px 100px 100px;*/
    white-space: pre-wrap;
    overflow: hidden;
    text-align: justify;
    text-fit: shrink consistent;
    color: #040C09;
    background-color: #FFFFFF;
    /*text-shadow: 2px 2px 4px rgba(0,0,0,0.7);*/
    box-sizing: border-box; /* Размер блока включает рамки и отступы */
    position: relative;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.7);
    /*border: 1px solid black; /* Границы объектов */
    }
   
           
        
        
        
        .main-menu {
            display: flex;
            text-align: center;
            justify-content: center;           /* центрирует кнопки по горизонтали */
            align-items: center;               /* выравнивает по вертикали */
            list-style: none;                  /* убирает маркеры списка */
            margin: 0;
            padding: 0;
            gap:  1vw;                         /* расстояние между кнопками */
            /*flex-wrap: wrap;                   /* перенос на новую строку при нехватке места */
        }


        .main-menu ul {
            display: flex;

            
        }


        .main-menu li {
            display: inline-block;

 
            
        }

        .main-menu a {
            display: block;
            text-align: center
            white-space: nowrap; /* Запрещает переносы */
            overflow: hidden; /* Скрывает текст, выходящий за границы */
            width: 13vw;                 /* размер кнопки */
            height: 3svh;                /* размер кнопки */
            line-height: 3svh;
            background-color: #BF0F17;       /* цвет фона */
            color: #F0F0F2;/*#171D59;                  /* цвет текста */
            font-size: 2svh;
            text-decoration: none;             /* убирает подчёркивание */
            margin: auto;
            border: 2px solid #13184A;
            border-radius: 5px;               /* скругление углов */
            font-family: Arial, sans-serif;
            transition: all 0.3s ease;         /* плавная анимация */
        }

    @media (orientation: portrait) {
        .main-menu a {
        font-size: 1.3svh;
        color: #F0F0F2;
        }
    }






        .main-menu a:hover {
            background-color: #9A0C13;         /* цвет при наведении */
            transform: translateY(-2px);      /* лёгкий подъём кнопки */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .main-menu a.active {
            background-color: #940C12;        /* цвет активной кнопки */
        }