[html]<style>

/* _________________________ стиль оформления анкеты  ____ */
*, ::after, ::before {
    box-sizing:content-box; -moz-box-sizing:initial; -webkit-box-sizing:initial;
  }

.Anketa {/*Вся анкета*/
    margin:auto;
    width:600px; /*ширина блока*/
    height:auto; /*высота блока*/
    padding-bottom:5px;
    line-height:inherit; /*высота линии*/
    box-shadow: 0 0 5px rgb(35 47 39 / 60%) inset,  0 0 5px #7e2728;

    border-radius: 3px;
  }
 
.Verh {/*верхний блок с картинкой*/
    width:600px; /*ширина блока*/
    height:550px; /*высота блока*/
    overflow:hidden;
  }
 
.Verh div {/*блок с информацией под картинкой*/
    margin-top:-150px;
    width:580px; /*ширина блока*/
    padding:10px 10px 10px 100px;
    overflow-y:auto;
    font-size:12px; /*размер шрифта*/
    line-height:16px;
    color: #1d2d28;
    font-family: Lora;
  }
  .Verh img {/*картинка*/
    width:600px; /*ширина блока*/
    height:550px; /*высота блока*/
    transform:translateY(0px); -webkit-transform:translateY(0px); /*анимация*/
    transition:transform 0.5s linear; -webkit-transition:transform 0.5s linear; /*анимация*/

  }
  .Verh:hover img {/*картинка, анимация при наведении*/
    transform:translateY(-550px); -webkit-transform:translateY(-550px);
  }
  #Name {
    margin-bottom:-2px;
    height:80px; /*высота блока*/
  }
  .Name {/*блок с именем и прототипом*/
    width:630px; /*ширина блока*/
    height:80px; /*высота блока*/
    text-align:center; /*текст по центру*/
    background:#798697; /*цвет фона*/
    color:#e8e8e8; /*цвет текста*/
    margin-left:-15px;
    box-shadow: 0px 2px 2px #8d160e,  0 5px 5px rgb(22 36 32 / 30%);
  }
  .NameLt {/*имя и фамилия*/
    padding-top:19px;
    padding-bottom: 5px;
    text-align:center; /*текст по центру*/
    font-size:26px; /*размер текста*/
    text-transform:uppercase; /*все буквы заглавные*/
    color:#e8e8e8; /*цвет текста*/
    text-shadow: 1px 1px 3px #0e1714, 0 1px 3px #0e1714;
    font-family: 'Playfair Display';
  }
  .NameRu {
    text-align:center; /*текст по центру*/
    font-size:12px; /*размер текста*/
    text-transform:uppercase; /*все буквы заглавные*/
    color:#e8e8e8; /*цвет текста*/
    font-family: Lora;
    letter-spacing: 1px;
  }

  #Name::before {
    content:'';
    position:absolute;
    margin-top:-15px;
    margin-left:-15px;
    width:0; height:0;
    border-style:solid;
    border-width: 0 0 15px 15px;
    border-color:transparent;
    border-bottom-color:#2a3834!important;
  }
    #Name::after {
    content:'';
    position:absolute;
    margin-top: -95px;
    margin-left: 600px;
    width:0; height:0;
    border-style:solid;
    border-width: 0px 15px 15px 0px;
    border-color:transparent;
    border-bottom-color:#2a3834 !important;
  }
 

    .BigAnketaf {/*БИО*/
    width:450px; /*ширина блока*/
    margin: 10px 15px 0px 5px;
    min-height: 135px; /*минимальная высота блока*/
    padding: 15px;
    border-radius: 5px;
    line-height: 14px;
  }
  .BigAnketa3 {/*БИО*/
    width:450px; /*ширина блока*/
    margin: 0px 5px 0px 60px;
    min-height:135px; /*минимальная высота блока*/
    padding: 15px 5px 5px 15px;

    border-radius: 5px;
    line-height:14px;
  }

   .chrAnk2 { /*внешность*/
    position:absolute;
    margin-left:-50px;
    margin-top:5px;
    width:235px; /*ширина блока*/
    height:auto; /*высота блока*/
    padding:5px 0px;
    overflow:hidden;
    font-size:10px; /*размер шрифта*/
    line-height:14px;
    color: white; /*цвет текста*/
}
 
    .chrAnk3 { /*внешность*/
    position:absolute;
    margin-left:550px;
    margin-top:5px;
    width:235px; /*ширина блока*/
    height:auto; /*высота блока*/
    padding:5px 0px;
    overflow:hidden;
    font-size:10px; /*размер шрифта*/
    line-height:14px;
    color:white; /*цвет текста*/

  }
