[html]
<div class="guestbook">
<held class="gb_list quote-box"><h4>придержаны</h4>
Remus Lupin [The wizarding world of Harry Potter] — волчара до 24.04
Sirius Black [The wizarding world of Harry Potter] — волчара до 24.04
</held>
<think class="gb_list quote-box"><h4>выкуплено игроками "на подумать"</h4>

knockout [transformers]
shockwave [transformers]
Sylus
</think>

<request class="gb_list quote-box"><h4>Заберут в игру сразу</h4>
<center><a href="https://sunnycross.ru/viewtopic.php?pid=422533#p422533" title="Мистер Х, тебя ждет Морфида"><img src="https://upforme.ru/uploads/001b/70/af/7/885083.jpg" alt="ждет Морфида"></a></center>
</request>

<caste class="gb_list quote-box"><h4>Тебя очень ждут!</h4>
<center><a href="https://sunnycross.ru/viewtopic.php?pid=475204#p475204" title="Изобель Блум, тебя с нетерпением ждет Оливия"><img src="https://upforme.ru/uploads/001b/70/af/503/118184.jpg" alt="ждет Андуин"></a></center>
</caste>

<zag>Добро пожаловать, друг!</zag>
<text class="greeting">Здесь мы ответим на твои вопросы, не стесняйся.
При отсутствии акции в нужных можно уточнить: возможно, просто еще не успели написать заявку. Неканоны - да! Дубликаты ролей (три Тони Старка итп) - только с разрешения уже присутствующего на проекте "первого" персонажа. Мультивселенная позволяет, но давайте уважать друг друга.
Приём игроков строго 18+.
Список твинов - открытый, заполняемый самими игроками в орг. теме, доступной для уже принятых игроков.
<br/><br/>
Мы придерживаем персонажей после вашей заявки в гостевой на три дня для незарегистрированных профилей и на семь дней для зарегистрированных.
</text>

<text class="amc"><center>Ваши доблестные хранители Шайна:<br/>
<a href="https://sunnycross.ru/profile.php?id=7" class="gb" title="администратор">loki</a>  //
<a href="https://sunnycross.ru/profile.php?id=265" class="gb" title="администратор">gleb </a>  //
<a href="https://sunnycross.ru/profile.php?id=255" class="gb" title="администратор">richard</a>  //
<a href="https://sunnycross.ru/profile.php?id=953" class="gb" title="администратор">chromie</a> //
<a href="https://sunnycross.ru/profile.php?id=622" class="gb" title="администратор">katniss</a></center>
<shinetg><a href="https://t.me/dreamsunnycross" title="Пообщаться с нами в телеге!"><img src="https://forumstatic.ru/files/001b/70/af/71280.png" alt="тг Шайна"></a>
<a href="https://discord.gg/zZhVFzPz" title="Заглянуть в Дискорд!"><img src="https://forumstatic.ru/files/001b/70/af/87989.png" alt="дискорд"></a></shinetg>
<buyout>
<br/><br/>
<a href="https://sunnycross.ru/viewtopic.php?pid=393875#p393875" class="gb" title="пораскрашивать">Пораскрашивать, пока выбираешь персонажа</a>
<br/><br/></buyout>
</text>
</div>

<style type="text/css">
.guestbook {
position: relative;
margin: 0 auto;
display: grid;
place-items: center;
gap: 0.5em;
grid-template-columns: 1fr 1fr;
grid-template-rows: 10% repeat(3, auto);
grid-template-areas:
"zag zag"
"greeting amc"
"held think"
"request caste";
}
zag {grid-area: zag;}
.greeting {grid-area: greeting; height: 100%;}
.amc {grid-area: amc; height: 100%;}
held {grid-area: held;}
think {grid-area: think;}
request {grid-area: request;}
caste {grid-area: caste;}
buyout {display: block; text-transform: uppercase; text-align: center; height: 100%; padding-top: 5%;}
.punbb shinetg {display: block; margin: 0.8em auto; text-align: center;}
shinetg img {width: 50px;}
.gb_list {
display: block;
width: 100%;
min-height: 5em;
height: 100%;
padding: 0.5em;
overflow-y: auto;
white-space: break-spaces;
}
.gb_list h4 {
    text-align: center;
    text-transform: uppercase;
    margin: 0.2em auto;
    width: 80%;
    padding: 0.5em;
    background: var(--accent);
    color: var(--base-bg2);
}
/*** МОБИЛЬНЫЙ ***/
@media screen and (max-width: 540px) {
.guestbook {
    grid-template-columns: 1fr;
    grid-template-rows: 10% repeat(6, auto);
    grid-template-areas:
    "zag"
    "greeting"
    "amc"
    "held"
    "think"
    "request"
    "caste";
}
}
</style>
[/html]

Имя персонажа латиницей [Фандом латиницей] — ваш ник