[html]
<div class="guest-book">
    <div class="guest-book-fc">
        <div class="guest-book-fc-hold">
            <div class="gb-fc-title">hold</div>
            <div class="gb-fc-items">
                <div class="gb-fc-item">Lee Know <a href="https://arkcity.rusff.me/profile.php?id=270">Rin Tisdale</a>
                    <span>25.11.24</span></div>
               
                <!-- <div class="gb-fc-item"></div> -->
            </div>
        </div>
        <div class="guest-book-fc-sold">
            <div class="gb-fc-title">sold</div>
            <div class="gb-fc-items">
                <div class="gb-fc-item">Elle Fanning <a href="https://arkcity.rusff.me/profile.php?id=218">Терри</a>
                    <span>∞</span></div>
                <div class="gb-fc-item">Henry Cavill <a href="https://arkcity.rusff.me/profile.php?id=193">Нил</a>
                    <span>∞</span></div>
                <div class="gb-fc-item">Hwang Yeji <a href="https://arkcity.rusff.me/profile.php?id=5">Бэт</a>
                    <span>∞</span></div>
                <div class="gb-fc-item">Lucky Blue Smith <a href="https://arkcity.rusff.me/profile.php?id=264">Марк</a>
                    <span>∞</span></div>
                <div class="gb-fc-item">Luke Evans <a href="https://arkcity.rusff.me/profile.php?id=17">Дэвид</a>
                    <span>∞</span></div>
                <div class="gb-fc-item">Rihanna <a href="https://arkcity.rusff.me/profile.php?id=17">Дэвид</a>
                    <span>∞</span></div>

                <!-- <div class="gb-fc-item"></div> -->
            </div>
        </div>
    </div>
    <div class="guest-book-info">
        <div class="guest-book-intro">
            авторский мир || антиутопия || постапокалипсис || 18+
        </div>
        <div class="guest-book-descr">
            2130 год. Перед вами <span>Ковчег</span> — самый современный, развитый и экологичный город-государство Земли
            за все
            время ее существования. Сохранить этот титул особенно легко, когда большая часть планеты превращена в груды
            радиоактивного пепла в ходе Третьей Мировой Войны. Теперь, чтобы выжить и не потерять свое место под
            защитным от
            радиации куполом, человечеству приходится играть по новым правилам.
            <div class="guest-book-nav">
                <a href="https://arkcity.rusff.me/viewtopic.php?id=49">сюжет</a>
                <a href="https://arkcity.rusff.me/viewtopic.php?id=5">хроники</a>
                <a href="https://arkcity.rusff.me/viewtopic.php?id=8">внешности</a>
                <a href="https://arkcity.rusff.me/viewtopic.php?id=74">правила</a>
                <a href="https://arkcity.rusff.me/viewtopic.php?id=6">шаблон анкеты</a>
            </div>
        </div>
        <div class="guest-book-rule">
            Внешность придерживается на <span>3 дня</span> за <span>гостем</span> и на <span>5 дней</span> за <span>зарегистрированным</span>
            пользователем. Продление безлимитное.<br>
            <span>ВНИМАНИЕ!</span> В связи с участившимся спамом на форуме включена премодерация!
        </div>
    </div>
</div>

<style>
    .guest-book {
        position: relative;
        width: 900px;
        height: 360px !important;
        background: url(https://forumstatic.ru/files/0019/eb/83/40982.png);
        background-repeat: no-repeat;
        font-family: Nunito, sans-serif;
        font-size: 11px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        padding: 10px;
        text-shadow: 1px 0px 1px #00000063 !important;
    }

    .guest-book-fc {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        width: 325px;
        gap: 10px;
    }

    .guest-book-fc-hold, .guest-book-fc-sold {
        display: flex;
        background: #dfded51c;
        backdrop-filter: blur(12px);
        width: 100%;
        flex-direction: column;
        padding: 10px 0;
        box-sizing: border-box;
    }

    .gb-fc-title {
        font-size: 15px;
        text-align: center;
        color: #c79e89;
        font-family: elnath, sans-serif;
        margin-bottom: 5px;
    }

    .gb-fc-items {
        display: flex;
        height: 130px;
        overflow-y: auto;
        padding: 0 10px;
        flex-direction: column;
        gap: 3px;
    }

    .gb-fc-item {
        display: grid;
        grid-template-columns: 1fr 100px 60px;
        color: #c6bca8;
        background: #85645142;
        padding-left: 5px;
        border-radius: 5px;
        align-items: center;
    }

    .gb-fc-item a, .guest-book-nav a {
        color: #ae8c73 !important;
        transition-duration: 1s;
    }

    .gb-fc-item a:hover, .guest-book-nav a:hover {
        color: #e2caa6 !important;
    }

    .gb-fc-item span {
        background: #b9927736;
        padding: 3px;
        border-radius: 5px;
        min-width: 55px;
        text-align: center;
    }
   
    .guest-book-info {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        width: 530px;
        margin-top: 140px;
        text-align: justify;
    }

    .guest-book-intro {
        position: absolute;
        top: 50px;
        right: 40px;
        color: #ebd8b8;
        text-shadow: 1px 0px 1px #000 !important;
        font-family: Prosto One, sans-serif;
    }

    .guest-book-descr, .guest-book-rule {
        background: #dfded51c;
        backdrop-filter: blur(12px);
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        color: #c6bca8;
    }

    .guest-book-descr span, .guest-book-rule span {
        font-weight: bold;
        color: #e7d1b0;
        font-family: Prosto One, sans-serif;
    }

    .guest-book-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-top: 10px;
    }

</style>

[/html][hideprofile]

Внешность <a href="ссылка_на_профиль">Имя</a>
<span>00.00.24</span>