/*кнопка в верхнем меню*/
   .btn_meny {
      margin: 0px 10px;
      text-align: center;
      font-family: 'FiraSansCondensed-BlackItalic', sans-serif;
      font-size: 150%;
      width: 100px;
      height: 30px;
      border-radius: 5px;
      background-color: rgb(100, 81, 190);
      color: rgba(223, 223, 223, 0.705);
      user-select: none;
      transition: 0.1s linear;

   }

   .btn_meny:hover {
      color: rgb(255, 230, 0);
      background-color: rgb(100, 81, 190);
      box-shadow: 2px 2px 5px #766;
   }

   /*-------------------------------------------------------- */
   /*кнопки для работы с текстом*/
   .btn_off {
      margin: 0px 10px;
      width: 33px;
      height: 33px;
      transition: 0.1s linear;
      filter: drop-shadow(3px 3px 3px rgb(77, 77, 77));
      margin: 10px;
   }

   .btn_off:hover {
      box-shadow: inset 0px 0px 15px 10px rgb(141, 230, 110);
      transition: 0.4s;
      border-radius: 4px;
      filter: drop-shadow(3px 3px 1px rgb(77, 77, 77))
   }

   .btn_on {
      /*кнопки для работы с текстом в нажатом состоянии*/
      margin: 0px 10px;
      width: 33px;
      height: 33px;
      border-radius: 4px;
      box-shadow: inset 0px 0px 15px 10px rgb(141, 230, 110);
      transition: 0.1s;
      filter: drop-shadow(3px 3px 1px rgb(77, 77, 77));
   }

   .btn_on:hover {
      margin: 0px 10px;
      width: 33px;
      height: 33px;
      transition: 0.1s linear;
      box-shadow: inset 0px 0px 15px 10px rgb(141, 230, 110);
      filter: drop-shadow(1px 1px 1px rgb(126, 126, 126));
   }

   .btn_off_noactive {
      margin: 0px 10px;
      width: 33px;
      height: 33px;
      transition: 0.1s linear;
      filter: contrast(40%);
      margin: 10px;
   }

   .h50 {
      height: 42px;
      width: 42px;
   }

   .h33 {
      height: 33px;
      width: 33px;
   }

   /*-------------------------------------------------------- */
   /*Кнопка свертывания textarea*/
   #button_collapse {
      width: 90px;
      left: 50%;
      margin: 0 auto;
      margin-top: -18px;
      border-radius: 20px 20px 0px 0px;
      background-image: url(../images/fon_meny.png);
      filter: drop-shadow(1px 1px 1px rgb(77, 77, 77));
      z-index: 10;
      cursor: s-resize;
   }

   #button_collapse:hover {
      transition: 0.1s linear;
      box-shadow: inset 0px 0px 15px 10px rgb(141, 230, 110);
   }

   /*-------------------------------------------------------- */
   /*Кнопки в тексте */
   .img_sound,
   .img_sound_first {
      /*Изображение динамика*/
      height: 1.5em;
      transition: 0.1s;
      /*filter: drop-shadow(3px 3px 2px rgb(77, 77, 77));*/
   }

   .img_sound:hover,
   .img_sound_first:hover {
      box-shadow: inset 0px 0px 9px 5px rgb(141, 230, 110);
      transition: 0.1s;
      border-radius: 4px;
      filter: drop-shadow(3px 3px 1px rgb(77, 77, 77));
   }

   .copy_text_first,
   .copy_text_sentence {
      /*Изображение копирование текста*/
      height: 1.4em;
      transition: 0.1s;
      /*filter: drop-shadow(3px 3px 2px rgb(77, 77, 77));*/
   }

   .copy_text_first:hover,
   .copy_text_sentence:hover {
      box-shadow: inset 0px 0px 9px 5px rgb(141, 230, 110);
      border-radius: 2px;
      transition: 0.1s;
      filter: drop-shadow(3px 3px 1px rgb(77, 77, 77));
   }

   /*кнопка в подменю*/
   .btn_meny_enter {
      margin: 0px 10px;
      text-align: center;
      font-family: 'Oswald-Light', Helvetica, Arial;
      font-size: 100%;
      padding: 5px 10px;
      border-radius: 5px;
      border: 1px solid rgb(49, 49, 49);
      background-color: rgb(118 127 140);
      color: rgba(223, 223, 223, 0.705);
      user-select: none;
      transition: 0.1s linear;
      width: 100px;

   }

   .btn_meny_enter:hover {
      color: rgb(255, 230, 0);
      background-color: rgb(118 127 140);
      box-shadow: 2px 2px 5px rgb(63, 54, 54);
   }

   .img_and_button {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-around;
      flex-direction: row;
      margin-top: 5px;
      align-items: center;
	  justify-content: center;
   }
	.img_and_button h2 {
		margin-left: 10px;
	}
   .button_close {
      position: static;
      right: 0px;
      top: 0px;
      width: 30px;
      margin-left: 99%;
   }

   .button_close:hover {
      filter: drop-shadow(1px 1px 1px rgb(54, 54, 54));

   }

   .flash {
      animation: blinker 1.5s linear infinite;
      border-radius: 4px;
      width: 42px;
   }

   @keyframes blinker {
      50% {
         box-shadow: inset 0px 0px 15px 10px rgb(189, 0, 0);
      }
   }
   
@media (max-width: 400px) {
	.img_and_button {
		flex-direction: column;
	}
}