[html]
<style>
section.quest-data {
width: 1040px;
height: 430px;
position: relative;
box-sizing: border-box;
background-image: url(https://forumstatic.ru/files/001c/be/2e/49674.png);
margin-left: -28px;
padding: 22px 55px 22px;
display: flex;
flex-direction: column;
align-items: center;
gap: 55px
}

section.quest-data * {
box-sizing: border-box;
}

section.quest-data > ttl {
    font-family: Moisette;
    font-weight: 600;
    font-style: Italic;
    font-size: 48px;
    line-height: 1;
    text-transform: lowercase;
    display: block;
    text-align: center;
    width: fit-content;
    background: linear-gradient(90deg, #BB9059 0%, #4C4439 100%);
    transition: --gradient-x 0.7s ease, --gradient-y 0.7s ease !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.quest-data div.quest-desc {
display: flex; gap: 30px;

}

section.quest-data div.quest-desc span {
color: rgba(194, 194, 194, 1);
display: block;
width: 720px;
padding-right: 5px;
flex-shrink: 0;
font-size: 11px;
white-space: pre-wrap;
}
section.quest-data div.quest-desc ttl {
width: 100%;
    display: block;
    font-family: Moisette;
    font-weight: 400;
    font-style: Italic;
    font-size: 14px;
    line-height: 120%;
    color: rgba(194, 194, 194, 1);
}

section.quest-data div.quest-desc .quest-userlist {
display: flex;
flex-direction: column;
gap: 9px;
align-items: flex-start;
}

section.quest-data div.quest-desc .quest-userlist a {
    background: rgba(187, 144, 89, 1);
    box-shadow: 0px 0px 13px 0px rgba(187, 144, 89, 1);
    font-family: Moisette;
    font-weight: 400;
    font-style: Italic;
    color: white;
    font-size: 12px;
    line-height: 1;
    padding: 3px 10px 3px 10px;
    border-radius: 50px;
    text-transform: lowercase;
    transition: .3s ease;
}

section.quest-data div.quest-desc .quest-userlist a:hover {
    background: rgb(149 118 78);
}

</style>

<section class='quest-data'>
<ttl> Название квеста </ttl>

<div class='quest-desc'>
<span><ttl>описание</ttl>
Фишка: можно переносить пробелом.

Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска. Каждый зуб имеет естественную режущую кромку, которая при сборке образовала непрерывную, слегка волнистую линию лезвия. Фрагменты скреплены между собой стабилизированным костным клеем и жилами, образующими на поверхности клинка характерный ребристый, почти хитиновый рельеф, но стыки аккуратно залиты серебряной пастой, создающей тонкую, змееподобную сеть на тёмном фоне.

Рукоять создана из позвонка того же существа — Степного Клыка, который обточен до эргономичной формы и обмотан для хвата кожей. Навершие рукояти увенчано полированным клыком этой же дикой твари.

Выкован Клык для офицерского состава в элитных мастерских далёких западных Орденов Бастиона — милитаристского государства, ценящего военную утилитарную практичность. Скелет Степного Клыка содержал уникальные природные сплавы железа, кобальта и марганца, усвоенные из высокоминерализованной почвы: зубы твари были настолько плотными и прочными, что даже после гибели сохраняли способность гасить ударную вибрацию.

</span>

<div class='quest-userlist'><ttl>список участников</ttl>

<a href='#'>name surname</a>
<a href='#'>name surname</a>
<a href='#'>name surname</a>
<a href='#'>name surname</a>
<a href='#'>name surname</a>
<a href='#'>name surname</a>
<a href='#'>name surname</a>
<a href='#'>name surname</a>

</div></div>
</div></section>

[/html][hideprofile]

Подпись автора

Эффектная подпись