[html]
<style>
.guestbook{width:800px;margin:0 auto;padding:24px;box-sizing:border-box;position:relative;background:url(https://upforme.ru/uploads/001c/be/8c/2/747272.png) center/cover no-repeat;border-radius:35px;overflow:hidden}
.gb-header{display:flex;justify-content:flex-end;align-items:flex-start;gap:14px;margin-bottom:8px}
.gb-title{color:#fff;font:500 75px 'Druzhok';text-transform:lowercase}
.gb-admins{
    display: flex;
    gap: 8px;
    margin-top: 4px;
    margin-right: 55px;
    width: 215px;
    flex-wrap: wrap;
    justify-content: center;}

.gb-admin{
    text-transform: lowercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    font: 600 11px / 160% 'Noto Sans Mono', sans-serif;
    height: 30px;
    border-radius: 15px;
    background: #000000;
    color: #fff !important;
    position: relative;}

.gb-admin:after{
    content:attr(data-title);
    position:absolute;
    top:38px;
    left:50%;
    transform:translateX(-50%);
    width:150px;
    padding:5px;
    border-radius:10px;
    background:#222;
    color:#fff;
    font:11px/160% 'Noto Sans Mono', monospace;
    text-align:center;
    opacity:0;
    pointer-events:none;
    transition:.2s;
    z-index:99999;}
.gb-admin:hover:after{opacity:1}
.gb-top{display:flex;justify-content:flex-end;gap:20px}
.gb-left,.gb-right{background:rgba(35,35,35,.65);backdrop-filter:blur(5px);border-radius:18px;box-sizing:border-box}
.gb-left{width:180px;height:258px;padding:15px}
.gb-right{width:427px;height:258px;padding:15px}
.gb-bottom{width:427px;margin:18px 0 0 auto}
.gb-copy{width:427px;height:34px;border:0;border-radius:10px;background:#222;color:#fff;cursor:pointer;margin-bottom:8px}
.gb-code{width:427px;height:51px;border:0;border-radius:12px;padding:15px;box-sizing:border-box;resize:none}

.gb-left{
    width:180px;
    height:258px;
    padding:0;
    background:rgba(35,35,35,.65);
    backdrop-filter:blur(5px);
    border-radius:18px;
    box-sizing:border-box;
    overflow:hidden;
}

.gb-right{
    width:427px;
    height:258px;
    padding:0;
    background:rgba(35,35,35,.65);
    backdrop-filter:blur(5px);
    border-radius:18px;
    box-sizing:border-box;
    overflow:hidden;
}

/* ---------------- ЛЕВЫЙ ТЕКСТ ---------------- */

.gb-left-text{
    width: 159px;
    height: 220px;
    margin: 10px 0 0 10px;
    overflow: auto;
    color: #ececec;
    font: 300 10px / 160% 'Noto Sans Mono', sans-serif;
    white-space: normal;
    word-break: break-word;
}

/* ---------------- ПРАВЫЙ ТЕКСТ ---------------- */

.gb-right-text{
    width: 395px;
    padding-right: 6px;
    height: 223px;
    margin: 13px 0 0 18px;
    overflow: auto;
    color: #ececec;
    font: 300 11px / 160% 'Noto Sans Mono', sans-serif;
    text-align: justify;
    white-space: normal;
    word-break: break-word;
}
</style>

<div class="guestbook">
<div class="gb-header">
<div class="gb-admins">
<a href="https://brokengeis.rusff.me/profile.php?id=4" class="gb-admin" data-title="дизайнер и графин">хускар</a>
<a href="https://brokengeis.rusff.me/profile.php?id=8" class="gb-admin" data-title="питомец амс">вивиан</a>
<a href="https://brokengeis.rusff.me/profile.php?id=6" class="gb-admin" data-title="спец по матчасти">томас</a>
<a href="https://brokengeis.rusff.me/profile.php?id=64" class="gb-admin" data-title="квестоплет">кардан</a>
<a href="https://brokengeis.rusff.me/profile.php?id=7" class="gb-admin" data-title="техподдержка">амелия</a>
<a href="https://brokengeis.rusff.me/profile.php?id=194" class="gb-admin" data-title="аниматор">райли</a>
</div>
<div class="gb-title">гостевая</div>
</div>
<div class="gb-top">
<div class="gb-left">

<div class="gb-left-text">
<b>админский произвол:</b>
<br>adam brody
<br>alex consani
<br>cameron chapman
<br>julia garner
<br>lola tung
<br>max verstappen
<br>samara weaving
<br>sarah pidgeon
<br>sebastian kent
<br>fin argus
<br>

<br>
<b>до 16.08 (включительно):</b>
finn bennett — <a href="https://brokengeis.rusff.me/profile.php?id=15">надо купить</a><br>

</div></div>
<div class="gb-right">
<div class="gb-right-text">
добро пожаловать на ФРПГ в жанре мистика (с вплетением рас и кельтской мифологии). проходите, располагайтесь, переобувайтесь в тапочки, выбирайте любимые лица и создавайте уникальные истории.
<br><br>
внешности для зарегистрированных держим 3 дня (плюс два продления по 2 дня), а гостям, друзьям и на подумать — сутки.
<br><br>
если коротко о нас, то мы располагаемся на британском архипелаге и занимаем всю территорию ирландии и британии. здесь пытаются ужиться между собой вампиры, оборотни, банши, ведьмы, призраки, фейри, мэрроу и обычные люди (в будущем планируем пополнение рас). проблемы экономического кризиса и престолонаследия давно уже не волнуют всех этих существ, в отличие от выживания под взором разгневанных богов.
<br><br>
божества, что раньше покровительствовали всем этим расам, обернулись против них и поставили под вопрос само существование своих подопечных. теперь им предстоит следить за своим поведением, зарабатывать очки милости или получать дебаффы гнева богов. помните, что любое решение будет иметь последствие.
<br><br>
подробнее ознакомиться с матчастью форума, узнать нас поближе и просто понять, что вообще здесь происходит, можно в специальных темах по навигации в подфорумах или шапке форума.<br>
</div></div></div>
<div class="gb-bottom">
</div></div>[/html]
[hideprofile]

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