[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@600&display=swap');

.dmnE {
  display: flex;
  flex-wrap: wrap;
}
.dmnE-img img {
  width: 400px;
  height: 700px;
  display: block;
}
.dmnE-box {
  flex: 1 1 300px;
  height: 700px;
  display: flex;
  flex-direction: column;
}
.dmnE-box input { display: none; }

.dmnE-tabs {
  display: flex;
  justify-content: center;
  gap: 22px;
  padding-top: 22px;
}
.dmnE-tabs label,
.dmnE-foot a {
  font-family: 'Cormorant SC', Georgia, serif;
  font-size: 20px;
  font-weight: 600;
}
.dmnE-tabs label {
  color: #888;
  cursor: pointer;
}
#dmnE1:checked ~ .dmnE-tabs label[for="dmnE1"],
#dmnE2:checked ~ .dmnE-tabs label[for="dmnE2"],
#dmnE3:checked ~ .dmnE-tabs label[for="dmnE3"] {
  color: #b0392b;
}

.dmnE-panels {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 40px;
}
.dmnE-p { display: none; }
#dmnE1:checked ~ .dmnE-panels .dmnE-p1,
#dmnE2:checked ~ .dmnE-panels .dmnE-p2,
#dmnE3:checked ~ .dmnE-panels .dmnE-p3 { display: block; }

.dmnE-p p { margin: .7em 0; }
.dmnE-p a { color: #b0392b; }
.dmnE-note { font-size: .85em; color: #888; }

.dmnE-list { margin-bottom: 1.2em; }
.dmnE-list p {
  font-size: 1.1em;
  margin: .4em 0;
}
.dmnE-list p::before {
  content: "♦";
  margin-right: 8px;
  font-size: 10px;
  color: #b0392b;
}

.dmnE-foot {
  text-align: center;
  padding-bottom: 20px;
}
.dmnE-foot a {
  color: #b0392b;
  text-decoration: none;
}
.dmnE-foot a:hover { text-decoration: underline; }
</style>

<div class="dmnE">
  <div class="dmnE-img">
    <a href="https://dominion-frpg.me/" target="_blank"><img src="https://i.ibb.co/sp6Zb3JH/upload.png" alt="Dominion"></a>
  </div>

  <div class="dmnE-box">
    <input type="radio" name="dmnE" id="dmnE1" checked>
    <input type="radio" name="dmnE" id="dmnE2">
    <input type="radio" name="dmnE" id="dmnE3">

    <div class="dmnE-tabs">
      <label for="dmnE1">Мир</label>
      <label for="dmnE2">Ждём</label>
      <label for="dmnE3">Площадка</label>
    </div>

    <div class="dmnE-panels">
      <div class="dmnE-p dmnE-p1">
        <div class="dmnE-list">
          <p>Авторский Ад из легенд и мифов разных народов</p>
          <p>Двенадцать доменов, у каждого свой антураж</p>
          <p>Наверху наша реальность, внизу своя <a href="https://dominion-frpg.me/lore/21/page/94" target="_blank">история</a></p>
          <p>Смерть не конец: душа перерождается и меняется</p>
        </div>
        <p>Здесь есть место интригам высших демонов и войнам за домены, поиску запретных знаний — как открыть путь на <a href="https://dominion-frpg.me/lore/21/page/1668" target="_blank">Землю</a> или убить кого-то в Аду насовсем, — восхождению от человека к демону и падению в обратную сторону.</p>
        <p>Можно бунтовать против своей <a href="https://dominion-frpg.me/lore/21/page/1669" target="_blank">участи</a>, а можно просто жить: который век держать таверну и не смущаться лишней парой рогов. Чем ещё заняться в Аду, читайте <a href="https://dominion-frpg.me/lore/19/page/61" target="_blank">здесь</a>.</p>
        <p>Основное действие идёт в преисподней, но на форуме открыт раздел для игры на Земле в любом времени.</p>
      </div>

      <div class="dmnE-p dmnE-p2">
        <div class="dmnE-list">
          <p>Вы можете играть людей, демонов, бесов и химер</p>
          <p>Любое уровень могущества — от владыки домена до бесправного раба</p>
          <p>Мы принимаем авторских персонажей, демонов из мифологий и исторических лиц*</p>
        </div>
        <p>Все <a href="https://dominion-frpg.me/lore/19/page/59" target="_blank">обитатели</a> Ада когда-то жили на Земле. Человек здесь — душа, не прошедшая ещё сто сорок четыре перерождения. Потом она застывает в одной из форм: зверь, химера, бес или демон.</p>
        <p>Демон Доминиона — не библейский злой дух, а всё тот же человек, прошедший в Аду сложные трансформации. Он подчинил себе тело и способен менять мир и его глубокие структуры — то, что обыватели зовут <a href="https://dominion-frpg.me/lore/19/page/60" target="_blank">магией</a>. Бесам она доступна отчасти, но и без неё можно побороться за место под луной Доминиона.</p>
        <p class="dmnE-note">* об ограничениях можно прочитать <a href="https://dominion-frpg.me/viewtopic/12" target="_blank">здесь</a> или уточнить у администрации в <a href="https://dominion-frpg.me/viewtopic/3" target="_blank">гостевой</a></p>
      </div>

      <div class="dmnE-p dmnE-p3">
        <div class="dmnE-list">
          <p>Независимый хостинг и собственный движок Cuento</p>
          <p>Регистрация без почты</p>
          <p>Сколько угодно персонажей с одного профиля</p>
        </div>
        <p>Cuento написан специально для ролевых, с оглядкой на привычки игроков MyBB: всё почти как вы привыкли, только лучше.</p>
        <p>При регистрации вы задаёте имя и пароль и получаете ключи — сохраните их. Администрация не видит ни ваш IP, ни личную переписку. Профили не удаляются: после трёх месяцев отсутствия они переводятся в неактивный режим, откуда легко вернуться.</p>
        <p>От каждого персонажа мы ждём минимум один пост в месяц. Персонажи архивируются автоматически, это не затрагивает ваш профиль игрока. Чтобы избежать архивации, можно поставить отсутствие или купить иммунитет за форумную валюту. И мы всегда готовы пойти навстречу и вернуть персонажа из архива.</p>
      </div>
    </div>

    <div class="dmnE-foot">
      <a href="https://dominion-frpg.me/" target="_blank">Ад здесь</a>
    </div>
  </div>
</div>[/html]

Подпись автора

Гештальтошная|Ищу компанию Лите Александр