[html]<div class="guest_name">гостевая</div>
<div class="guest">
    <div class="guest_info">
        <p>   <div class="spirit_pic"><img src="https://forumstatic.ru/files/001c/8f/35/52273.gif"></div></p>
        <p>Добро пожаловать! </p>

        <p>Наш мир стоит на краю пропасти, где Древняя Магия пробудила хаос, а статус секретности трещит по швам. Прежде, чем приступить к игре, ознакомьтесь с правилами и подайте анкету, в этой теме можете придержать для себя желаемую роль и внешность. .

Обсудить слухи и грядущие сражения можно в Хогсмиде. Готовы выбрать свою сторону?</p>
    </div>
    <hr/>
    <div class="guest_face">
        <div class="guest_man_name">придержанные внешности</div>
        <div class="guest_man">
            <span>за амс</span>
            [бессрочно] luke evans - <a href="">админ</a><br/>
            [бессрочно] anya taylor-joy - <a href="">админ</a><br/>

            <span>за гостями</span>
            [до 00.00] внешность - <a href="">ник</a> <br/>
            [до 00.00] внешность - <a href="">ник</a><br/>

            <span>за игроками</span>
 
            [до 00.00] внешность - <a href="">ник</a><br/>
            [до 00.00] внешность - <a href="">ник</a><br/>
            [до 00.00] внешность - <a href="">ник</a><br/>
            [до 00.00] внешность - <a href="">ник</a><br/>
            [до 00.00] внешность - <a href="">ник</a><br/>

        </div>

        <div class="guest_girl_name">придержанные роли</div>
        <div class="guest_girl">
            <span>за амс</span>
            [до 00.00] имя героя - <a href="">ник</a><br/>
            [до 00.00] имя героя - <a href="">ник</a><br/>

            <span>за гостями</span>
            [до 00.00] имя героя - <a href="">ник</a><br/>
            [до 00.00] имя героя - <a href="">ник</a><br/>

            <span>за игроками</span>
            [до 00.00] имя героя - <a href="">ник</a><br/>
            [до 00.00] имя героя - <a href="">ник</a><br/>
            [до 00.00] имя героя - <a href="">ник</a><br/>
            [до 00.00] имя героя - <a href="">ник</a><br/>
            [до 00.00] имя героя - <a href="">ник</a><br/>
        </div>
    </div>
    <div class="guest_rule">
        <p> - бронь держится три дня за зарегистрированными пользователями с возможностью продления три раза, за гостями на сутки<br/>
        - заполнять по предоставленному коду, если нужно придержать и внешность и роль, то необходимо продублировать код и заполнить дважды: заполнить на внешность, а затем, продублировав код, заполнить на роль </p>
    </div>
</div>
<div class="guest_star"><img src="https://upforme.ru/uploads/000f/81/d6/2/470780.png"/></div>

<style>
.guest {
         width: 600px;
    margin: 0 auto;
    border: 1px solid #cccccc57;
    / background: linear-gradient(rgb(226 226 239), rgb(234 229 236)); /
    position: relative;
}

.guest_name {
    font: 400 20px Cerulea;
    text-align: center;
    display: block;
    background: #c2b9c8;
    position: relative;
    top: 15px;
    color: #ffffff;
    z-index: 9999;
    width: 315px;
    margin: 0 auto;
    border-radius: 5px;
}

.guest_info {
       padding: 40px 70px 20px 70px;
}

.guest_info p {
       text-transform: lowercase;
       font-size: 11px;
       padding: 0px 0px 5px 0px !important;
       text-align: justify;
     font-weight: normal;
        line-height: 100% !important;
}

.guest hr {
       opacity: 0.1;
    width: 300px;
    margin: 0 auto;
}

.guest_need p {
       padding: 12px 0px 5px 0px !important;
       color: #846f82;
       letter-spacing: 2px;
}

.guest_need  {
      display: none;
       text-align: center;
       padding-bottom: 20px;
}

.guest_need img {
       margin: 5px;
       margin: 5px 10px 15px 10px;
       filter: grayscale(1);
}

.guest_face {
       position: relative;
       height: 290px;
       margin-top: 31px;
}

.guest_man, .guest_girl {
       width: 230px;
    height: 250px;
    border: 1px solid #cccccc57;
    border-radius: 5px;
    position: absolute;
    font-size: 10px;
    background: #f7f7f7;
    padding: 0px 15px 9px 15px;
    overflow-x: hidden;
    overflow-y: auto;
}

.guest_man a, .guest_girl a {
       color: #372c55 !important;
}

.guest_man {
       top: 0px;
       left: 25px;
}

.guest_girl {
       top: 0px;
       right: 25px;

}

.guest_man_name, .guest_girl_name {
       position: relative;
       font-size: 14px;
    text-transform: uppercase;
       color: #846f82
}

.guest_man_name {
       left: 50px;
       top: -19px;
}

.guest_girl_name {
       left: 360px;
       top: -36px;
}

.guest_man span, .guest_girl span {
       display: block;
    padding-top: 10px;
    text-align: center;
    text-decoration: underline;

}

.guest_girl::-webkit-scrollbar, .guest_man::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.guest_girl::-webkit-scrollbar-thumb, .guest_man::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 10px;
}

.guest_girl::-webkit-scrollbar-track, .guest_man::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}

.guest_rule {
       padding: 0px 100px 20px 100px;
}

.guest_rule p {
       text-transform: lowercase;
    font-size: 11px;
    padding: 0px 0px 5px 0px !important;
    text-align: justify;
    color: #695c5c;
}

.guest_star {
       display: block;
    width: 60px;
    position: relative;
    margin: 0 auto;
    top: -31px;
}
</style>[/html]

[до 00.00] внешность или роль - <a href="ссылка на профиль">ник</a><br/>