[html]<div class="ttema5">
  <div class="header-image-wrapper">
    <img src="https://i.imgur.com/wsW525z.png" alt="header image">
  <div class="ttema2"><br>
<center><b>обязательные условия:</b></center><br>
• вы должны создать у вас на форуме отдельную тему с нашей рекламой и открытым для гостей просмотром.<br>
• наш баннер должен стоять на видном месте. мы предусматриваем баннеры только 88*31, не больше.<br>
• поднимая свою тему у нас, не забывайте поднимать нашу тему на своем форуме. в свою очередь, мы будем делать то же самое. <br>
• мы решили отказаться от условий по поводу активности. неважно сколько у вас игроков или сообщений, главное, чтобы ваш проект развивался и не стоял на одном месте.
<br><br> </div>
<br><br>
</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: 10px;
  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: 22px;
  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]

[html]<p>
<p>
<center> <img src="https://i.imgur.com/re1iCCM.png" width="300">  <img src="https://i.imgur.com/DtZNriE.png" width="300"><br><br>
<img src="https://i.imgur.com/xqkI5k4.png" width=300"> <img src="https://i.imgur.com/1cjPUSl.png" width=300"></center>[/html]