[html] 

<div class="ttema5">
<div class="header-image-wrapper">
<img src="https://i.imgur.com/wsW525z.png" alt="header image">
<div class="ttema2"><br>

<div style="font-size: 16px;">
<div style="display: flex; gap: 10px; margin-bottom: 15px; flex-wrap: wrap; margin-left: 105px; font-family: Gangitem Regular;">
      <center><strong style="background: #f6f6f6; border-radius: 15px; padding: 5px 10px; font-size: 8px; letter-spacing: 1px; text-transform: lowercase; font-weight: bold; color: black; border: 1px solid #fff;">real-life</strong>
      <strong style="background: #f6f6f6; border-radius: 15px; padding: 5px 10px; font-size: 8px; letter-spacing: 1px; text-transform: lowercase; font-weight: bold; color: black; border: 1px solid #fff;">seoul</strong>
      <strong style="background: #f6f6f6; border-radius: 15px; padding: 5px 10px; font-size: 8px; letter-spacing: 1px; text-transform: lowercase; font-weight: bold; color: black; border: 1px solid #fff;">nc-21</strong></center>
    </div> </div>

    он обводит пальцами сеул — город в полыхающем пламени. он рисует его на девятом круге данте и пляшет на костях прогнившего насквозь человеческой грязью мира. он сжимает жизнь в крепких ладонях, давит, перекрывает воздух, не дает ей вырваться, потому что она так редка, так хрупка, и места ей здесь быть не может.<br><br>
  </div>

</div>

<br>
<div class="ttema3">
  <div class="gender-row">
    <strong class="gender-label">girls</strong>
    <strong class="gender-label">boys</strong>
  </div>

  <div class="letter-blocks">
    <div class="letter-section">
      <div class="letter-label"> за амс </div>
      <div class="vnehi-pair">
        <div class="ttema3vnehi">
          <span class="name">mamamoo</span> — <a href="http://mirine.rusff.me/profile.php?id=3"> kim solar</a><br>
        </div>
        <div class="ttema3vnehi">
          <span class="name">exo</span> — <a href="http://mirine.rusff.me/profile.php?id=3">oh sehun</a><br>
        </div>
      </div>  </div>
   
<div class="letter-blocks">
    <div class="letter-section">
      <div class="letter-label">выкуплены</div>
      <div class="vnehi-pair">
        <div class="ttema3vnehi">
          <br>
        </div>
        <div class="ttema3vnehi">
       <br>
       
        </div>
      </div>  </div>

<div class="letter-blocks">
    <div class="letter-section">
      <div class="letter-label">за игроками </div>
      <div class="vnehi-pair">
        <div class="ttema3vnehi">
       <br>
   
        </div>
        <div class="ttema3vnehi">
         <br>
       
             </div>
      </div>  </div>
     </div>
<div style="background: #fff;  font-family: 'Open Sans Condensed',  sans-serif; color: #333; font-size: 10px;">
<center>   
<strong style="display: block; font-size: 10px; font-weight: bold; color: #444; font-family: Gangitem Regular;"> buon'anima — покойся с миром </strong>
<strong style="display: block; font-size: 8px; color: #666;"> внешность гостю — сутки // макс срок брони — 6 дней</strong>
</center>
</div>

</div>

</div>

</div>
</div>

<br><br>
     </div>  </div>
<style>

.ttema5 {
  width: 500px;
  margin: auto;
  border-radius: 20px;
  border: 2px solid white;
  background-color: #f5f0e6; /* бежеве тло */
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.vnehi-entry {
  margin-bottom: 6px;
}

.ttema3vnehi .name {
  font-weight: 600;
  text-transform: lowercase;
}

.header-image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}

.header-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}

}

.header-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.85);
  font-size: 10px;
  text-align: justify;
  padding: 15px 20px;
  font-family: Arial, sans-serif;
  line-height: 1.5;
}

