* {
   font-family: sans-serif, 'Roboto'; 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Убираем стандартные отступы браузера */
   
body {
   margin: 0;
   font-weight: 400;
   color: #111;
   background-color: var(--secondary);
   text-align: justify;
   font-size: 17px;
   line-height: 1.5;
   overflow: hidden; /* Запрещаем прокрутку страницы */
}
/* 
body, html {
      margin: 0;
      padding: 0;
      height: 100%;
      font-size: 17px;
      line-height: 1.5;
   /* } */ 

h2 {
   font-size: 2.0rem;
   color: var(--clr-h2);
   /* margin: 1rem 0 1.5rem 0; */
   position: relative;
   text-align: center;
}


   /* Контейнер-флекс на всю высоту экрана */
   .container {
      display: flex;
      /* height: 100vh; */
   } 

   /* Левая колонка: фиксированная ширина */
   .sidebar {
      flex-shrink: 0; /* Запрещаем колонке сжиматься меньше  */
   }

   /* Правая колонка: занимает всё остальное место */
   .content {
      flex-grow: 1;
      background-color: var(--secondary);
      padding: 0px 10px;
   }