[html]<div class="anketa">
<div id="info">

<blok>
<img src="http://forumavatars.ru/img/avatars/001b/cf/4e/2-1676471754.jpg"> <span>внешность</span>
</blok>
<blok>
<name>Имя фамилия персонажа</name>
<date><z>Дата рождения:</z> 12.05.1990</date>
<prof><z>род деятельности:</z> министр пропаганды и культурного развития Лас Лагунас</prof>
<born><z>Место рождения:</z> страна, город</born>
<owl><z>связь с вами:</z> почта, тг, вк</owl>
</blok>
</div>

<div id="bio">
<zag>Биография и характер</zag>
<text>Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.Этот архипелаг не нанесён ни на одну карту, здесь не работает привычная связь, он надёжно укрыт от всего мира, и лишь избранным позволено обитать в тропическом раю. Но кто сказал, что рай и ад два разных места? Лазурные пляжи видятся кипящим котлом для непокорных. Не страшись своего положения, смирись, и ты сможешь ощутить все блага этого острова. Поддавшись соблазну и похоти, стань верным их адептом. Выбери для себя стезю, ступай по ней, гордо неся статус рабыни, иначе тебя силой поставят на колени. Помни, ад на земле существует, и он прямо здесь.</text>
</div>

</div>

<style>
.anketa {
    overflow: hidden;
    background: url(http://forumstatic.ru/files/001b/da/a4/30268.jpg) top center;
    height: 600px;
    width: auto;
    border: 1px solid #af914b;
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 100px #000 inset, 0px 0px 5px #8b887a;
    margin: 5px;
    padding-bottom: 5px;
}

#info {
    display: flex;
    flex-direction: row;
    border: 1px solid #856928;
    border-width: 1px 0;
    padding: 20px 20px 20px 40px;
    background: #00000078;
    flex-wrap: nowrap;
    color: #cfccbb;
    gap: 0 20px;
    align-items: center;
}

#info blok name {
    display: block;
    text-align: left;
    font-family: playfair display sc;
    font-size: 17px;
    font-weight: 500 !IMPORTANT;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    color: #e3b447cc !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    letter-spacing: .5px;
    text-transform: uppercase;
}

#info blok name:before {
    content: ' ';
    background: #cca13c;
    width: 400px;
    position: absolute;
    height: 1px;
    margin: 30px 0px 0px -26px;
}

#info blok date {
    display: block;
    text-align: left;
    margin-top: 20px;
    font-family: 'Roboto';
}

#info blok date z {
    text-align: left;
    font-family: playfair display sc;
    font-size: 14px;
    font-weight: 500 !IMPORTANT;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    color: #ddd6c7cc !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    letter-spacing: .5px;
    text-transform: uppercase;
}

#info blok prof {
    display: block;
    text-align: left;
    margin-top: 10px;
    font-family: 'Roboto';
}

#info blok prof z {
    text-align: left;
    font-family: playfair display sc;
    font-size: 14px;
    font-weight: 500 !IMPORTANT;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    color: #ddd6c7cc !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    letter-spacing: .5px;
    text-transform: uppercase;
}

#info blok owl {
    display: block;
    text-align: left;
    margin-top: 10px;
    font-family: 'Roboto';
}

#info blok owl z {
    text-align: left;
    font-family: playfair display sc;
    font-size: 14px;
    font-weight: 500 !IMPORTANT;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    color: #ddd6c7cc !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    letter-spacing: .5px;
    text-transform: uppercase;
}

#info blok born {
    display: block;
    text-align: left;
    margin-top: 10px;
    font-family: 'Roboto';
}

#info blok born z {
    text-align: left;
    font-family: playfair display sc;
    font-size: 14px;
    font-weight: 500 !IMPORTANT;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    color: #ddd6c7cc !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    letter-spacing: .5px;
    text-transform: uppercase;
}

#info blok img {
    border: 1px solid #cea33d;
    border-radius: 100%;
    width: 180px;
    height: 180px;
}

#info blok span {
    display: block;
    font-family: 'Roboto';
    margin-top: 8px;
}

#bio {
    color: #cfccbb;
    font-family: 'Roboto';
    margin: 20px 30px 30px 30px;
    height: 300px;
    overflow: hidden;
    text-align: justify;
}

#bio zag {
    display: block;
    text-align: center;
    font-family: playfair display sc;
    font-size: 17px;
    font-weight: 500 !IMPORTANT;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    color: #e3b447cc !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    letter-spacing: .5px;
    text-transform: uppercase;
}

#bio text {
    overflow-y: auto;
    display: block;
    line-height: 16px;
    height: 270px;
    padding-right: 10px;
    margin-top: 10px;
    white-space: break-spaces;}

::-webkit-scrollbar {
    width: 5px;
    height: 6px;
    background-color: #0f0e0c;
}

::-webkit-scrollbar-thumb {
    background-color: #a17b21;
    border: 1px solid #8f6f25;
}

</style>
[/html]

[html]<div id="fametab1">
<div id="fameflip1"> <div class="flip-card">
  <div class="flip-card-inner">
    <div class="flip-card-front">
      <img src="https://i.imgur.com/K2IXGBt.png" style="width:218px;height:287px; border-radius:10px;">
    </div>
    <div class="flip-card-back">
      <h1>Leo Baruch (2500 соо)</h1>
      <p>Лео надел на её руки такие же кожаные браслеты, а затем прикрепил шёлковые ленты к кольцам так, чтобы она могла только стоять на четвереньках и выгибаться то вверх, то вниз, но не более того.
- Но, мне кажется, Лекси нам дерзила и нам её стоит наказать как следует. Стек подойдёт, считать удары или нет, на твой вкус, ma petite.
Лео взял в руки стек и на задницу Леки обрушились пять средних и пять сильных ударов, рука у Лео была твёрдой и он умел рассчитывать силу, в этот раз он не повредил кожу до крови. После чего Льонель смазал смазкой анальную пробку и медленно протолкнул её в тугой анус Лекси, приказав:
- Не потеряй, - с этими словами он включил в ней лёгкую вибрацию</p>
    </div>
  </div>
</div>
</div>

<div id="fameflip2"> <div class="flip-card">
  <div class="flip-card-inner">
    <div class="flip-card-front">
      <img src="https://i.imgur.com/kReHOTF.png" style="width:218px;height:287px; border-radius:10px;">
    </div>
    <div class="flip-card-back">
      <h1>Wilhelmina Heisenberg (2500 соо)</h1>
      <p>- Следуй мои этапам и гораздо позже набьёшь задницы надоедливым мужикам, - произнесла она, подмигнув с хитренькой улыбкой на губах. Чтобы затем удалиться в угол ринга и взять эластичный бинт для Алесты.
- Давай-ка тебе намотаем на руки для безопасности твоих костей, - объяснила Вильгельмина, убедившись чтобы эластичный бинт лёг хорошо. - Ну что ж, раз мышцы ног разогрела, то теперь приступим к мышцам рук, - вполне серьёзно произнесла блондинка.
- В кикбоксинге. Главное, только не использовать колени и локти, а вот кулаки и ниже колен можно. Смотри, первый этап. Это правильная стойка и выдвинуть вперёд не рабочую руку и ногу…</p>
    </div>
  </div>
</div>
</div>
</div>[/html]