.ttema2 {
  margin: 0 auto 30px;
  width: 90%;
  background-color: white;
  font-size: 10px;
  border-radius: 20px;
  padding: 20px;
  text-align: justify;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.ttema2 zag {
  font-size: 18px;
  font-weight: 600;
  font-family: Gangitem Regular;
}

.ttema5, .ttema3 {
  width: 550px;
  margin: auto;
  border-radius: 15px;
  border: 1px solid var(--beg100);
  background-color: var(--beg500);
{margin-left: 45px;}
}

.ttema2 {
  margin: 40px auto 0;
  width: 400px;
  background-color: rgb(251, 251, 251);
  font-size: 9px;
  border-radius: 15px;
  padding: 10px 20px;
  text-align: justify;
}

.ttema-title {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  display: block;
  margin-bottom: 10px;
}

.ttema3 {
  padding: 0 40px 40px;
  box-sizing: border-box;
}

.gender-row {
  text-align: center;
  margin-bottom: 20px;
}

.gender-label {
  font-size: 14px;
  margin: 0 20px;
font-family: Gangitem Regular;
}

.letter-blocks {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.letter-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.letter-label {
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 200;
  background-color: var(--beg100);
  border-radius: 5px;
  padding: 3px 16px;
  display: inline-block;
  margin-top: 10px;
background-color: rgb(249, 249, 249);
}

.vnehi-pair {
  display: flex;
  gap: 20px;
  margin-top: 10px;
  width: 100%;
}

.ttema3vnehi {
  background-color: rgb(251, 251, 251);
  border-radius: 10px;
  padding: 15px;
  font-size: 10px;
  text-transform: lowercase;
  overflow-y: auto;
  height: auto;
  flex: 1;
overscroll-behavior: contain;
margin-left: 35px!important;
font-size: 10px;
font-family: century gothic!important;
transition: color 0.3s ease-in-out;
width: 180px!important;
}

.ttema3vnehi .name {
font-weight: 600;
text-transform: lowercase;
}

.vnehi-entry {
  margin-bottom: 6px;
}

--oforma2: url(https://forumupload.ru/uploads/001c/52/69/2/668284.png) no-repeat top center;
--oforma1: url(https://forumupload.ru/uploads/001c/52/69/2/772786.png) no-repeat top center;
--oforma2: url(https://forumupload.ru/uploads/001c/52/69/2/668284.png) no-repeat top center;
--oforma3: url(https://forumupload.ru/uploads/001c/52/69/2/732345.png) no-repeat top center;
--oforma4: url(https://forumupload.ru/uploads/001c/52/69/2/525932.png) no-repeat top center;
--fon6-1: #FBF8F3;
--fon7-1: #eee;
--oforma5: url(https://forumupload.ru/uploads/001c/52/69/2/543139.png) no-repeat top center / cover;
--oforma6: url(https://forumstatic.ru/files/001c/25/98/77370.png) no-repeat top center;
}

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i|Roboto:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --base-bg: #DFDEDA;
    --bg-overlay: url(https://forumstatic.ru/files/001c/52/69/24785.png);
    --bg-img: url(https://forumstatic.ru/files/001c/52/69/95484.png);

   --pun-cover: rgba(224, 224, 218, 0.05);

    --beg100: #FBF8F3;
    --beg300: #F1EEE9;
    --beg500: #F6F3EE;

    --border: #E2DFDA;

    --dark500: #484545;
    --dark600: #242424;

    --opacity-bg: rgba(41, 41, 41, 0.34);
    --opacity-bg2: rgba(41, 41, 41, 0.85);
    --opacity-bg3: rgba(56, 56, 56, 0.34);

   --text1: #575E56;
   --text2: #8D9A8C;
   --text3: #E2DFDA;
    --links: #BD7487;
    --accent: #BD7487;
    --accent-yellow: #C2A993;
    --accent-blue: #DFE0DA;

    --font: Arsenal;
    --font2: Rosie;

.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #c84f4f;
  text-decoration: none;
font-size: 8px!important;
font-family: Arsenalimportant;
transition: color 0.3s ease-in-out;
}
</style>[/html]

 <span class="name">solo/group/actor</span> — <a href="ссылка на профиль">фамилия имя</a><br>