<!--HTML-->

<div class=anket_html>
  
  <div class=anket_name>чарльз блэквуд</div>
  
  <html_divider></html_divider>
  
  <div class=anket_pic><img src="https://i.imgur.com/JXVmpKxm.png"></div>
  
  <div class=anketinfo>
    <span><b>место и дата рождения:</b> текст</span>
    <span><b>должность:</b> текст</span>
  </div>
  
  <span class=face><b>face:</b> name surname</span>

  <html_divider></html_divider>
  
  <div class=anket_textblock>
    Он не знал, что это за городок, потому что на дороге не было никаких знаков с названием. Указатель – сосновую доску с выцветшей от времени краской – еще лет двадцать назад сбил один дядька, который решил оприходовать за одну ночь сразу двоих любовниц. Его голова покоилась на груди Водки, а рука – на бедре у Виски, когда он утратил контроль над своим автомобилем. Указатель с названием города до сих пор валялся в нескольких футах от дороги, в густых зарослях пуэрарии, покоричневевший от крови, которая давным-давно высохла.
<br><br>
Так что поначалу Кристиан даже не знал, в какой город он въехал. Он знал только одно: он где-то в Северной Каролине, денег почти не осталось, бензин тоже уже на исходе, и весь день было душно и жарко, и солнце все время грозило выглянуть из-за облаков. В общем, даже не зная названия города, Кристиан решил задержаться здесь на какое-то время.
<br><br>
Он ехал по шоссе № 42 и свернул с него налево; стало быть, он въехал в город со стороны Скрипичной улицы – мимо вросших в землю трейлеров и покосившихся лачуг, мимо маленьких кладбищ, заросших сорной травой, мимо куч искореженного железа. Он не почувствовал ничего: ни ужаса, ни волнения. По большому счету, ему было все равно, где жить. Я мог бы доехать до Сан-Франциско, – подумал он, – и глядя на мост «Золотые Ворота» и на огни Китайского квартала, я чувствовал бы то же самое. Ему нельзя было вернуться в Новый Орлеан, так что он мог поселиться в любом другом городе. Все равно, в каком.
<br><br>
На обочине, у самой дороги, стояла девочка лет семи-восьми, но худенькая и сморщенная, как старушка, в синей рубашке, которая была ей сильно велика. Один рукав уныло болтался, наполовину оторванный. Девочка что-то вертела в руках. Поравнявшись с ней, Кристиан притормозил и опустил стекло. Девочка уставилась на него. Ее серые глаза были такими же пасмурными и выцветшими, как сегодняшнее небо.
<br><br>
– Что это за город? – спросил Кристиан. Девочка безразлично пожала худым плечом. Теперь Кристиан разглядел, что было у нее в руках – дохлая крыса с пропыленной шерстью. Ее размозженная голова и передние лапы ссохлись до состояния мумии.
    </div>
  
  <html_divider></html_divider>
  
  <div class=anketplayrinfo>
    <b>связь с вами:</b> связь
    <br/><br/><b>что делать с персонажем, когда вы покинете игру:</b> какой то текст
  </div>
  
</div>

<style>

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,600i,700,700i,800,80i,900,900i&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates:300,400,500,700,800,900&display=swap&subset=cyrillic');

.anket_html {margin: auto;
background: #efefef;
border: 1px solid #cacaca;
box-shadow: 0px 3px 5px 0 rgba(14,25,45,.34);
width: 550px;
padding: 40px;
position: relative}

.anket_name {
  font: 800 27px montserrat;
  color: #283144;
  text-transform: uppercase;
  margin-top: -15px
}

.anket_pic {
  position: absolute;
  background: #283144;
  height: 135px;
  width: 135px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  top: 42px;
  right: 33px
}

.anket_pic img {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  width: 127px;
  height: 127px;
  margin-top: 4px;
  margin-left: 4px
}

.anketinfo {
  height: 79px;
  background: #283144;
  width: calc(100% - 40px);
  margin-top: 4px;
  display: flex;
  align-items: flex-start;
  flex-flow: column nowrap;
  justify-content: center;
  align-content: center;
  padding: 0 20px
}

.anketinfo span {
  margin: 5px;
	flex: 0 1 auto;
  font: 500 10px 'Montserrat Alternates';
  color: #e4e4e4
}

.face {
  display: block;
  font: 500 10px 'Montserrat Alternates';
  margin-top: 11px;
  text-align: right;
  margin-right: 100px;
  margin-bottom: 12px
}

.anket_textblock {
  font: 500 10px/16px montserrat;
  text-align: justify;
  margin: 16px 0 20px 0;
  overflow-y: auto;
  height: 400px;
  padding-right: 5px
}

.anketplayrinfo {
   font: 500 10px/16px montserrat;
  margin-top: 15px
}

html_divider {display: block;
background: #272844;
height: 7px;
width: 100%}
</style>