body {
   background-image: url(../images/3.jpg);
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: 100% 100%;
   padding: 0px;
   margin: 0px;
   height: auto;
   width: 99%;
   overflow-y: hidden;
   overflow-x: hidden;
   z-index: -2;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
	font-size: 18px;
}
.block {
   /*блок с контентом для дополнительных страниц*/
   width: 50%;
   padding: 10px 30px;
   border-radius: 5px;
   margin: 0 auto;
   text-align: center;
   color: #242424;
   background-image: url(../images/fon_meny.png);
   box-shadow: 10px 10px 20px rgb(0, 0, 0);
}

.span_text {
   /*переведенное слово*/
   font-size: 150%;
   margin: 2px 6px;
   font-family: 'Oswald-Light', Helvetica, Arial;
   color: rgb(63, 63, 63);
   border: 1px solid rgba(255, 255, 255, 0);
   border-radius: 5px;
}

.span_text:hover {
   /*переведенное слово*/
   color: rgb(0, 0, 0);
   font-size: 150%;
   margin: 2px 6px;
   text-shadow: 3px 3px 4px rgb(2, 2, 2);
   /*background-color: rgb(210, 232, 245);*/
   border-radius: 5px;
   border: 1px solid #888;
}

.span_text_first {
   /*слово без перевода текст*/
   font-size: 150%;
   margin: 2px 6px;
   font-family: 'Oswald-Light', Helvetica, Arial;
   color: rgb(63, 63, 63);
   border: 1px solid rgba(255, 255, 255, 0);
   border-radius: 5px;
}

.span_text_first:hover {
   /*слово без перевода текст*/
   color: rgb(0, 0, 0);
   font-size: 150%;
   margin: 2px 6px;
   text-shadow: 3px 3px 4px rgb(2, 2, 2);
   /*background-color: rgb(255, 196, 196);*/
   border-radius: 5px;
   border: 1px solid #888;
}

.sentence {
   /*Переведенное предложение*/
   width: 98%;
   text-align: left;
   margin: 2px 2px 2px 2%;
   background-color: rgba(223, 225, 255, 0.5);
   border: 1px solid rgba(255, 255, 255, 0);
   border-radius: 5px;
   user-select: none;
}

.sentence:hover {
   /*Переведенное предложение*/
   margin: 2px 2px 2px 2%;
   /*background-color: rgb(240, 255, 197);*/
   border-radius: 5px;
   border: 1px dashed #888;
}

.sentence_copy {
   /*Переведенное предложение при копировании (анимация)*/
   animation: rotate 1.5s ease;
   animation-iteration-count: 1;
   z-index: -10;
}

@keyframes swing {
   15% {
      transform: translateX(5px);
   }

   30% {
      transform: translateX(-5px);
   }

   50% {
      transform: translateX(3px);
   }

   65% {
      transform: translateX(-3px);
   }

   80% {
      transform: translateX(2px);
   }

   100% {
      transform: translateX(0);
   }
}

@keyframes rotate {
   15% {
      transform: rotateZ(-2deg);
   }

   30% {
      transform: rotateZ(2deg);
   }

   50% {
      transform: rotateZ(-0.5deg);
   }

   65% {
      transform: rotateZ(0.5deg);
   }

   80% {
      transform: rotateZ(-0.2deg);
   }

   100% {
      transform: rotateZ(0.2deg);
   }
}


.sentence_first {
   /*первоначальный текст*/
   background-color: rgba(255, 196, 196, 0.5);
   width: 98%;
   margin: 2px;
   border: 1px solid rgba(255, 255, 255, 0);
   border-radius: 5px;
   color: rgb(124, 122, 122);
   user-select: none;
}

.sentence_first:hover {
   /*Предложение без перевода*/
   /*background-color: rgb(240, 255, 197);*/
   border-radius: 5px;
   border: 1px dashed #888;
}

#first_text {
   /*Скроем элемент его не видно на экране*/
   position: absolute;
   top: 0px;
   visibility: hidden;
}

#last_text {
   /*Скроем элемент его не видно на экране*/
   position: absolute;
   top: 0px;
   visibility: hidden;
}

.nonvis {
   position: absolute;
   top: 0px;
   width: 1px;
   height: 1px;
   visibility: hidden;
}

