[html]<style>
    .text-block, .text-block2 {
      padding: 10px;
      font-size: 12px;
      font-family: 'Arial', sans-serif;
      color: #0b292f;
      word-wrap: break-word;
      box-sizing: border-box;
    }
 
    .text-block {
      width: 90%; /* Пропорциональная ширина */
    }
 
    .text-block2 {
      width: 60%; /* Пропорциональная ширина */
    }
 
    .outer-border {
      border: 3px solid #453127;
      padding: 0;
      border-radius: 20px;
      box-sizing: border-box;
      background-color: #97908e;
      width: 90%; /* Пропорциональная ширина контейнера */
      margin: auto; /* Центрирование контейнера */
    }
 
    .image-border {
      display: inline-block;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      text-align: center; /* Центрирование текста */
      width: 100%; /* Ширина для центрирования текста */
    }
 
    .circular-image {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      object-fit: cover;
      margin: 10px;
      border: 2px solid #453127 !important;
    }
 
    .character-image {
      max-width: 250px;
      width: 100%;
      display: block;
      margin-left: 0;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      border: 2px solid #453127 !important;
    }
 
    .section-title {
      font-family: 'Alice', sans-serif;
      font-size: 20px;
      color: #d7e6d6;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      margin-bottom: 0;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    }
 
    .section-title.top {
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      height: 70px;
    }
 
    .section-title.middle {
      border-bottom: none;
    }
 
    .section-title.bottom {
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
      height: 40px;
    }
 
    .section-title[name="character-name"],
    .section-title[name="personal-details"],
    .section-title[name="biography"],
    .section-title[name="closing-section"],
    .section-title[name="player-data"] {
      background-image: url('https://forumstatic.ru/files/001c/1b/8a/23308.png');
    }
 
    blockquote {
      padding: 10px;
      margin: 10px;
      font-size: 14px;
      font-family: 'Alice', sans-serif;
      color: #0b292f;
      word-wrap: break-word;
      box-sizing: border-box;
    }
 
    .quote {
      text-align: center;
      margin: 10px;
      font-family: 'Alice', sans-serif;
      font-size: 12px;
    }
 
    .image-description {
      text-align: center; /* Центрирование текста */
      margin-top: 5px;
      font-size: 12px;
      font-family: 'Alice', sans-serif;
    }
  </style>
 
  <div class="outer-border">
    <div class="section-title top" name="character-name">Имя Персонажа</div>
 
    <div class="quote"><i>«цитата любым образом отражающая личность персонажа»</i></div>
 
    <table style="width: 100%; table-layout: fixed; margin: 10px;">
      <tr>
        <td style="text-align: left; padding-right: 20px; max-width: 250px; width: 250px;">
          <div class="image-border">
            <img src="https://forumupload.ru/uploads/001c/1b/8a/2/789662.png" alt="Используемая внешность" class="character-image"/>
          </div>
          <div class="image-description"><i>ВПИШИТЕ ПРОТОТИП ВНЕШНОСТИ</i></div>
        </td>
        <td>
          <blockquote>
            <b>✦ Прозвища:</b><blockquote class="text-block2">Укажите если имеется</blockquote>
            <b>✦ Возраст:</b><blockquote class="text-block2">Сколько лет персонажу и дата рождения. Иномирцы указывают только возраст. Дату рождения не требуем, чтобы не ломать голову при переводе календаря на местный лад.</blockquote>
            <b>✦ Родной мир:</b><blockquote class="text-block2">Промежуток / Другой мир</blockquote>
            <b>✦ Положение в обществе:</b><blockquote class="text-block2"> Профессия, статус, чем персонаж зарабатывает на жизнь?</blockquote>
          </blockquote>
        </td>
      </tr>
    </table>
 
    <div class="section-title middle" name="personal-details">Личные данные</div>
    <blockquote>
      <b>✦ Внешность:</b><br/>
      <blockquote class="text-block">Рост, телосложение, цвет кожи, глаз, оттенок и длина волос, наличие рогов, хвостов, копыт, шрамов, увечий и прочих особенностей или уникальных примет.
<br/>Если хотите, можете дополнить описанием походки, жестов, мимики, рассказать о предпочитаемом стиле одежды.
<br/>Это актуально, даже если берете реальную внешность. Не заставляйте соигроков гуглить.</blockquote>
      <br/>
      <b>✦ Характер:</b><br/>
      <blockquote class="text-block">Темперамент, типичное поведение, вкусы, слабости, страхи и т.д.

</blockquote>
      <br/><br/>
      <b>✦ Навыки:</b><br/>
      <blockquote class="text-block">
Умение читать, писать и считать можно не указывать.
<br/>Здесь уместны те таланты или профессиональные умения, которые влияют на концепт вашего персонажа.
<br/>Есть / нет предрасположенность к магии?
<br/>Дар Чиро-Чиро?
<br/>В мире не так много магов и еще меньше одаренных хранителями. Но если вы один из них, то обязательно укажите это.

</blockquote>
      <br/><br/>
      <b>✦ Собственность:</b><br/>
      <blockquote class="text-block">
Актуально в большей степени для местных.
    <br/>— Где живет персонаж? В каком районе ЯрФорта («Дома», «Трущобы» и т.д.)? Крыша принадлежит ему или он арендатор?
    <br/>— Есть в собственности мастерские, офисы, склады, лодки, транспорт?
    <br/>Для Визитеров пункт не обязателен. Только если есть чем понтоваться в собственном мире.

</blockquote>
    </blockquote>
 
    <div class="section-title" name="biography">Биография</div>
    <blockquote class="text-block"><br/>Постарайтесь уложиться в 1-2 тысячи символов.
<br/>Приберегите истории из прошлого для отыгрыша во флешбеках!
<br/>
<br/>Главное отразить следующие факты:
<br/>— где и когда вы родились, в какой семье;
<br/>— где и какое образование получили;
<br/>— информация о вашей карьере;
<br/>— были ли помолвлены или состояли в браке;
<br/>— важные и переломные события в жизни персонажа;
<br/>— чем занимаетесь на текущий момент.
<br/>Вы можете расписать литературным текстом или сделать хронологию событий.
<br/>
<br/>По желанию под спойлер закинуть список близких родственников.
</blockquote>

 
    <div class="section-title" name="player-data">Данные игрока</div>
    <blockquote>
      <b>✦ Связь с вами:</b><blockquote class="text-block">...</blockquote><br/><br/>
      <b>✦ Пожелания к игре:</b><blockquote class="text-block">Что вы ищете, на что настроены, с чем к вам могут подкатывать потенциальные соигроки?</blockquote><br/><br/>
      <b>✦ В случае ухода:</b><blockquote class="text-block">Как бы вы хотели, чтобы АМС поступили с персонажем, если вы пропадете?</blockquote>
    </blockquote>
 
    <div style="text-align: center; padding: 10px;">
      <img src="https://forumstatic.ru/files/001c/1b/8a/23308.png" alt="Изображение 1" class="circular-image">
      <img src="https://forumstatic.ru/files/001c/1b/8a/23308.png" alt="Изображение 2" class="circular-image">
      <img src="https://forumstatic.ru/files/001c/1b/8a/23308.png" alt="Изображение 3" class="circular-image">
    </div>
 
    <div class="section-title bottom" name="closing-section"></div>
  </div>[/html]