[html]<div class="guest-container">
  <div class="guest-block welcome">
    <img src="https://forumstatic.ru/files/001a/2e/af/95372.gif" alt="Welcome">
    <p>
      Добро пожаловать на каноничный форум по мотивам книг Джоан Роулинг о Гарри Поттере!<br>
      Отыгрыш шестой книги, игра ради игры и весёлая компания любителей сливочного пива.
    </p> <b>Мы будем рады канонным и околоканонным персонажам.</b><br>
       Мы не принимаем неканоничных, оригинальных персонажей.<br>
<a href="https://harrypotter.fandom.com/wiki/Gryffindor">Гриффиндор</a> ·
      <a href="https://harrypotter.fandom.com/wiki/Hufflepuff">Хаффлпафф</a> ·
      <a href="https://harrypotter.fandom.com/wiki/Ravenclaw">Рейвенкло</a> ·
      <a href="https://harrypotter.fandom.com/wiki/Slytherin">Слизерин</a></p>
  </div>
  <div class="guest-block links">
       <p>
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=3">Список персонажей</a> ·
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=4">Занятые внешности</a> ·
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=9">Нужные персонажи</a> ·
      <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=880">Акция «Квиддичные игроки»</a> ·
      <a href="https://drinkbutterbeer.ru/viewtopic.php?id=2249">Мини-акция «5 причин»</a>
         </p>
    <p>
       Мы обеспечим игрой всех игроков, вне зависимости от количества зарегистрированных на курсе/факультете.
       У нас нет темы "Хочу к вам" — все идеи и поиск соигроков можно писать в гостевой. </p>
  </div>

  <div class="guest-block holds">
    <div class="hold-columns">
      <div class="hold-section">
        <h3><b>Придержанные роли</b></h3>
        <div class="scroll-box">
          <p><center><b>Dora Williams</b> — до 02.11<br>
<b>Fay Dunbar</b> — до 03.11<br></p>
        </div>
      </div>
      <div class="hold-section">
        <h3><b>Придержанные внешности</b></h3>
        <div class="scroll-box">
          <p>
   <center><b>Danielle Campbell</b> — до 03.11<br>