.chrAnk2:hover, .chrAnk3:hover {
    overflow-y:auto;
  }
 

 
  .avaAnketa{
    margin: 5px 0 5px 2px;
    width: 195px;
    height: 240px;
}

    .avaAnketa img{   border-radius: 50%;
               width: 100px;
    height: 150px;   
    }
  .avaAnketa::after{
      display: block;
    content: '';
     border-radius: 50%;
    margin-top: -151px;
    width: 100px;
    height: 150px;
    box-shadow: 0px 2px 2px #8d160e,  0 5px 5px #1d2d28;
  }

</style>

<div class="Anketa">

<div class="Verh"><img src="https://forumupload.ru/uploads/001b/c9/80/2/126249.png" />
<div style="text-align: justify"><span class="bbcode-size-20"><i>//2022</i></span></div>
·   <a href="https://brnws.rusff.me/viewtopic.php?id=95">That's my job</a><br>

<div style="text-align: justify"><span class="bbcode-size-20"><i>//2023</i></span></div>
·   <a href="https://brnws.rusff.me/viewtopic.php?id=145">Terra Pericolosa</a><br>
·   <a href="https://brnws.rusff.me/viewtopic.php?id=85">Not my president</a><br>

<div style="text-align: justify"><span class="bbcode-size-20"><i>//2024</i></span></div>
·  <a href="https://brnws.rusff.me/viewtopic.php?id=78">Tweet or Treath?</a><br>
·  <a href="https://brnws.rusff.me/viewtopic.php?id=149">The road to power is paved with hypocrisy and casualties. Never regret</a><br>

</div>
<div id="Name">
<div class="Name">
<div class="NameLt">Сожги свои чувства дотла</div>
<div class="NameRu">И получи корону короля жезлов</div></div></div>

<div class="chrAnk3">
<div class="avaAnketa"><img src="https://forumupload.ru/uploads/001c/11/b3/40/45850.gif"/>  </div></div>

<div class="BigAnketaf">
<div class="space"></div>
Опишите персонажа и ваши задумки для него. Не забудьте рассказать то, что уже придумано в вашей общей истории, факты, фигурировавшие в игре и все, что сочтете нужным для того, что бы читащий по акции смог понять ваши пожелания. Помните только, что приходящему игроку тоже нужно пространство для фантазии.</div>

<div class="chrAnk2">
<div class="avaAnketa"><img src="https://forumupload.ru/uploads/001c/11/b3/37/188581.gif"/></div></div>
<div class="BigAnketa3"><div class="space"></div>
Опишите персонажа и ваши задумки для него. Не забудьте рассказать то, что уже придумано в вашей общей истории, факты, фигурировавшие в игре и все, что сочтете нужным для того, что бы читащий по акции смог понять ваши пожелания. Помните только, что приходящему игроку тоже нужно пространство для фантазии.</div>

<div class="chrAnk3">
<div class="avaAnketa"><img src="https://forumupload.ru/uploads/001c/11/b3/37/t129921.gif"/></div></div>
<div class="BigAnketaf">
<div class="space"></div>Опишите персонажа и ваши задумки для него. Не забудьте рассказать то, что уже придумано в вашей общей истории, факты, фигурировавшие в игре и все, что сочтете нужным для того, что бы читащий по акции смог понять ваши пожелания. Помните только, что приходящему игроку тоже нужно пространство для фантазии.</div>

<div class="chrAnk2">
<div class="avaAnketa"><img src="https://i.pinimg.com/564x/bc/87/d3/bc87d35a5db5dab3291fb6461690a894.jpg"/></div></div>
<div class="BigAnketa3"><div class="space"></div>
Миссис Паркс, жена Вице-Президента и дорогой друг</div>

<div class="chrAnk3">
<div class="avaAnketa"><img src="https://forumupload.ru/uploads/001c/11/b3/37/997404.gif"/></div></div>
<div class="BigAnketaf">
<div class="space"></div>И гребанная проблема</div>

</div></div></div>[/html]