html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
  }
  div#about {
    position: absolute;
    font-family: system-ui;
    font-size: 9px; bottom: 11px;  left: 15px;
  }


  html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
  }
  div#about {
    position: fixed;
    font-family: system-ui;
    font-size: 9px; bottom: 11px;  left: 15px;
  }
  div#about_line_top_x {
    position: fixed;
    right: 0px;
    bottom: 30px;
    width: 20vw;  font-family: system-ui;
      font-size: 13px;
  }
  
  
  div#about a
  , div#about_line_top_x a
  {
      color: #8e8e8e;
      font-family: monospace;
      text-decoration: none;
      border-bottom: 1px solid #c2c2c2;
      font-size: 12px;
  }
  div#about a:hover
  , div#about_line_top_x a :hover
  { border-bottom: 1px solid #ffffff00; }
  
  .button_edit {
  cursor: pointer;
  position: fixed;
  right: 30px;
  top: 30px;
  font-size: 20px;  z-index: 1111;
  }
  [data-display=block] {
  display: block;
  }
  [data-display=none] {
  display: none;
  }
  .button_edit,
  .much_more {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  }
  
  .much_more {
  top: 64px;
  right: 30px;
  width: 260px;
  position: absolute;
  z-index: 999999;
  background: white;
  border-radius: 7px;
  box-shadow: rgb(101 119 134 / 20%) 0px 0px 15px, rgb(101 119 134 / 15%) 0px 0px 3px 1px;
  transition: 1s;
  }flexcom svg {
  width: 20px !important;
  height: 19px !important;
  padding: unset !important;
  margin: 2px 12px !important;
  fill: #000000 !important;
  transition: 1s;
  }flexcom {
  cursor: pointer !important;
  display: flex;
  border: 1px solid #e1e1e1;
  padding: 13px 0 !important;
  transition: 1s;
  }
  .delite:hover   {
  color: white;
  background: red; transition: 0.3s;
  }
  
  
  .dostup:hover, .open_setka:hover  {
  color: white;
  background: green; transition: 0.3s;
  }
  flexcom.dostup:hover svg,
  flexcom.delite:hover svg,
  flexcom.open_setka:hover svg
  { fill: #ffffff !important; transition: 0.3s;}
  .much_more a {
  text-decoration: none;
  color: black;
  }
  
