@font-face {
   font-family: 'Roboto Light';
   src: url('fonts/Roboto Light.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
@font-face {
  font-family: 'AA_Big Sky ttstd';
  src: url('fonts/AA_Big Sky ttstd.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AmoreCTT';
  src: url('fonts/AmoreCTT.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Aquarelle';
  src: url('fonts/Aquarelle.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Better Together';
  src: url('fonts/Better Together.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Blizzard D OT';
  src: url('fonts/Blizzard D OT.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Brusher';
  src: url('fonts/Brusher.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Comic Sans MS';
  src: url('fonts/Comic Sans MS.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Corinthia';
  src: url('fonts/Corinthia.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DisneyPark';
  src: url('fonts/DisneyPark.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Domkrat DP Normal';
  src: url('fonts/Domkrat DP Normal.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Drina';
  src: url('fonts/Drina.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Elowen';
  src: url('fonts/Elowen.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Impact';
  src: url('fonts/Impact.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mistral';
  src: url('fonts/Mistral.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Monotype Corsiva';
  src: url('fonts/Monotype Corsiva.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RoscherkDL';
  src: url('fonts/RoscherkDL.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Rum Raisin Cyrillic';
  src: url('fonts/Rum Raisin Cyrillic.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Story Brush';
  src: url('fonts/Story Brush.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Teddy Bear';
  src: url('fonts/Teddy Bear.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Arial';
  src: url('fonts/arial.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Arial Bold';
  src: url('fonts/arialbd.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Arial Italic';
  src: url('fonts/ariali.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Arial Italic Bold';
  src: url('fonts/arialbi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Times New Roman';
  src: url('fonts/times.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Times New Roman Bold';
  src: url('fonts/timesbd.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Times New Roman Italic';
  src: url('fonts/timesi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Times New Roman Italic Bold';
  src: url('fonts/timesbi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Меню редактирования надписи */
#tools_text{
  border-bottom: 1px solid #cfcfcf;
  padding: .3em 0;
  display: none;
  /* align-items: center;
  justify-content: center;
  flex-wrap: wrap; */
}
.menu_img_text {
  height: 2em;
  margin: .5em .7em;
  cursor: pointer;
  display: inline-block;
  opacity: 1;
}
.menu_img_text_deactive{
  height: 2em;
  margin: .5em .7em;
  display: inline-block;
  opacity: .5;
}
/* Стиль каждой надписи */
.text_div_style{
  position: absolute;
  z-index: 998;
  text-align: center;
  transform-origin: 50% 50%;
  cursor: pointer;
}
/* Список выбора типа шрифта */
#font_select_div{
  display: none;
}
.font_div{
  margin: .7em 0;
  cursor: pointer;

}
.font_font{
  font-size: 2em;
}

/* Выбор цвета */
#color_select_div{
  display: none;
  margin: .5em;
}

.color_block{
  width: 50px;
  height: 50px;
  border: 1px solid black;
  display: inline-block;
  margin: .5em;
  border-radius: 25px;
}

#balloon_home_str{
  display: none;
  color: red;
  margin: 1em 0;
}