<b>Бессрочно:</b></center>
            Adelaide Kane — за <a href="https://drinkbutterbeer.ru/profile.php?id=810">B. Bhatia</a><br>
            Ansel Elgort — за <a href="https://drinkbutterbeer.ru/profile.php?id=857">H. Pershore</a><br>
            Bae Joohyun — за <a href="https://drinkbutterbeer.ru/profile.php?id=880">E. Cadwallader</a><br>
            Barbara Sprouse — за <a href="https://drinkbutterbeer.ru/profile.php?id=831">K. Turner</a><br>
            Barry Keoghan — за <a href="https://drinkbutterbeer.ru/profile.php?id=552">B. Knight</a><br>
            Ben Barnes — за <a href="https://drinkbutterbeer.ru/profile.php?id=848">T. Boot</a><br>
            Brianna Hildebrand — за <a href="https://drinkbutterbeer.ru/profile.php?id=445">M. O'Flaherty</a><br>
            Christopher Briney — за <a href="https://drinkbutterbeer.ru/profile.php?id=874">A. Goldstein</a><br>
            Dylan Arnold — за <a href="https://drinkbutterbeer.ru/profile.php?id=734">J. Walker</a><br>
            Dylan Sprouse — за <a href="https://drinkbutterbeer.ru/profile.php?id=869">L. Cholderton</a><br>
            Emily Alyn Lind — за <a href="https://drinkbutterbeer.ru/profile.php?id=417">M. Rowstock</a><br>
            Emma Mackey — за <a href="https://drinkbutterbeer.ru/profile.php?id=491">A. Tolipan</a><br>
            Freya Allan — за <a href="https://drinkbutterbeer.ru/profile.php?id=308">L. Moon</a><br>
            Grace Van Patten — за <a href="https://drinkbutterbeer.ru/profile.php?id=938">G. Goyle</a><br>
            Harry Shum jr. — за <a href="https://drinkbutterbeer.ru/profile.php?id=895">S. Fawcett</a><br>
            Harry Styles — за <a href="https://drinkbutterbeer.ru/profile.php?id=971">P. Haywood</a><br>
            Joseph Zada — за <a href="https://drinkbutterbeer.ru/profile.php?id=945">G. Hooper</a><br>
            Katie Douglas — за <a href="https://drinkbutterbeer.ru/profile.php?id=859">S.-A. Perks</a><br>
            Kiernan Shipka — за <a href="https://drinkbutterbeer.ru/profile.php?id=836">S. Roper</a><br>
            Kit Connor — за <a href="https://drinkbutterbeer.ru/profile.php?id=7">L. Caruso</a><br>
            Kristine Froseth — за <a href="https://drinkbutterbeer.ru/profile.php?id=872">M. Doyle</a><br>
            Levi Miller — за <a href="https://drinkbutterbeer.ru/profile.php?id=631">M. McManus</a><br>
            Lola Tung — за <a href="https://drinkbutterbeer.ru/profile.php?id=842">R. Rowle</a><br>
            Mackenzie Foy — за <a href="https://drinkbutterbeer.ru/profile.php?id=503">K. Bhatia</a><br>
            Mason Thames — <a href="https://drinkbutterbeer.ru/profile.php?id=702">R. Barlow</a><br>
            Penn Badgley —за <a href="https://drinkbutterbeer.ru/profile.php?id=746">L. Chisholm</a><br>
            Sadie Soverall — за <a href="https://drinkbutterbeer.rusff.me/profile.php?id=328">M. Bobbin</a><br>
            Sebastian Stan — за <a href="https://drinkbutterbeer.ru/profile.php?id=234">G. Montague</a><br>
            Timothee Chalamet — за <a href="https://drinkbutterbeer.rusff.me/profile.php?id=251">L. Brown</a>
          </p>
        </div>
      </div>
    </div>
  </div>

  <div class="guest-block rules">
    <p>Регистрация не является фактом придержания роли. Придержать роль необходимо в гостевой, после чего у вас будет <b>трое суток</b> на написание анкеты. После срок придержания может быть продлён <b>ещё на два дня</b>, и ещё <b>на два</b>.
    <p style="text-align:center">© <a href="https://drinkbutterbeer.rusff.me/viewtopic.php?id=1#p2">Правила</a>, раздел II</p>
  </div>
</div>

<style>
.guest-container {
  font-family: "Segoe UI", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #000;
  background: transparent;
  padding: 10px;
  max-width: 900px;
  margin: auto;
  text-align: center;
}

.guest-block {
  border: 2px solid #543668;
  border-radius: 8px;
  padding: 15px;
  margin: 10px 0;
  background: transparent;
}

.guest-block img {
  display: block;
  margin: 0 auto 10px;
}

.guest-block a {
  color: #543668;
  text-decoration: none;
  border-bottom: 1px dotted rgba(107,76,165,0.4);
}
.guest-block a:hover {
  color: #543668;
  border-bottom-color: #543668;
}

.hold-columns {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  text-align: left;
}
.hold-section {
  flex: 1;
}
.hold-section h3 {
  text-align: center;
  color: #352441;
  margin-bottom: 8px;
}

.scroll-box {
  max-height: 250px;
  overflow-y: auto;
  padding-right: 5px;
  border: 1px solid rgba(48,36,58,1);
  border-radius: 6px;
  padding: 8px;
}
.scroll-box::-webkit-scrollbar {
  width: 6px;
}
.scroll-box::-webkit-scrollbar-thumb {
  background-color: rgba(48,36,58,1);
  border-radius: 3px;
}
.scroll-box::-webkit-scrollbar-thumb:hover {
  background-color: rgba(48,36,58,1);
}
</style>[/html]