[html]
<style>
section.applist {
    width: 934px;
    height: 680px;
    margin: auto !important;
    background-image: url(https://forumstatic.ru/files/001c/a5/43/34006.png);
    box-sizing: border-box;
    padding: 67px 30px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 62px;
}

section.applist * {
box-sizing: border-box;
scrollbar-gutter: stable;
}

section.applist desc {
display: block;
width: 823px;
height: 54px;
font-family: Inter;
font-weight: 200;
font-size: 13px;
line-height: 18px;
text-align: center;
text-transform: lowercase;
color: rgba(231, 231, 231, 1);
}

section.applist div.apps {
display: flex;
flex-wrap: wrap;
    gap: 10px 50px;
}

section.applist div.apps > div {
    display: flex;
    flex-direction: column;
overflow: auto;
height: 450px;
}

section.applist div.apps > div > div {
padding: 10px;
display: flex;
flex-direction: column;
gap: 7px;
}

section.applist div.apps char {
width: 378px;
height: 22px;
border-radius: 15px;
background: rgba(231, 231, 231, 1);
display: block;
color: rgba(77, 75, 74, 1);
font-family: var(--font-cat-title);
font-style: italic;
font-size: 14px;
position: relative;
padding: 3px 0 0 190px;
text-align: center;
}
section.applist div.apps char a{
color: rgba(77, 75, 74, 1);

}
section.applist div.apps char span {
background: rgba(206, 211, 220, 1);
width: 190px;
height: 22px;
text-align: center;
border-radius: 15px;
display: block;
position: absolute;
padding-top: 3px;
top: 0px;
left: 0px;
}

section.applist div.apps l {
display: block;
width: 100%;
color: rgba(239, 223, 197, 1);
font-family: var(--font-cat-title);
font-style: italic;
font-size: 14px;
text-align: center;
}

</style>

<section class='applist'>

<desc> Повторение внешности возможно с согласия обеих сторон и после уведомления администрации. При отсутствии сообщений более 2 недель внешность может быть взята под дубль без согласия игрока, изначально ее занимающего (уточняйте в гостевой или в вопросах к амс).
</desc>

<div class='apps'>

<!------ мужские внешности -------------------><div>

<div>
<l>abcde</l>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
</div>

<div>
<l>abcde</l>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
</div>

<div>
<l>abcde</l>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
</div>

<div>
<l>abcde</l>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
</div>

</div><!------ женские внешности -------------------><div>

<div>
<l>abcde</l>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
</div>

<div>
<l>abcde</l>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
</div>

<div>
<l>abcde</l>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
</div>

<div>
<l>abcde</l>
<char><span> <a href='#'>name surname</a></span> <a href='#'>name surname</a></char>
<char><span>name surname</span> name surname</char>
</div>

</div></div></section>
[/html][hideprofile]