.heder {
   /* меню */
   display: flex;
   position: sticky;
   justify-content: space-around;
   align-items: center;
   border: 1px solid rgb(0, 0, 0);
   background-image: url(../images/fon_meny.png);
   width: 100%;
   height: 50px;
   z-index: 1;
   top: 0px;
   user-select: none;
}

.title_heder {
   width: 90%;
   color: #1a1560;
   /*text-shadow: 3px 3px 3px #424242;*/
   font-family: 'Oswald-Light', Helvetica, Arial;
   text-align: center;
   font-size: 70%;
}

.label_text {
   font-family: 'Oswald-Light', Helvetica, Arial;
   font-size: 180%;
}

@media screen and (max-width: 640px) {

   .title_heder,
   .label_text {
      font-size: 60%;
   }

   .label_text {
      font-size: 100%;
   }
}

@media screen and (max-width: 500px) {

   .title_heder {
      font-size: 0%;
   }

   .label_text {
      font-size: 90%;
   }
}

.logo {
   height: 45px;
   padding: 10px 10px 5px 10px;
   pointer-events: none;
}


.block_goog {
   /*блинк выбора языка перевода*/
   animation: goog_blinker 1.5s linear infinite;
   border-radius: 4px;
}

@keyframes goog_blinker {
   50% {
      box-shadow: 0px 0px 5px 4px rgba(141, 230, 110, 0.97);
   }
}

.goog-te-gadget-simple {
   background-color: rgba(141, 230, 110, 0.1);
   border-radius: 5px;
}

.goog-te-menu-value {
   margin: 0px;
   font-size: 22px;
   font-family: 'Oswald-Light', Helvetica, Arial;
}

.div_zero {
   width: 90%;
}

.adder {
   /*дополнительный пустой блок для отступа от верхнего края экрана*/
   height: 345px;
}

.area_text {
   height: 240px;
   width: 99%;
   background-color: rgba(255, 255, 248, 1);
   font-size: 150%;
   resize: none;
   border: 1px solid rgb(0, 0, 0);
   color: #000;
   padding-left: 15px;
   /*transition: 0.5s;*/
   font-family: 'OpenGostTypeA-Regular', sans-serif;
}

.summ_text {
   /*абзац с исходным и переведенным тэгом*/
   display: flex;
   align-items: stretch;
   justify-content: space-around;
   flex-direction: row;
}

.menu_text {
   /*Меню работы с текстом*/
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   align-items: center;
   border: 1px solid rgb(0, 0, 0);
   background-image: url(../images/fon_meny.png);
   height: auto;
   padding: 5px;
   width: 100%;
   user-select: none;
}


.body_blok {
   /* блок всего тела */
   display: flex;
   position: fixed;
   flex-direction: column;
   top: 0px;
   width: 100%;
}

/*------------------------------------------- */

.footer {
   /* меню */
   display: flex;
   position: fixed;
   justify-content: end;
   align-items: center;
   border: 1px solid rgb(0, 0, 0);
   font-family: 'OpenGostTypeA-Regular', sans-serif;
   background-image: url(../images/fon_meny.png);
   bottom: 0px;
   width: 100%;
   height: 30px;
}

#signature {
   /*подпись*/
   font-size: 140%;
   color: #000;
   margin: 20px;
   text-align: center;
}

#mail,
#god {
   /*подпись*/
   font-size: 120%;
   color: #000;
   margin: 20px;
   text-align: center;
}


.copy_bufer_on {
   /*Буфер обмена*/
   position: fixed;
   bottom: 50px;
   left: 1%;
   padding: 5px;
   border-radius: 5px;
   background-color: rgba(179, 253, 176, 0.97);
   font-family: 'OpenGostTypeA-Regular', sans-serif;
   font-size: 100%;
   color: #000;
   box-shadow: 2px 2px 5px rgb(63, 54, 54);
   user-select: none;
   transition: 0.5s;
}

.copy_bufer_off {
   /*Буфер обмена*/
   position: fixed;
   bottom: 50px;
   left: -1000px;
   padding: 5px;
   border-radius: 5px;
   background-color: rgba(179, 253, 176, 0.97);
   font-family: 'OpenGostTypeA-Regular', sans-serif;
   font-size: 100%;
   color: #000;
   box-shadow: 2px 2px 5px rgb(63, 54, 54);
   user-select: none;
   transition: 3s;
}


