body {
            margin: 0;
          /*  font-family: Arial, sans-serif; */
            line-height: 1.6;
             font-family:  Georgia, serif;
        word-wrap: break-word;       /* Перенос длинных слов */
        overflow-x: hidden;          /* Убираем горизонтальный скролл */
        /*font-size: clamp(14px, 2vw, 20px);*/ /* Плавный размер текста */
        line-height: 1.5;
        font-size:  1.1em;
       background-image: url(images/fonb.jpg) ;
       /* background-color:  #5CA3F5;   */
        }
        header, footer {
            background-image:  url(images/fonh.jpg);

            color: #fff;
            text-align: center;
            padding: 3px;
        }
        section {
            padding: 10px 20px;
           /* text-align: center;*/
           background-image: url(images/fon.jpg);
        }
        section img {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
            margin-top: 10px;
             background: #fff;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
         display: block;
        margin: 0 auto;
        padding: 3px;
        }
        footer {
            font-size: 14px;
        }
      

        /* Адаптивность */
        @media (min-width: 768px) {
            section {
                max-width: 1000px;
                margin: 0 auto;

            }
          iframe {
              width: 100%;
              height: 300px;
          }
          }
          /* Плавная прокрутка для всего сайта */
html {
  scroll-behavior: smooth;
}



 a {
     color: #FFFFFF;
      text-decoration: none; }

     a:hover {

  color: #FFDB36; /* Changes text color  when hovered */

}


H1 {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    color: #EEE6D2;
    font-size: 24pt
}
.round {
    border-radius: 50%;
    object-fit: cover; width: 200px; height: 200px; border-radius: 50%;
     overflow: hidden; /* Обрезает все, что выходит за круг */
   }


         .my-button {
    display: inline-block;                /* Кнопка ведет себя как блочная, но по размеру текста */
    padding: 12px 24px;                  /* Отступы, одинаковые везде */
    background-color: #07376E;           /* Цвет фона */
    color: #ffffff;                      /* Цвет текста */
    text-decoration: none;               /* Убираем подчеркивание у ссылки */
    border-radius: 8px;                  /* Скругление углов */
    font-family:Georgia, sans-serif;
    font-size: 16px;                     /* Одинаковый размер шрифта */
    font-weight: bold;
    text-align: center;
    transition: background-color 0.3s;   /* Плавный эффект при наведении */
    box-sizing: border-box;              /* Учитываем padding внутри ширины */
}

/* Эффекты при наведении (десктоп) */
.my-button:hover {
    background-color: #0056b3;
    color: #FFDB36;
}