/* Стили для select*/
.select_first_lang {
   padding: 2px;
   margin: 5px;
   font-size: 150%;
   border-radius: 5px;
   background-color: rgb(204, 203, 203);
   font-family: 'OpenGostTypeA-Regular', sans-serif;

}

.select_size_text {
   padding: 2px;
   margin: 5px;
   font-size: 150%;
   border-radius: 5px;
   background-color: rgb(204, 203, 203);
   font-family: 'OpenGostTypeA-Regular', sans-serif;

}

.hided_block {
   position: fixed;
   top: -1000px;
}

.hint {
   /*Подсказка*/
   position: absolute;
   font-size: 120%;
   text-align: center;
   padding: 3px;
   font-family: 'OpenGostTypeA-Regular', sans-serif;
   color: #6e6e6e;
   border-radius: 5px;
   border: 1px solid rgb(49, 49, 49);
   background-color: rgba(238, 248, 193, 0.97);
   top: -100px;
   left: -1000px;
   width: 100px;
   pointer-events: none;
   z-index: 100;
}

.one_word {
   /*одно слово для перевода*/
   position: absolute;
   text-align: center;
   padding: 3px;
   font-family: 'Oswald-Light', Helvetica, Arial;
   color: #6e6e6e;
   border-radius: 5px;
   top: -100px;
   border: 1px solid rgb(49, 49, 49);
   background-color: rgba(210, 232, 245, 0.9);
   pointer-events: none;
}

.text_hide {
   visibility: hidden;
}

/*Контейнер входа на сайт*/
.block_enter_menu_down {
   display: flex;
   position: fixed;
   right: 0px;
   top: 51px;
   height: auto;
   padding: 10px;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   color: rgb(19, 19, 19);
   border-radius: 0px 0px 4px 4px;
   border: 1px solid rgb(49, 49, 49);
   background-image: url(../images/fon_meny.png);
   transition: 0.3s;
   z-index: 1;
}

.block_enter_menu_up {
   display: flex;
   position: fixed;
   right: 0px;
   top: 51px;
   height: auto;
   padding: 10px;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   border-radius: 0px 0px 4px 4px;
   border: 1px solid rgb(49, 49, 49);
   margin-top: -340px;
   color: rgb(19, 19, 19);
   background-image: url(../images/fon_meny.png);
   transition: 1s;
   z-index: 1;
}

/*Стиль поля ввода текста*/
.edit_text {
   margin: 6px;
   padding: 3px;
   border: 3px solid #888;
   border-radius: 5px;
   font-size: 18px;
   font-family: 'Oswald-Light', Helvetica, Arial;
   font-size: 120%;
   color: rgb(19, 19, 19);
   transition: 0.1s linear;
}

.edit_text:hover {
   margin: 6px;
   padding: 3px;
   border: 3px solid #0664f093;
}

.edit_text:focus {
   margin: 6px;
   padding: 3px;
   outline: 0;
   outline-offset: 0;
   border: 3px solid #0664f093;
}

.separator_line {
   width: 90%;
   height: 2px;
   margin: 4px;
   background-image: linear-gradient(180deg, rgb(0, 0, 0), rgb(255, 255, 255));
}

.separator {
   /*Разделитель между иконками*/
   height: 90%;
   width: 2px;
   margin: 0px 3px 0px 3px;
   background-image: linear-gradient(90deg, rgb(0, 0, 0), rgb(255, 255, 255));
}

.test {
   color: #000;
}

.info_block {
   position: fixed;
   top: 30%;
   right: 35%;
   left: 35%;
   padding: 30px;
   border-radius: 5px;
   margin: 0 auto;
   text-align: center;
   color: #242424;
   background-image: linear-gradient(0deg, rgb(86, 129, 75), rgb(168, 204, 158));
   font-family: 'FiraSansCondensed-BlackItalic', Helvetica, Arial;
   font-size: 110%;
   box-shadow: 10px 10px 20px rgb(0, 0, 0);
   transition: 5s;
   animation: Menu_Up 1s linear;
   z-index: 1;
}

h1 {
   margin: 5px 0px;
   font-size: 2em;
   font-family: 'Oswald-Light', Helvetica, Arial;
   user-select: none;
}
@media (max-width: 698px) {
	.block {
		width: 80%;
	}
}

@media (max-width: 450px) {

#mail,
#god, #signature {
	margin: 5px;
}

}

@media (max-width: 358px) {

#mail,
#god, #signature {
	font-size: 14px;
}

}