[html]
<style>

userlist {
    display: flex;
    width: 977px;
    height: 539px;
    margin: auto !important;
    box-sizing: border-box;
    background: url(https://forumstatic.ru/files/001c/97/86/44771.jpg) no-repeat top center / 100%, rgba(217, 217, 217, 1);
    border-radius: 5px;
    justify-content: center;
    align-items: flex-end;
}

:root[data-scheme="dark"] userlist {
    background: url(https://forumstatic.ru/files/001c/97/86/44771.jpg) no-repeat top center / 100%, rgb(var(--canvas-tertiary));
}

userlist * {
    box-sizing: border-box;
}

userlist *::-webkit-scrollbar {
    width: 3px;
    height: 2px;
}

userlist userlisttitle {
    font-family: var(--font-cat-title);
    font-weight: 300;
    font-style: Italic;
    font-size: 12px;
    line-height: 137%;
    display: block;
    position: absolute;
    color: rgba(255, 255, 255, 1);
    padding: 2px 11px 4px;
    top: 122px;
    background: linear-gradient(270deg, #B39E83 0%, #4D4438 100%);
    border-radius: 10px;
}

userlist>div {
width: 935px;
    height: 355px;
    background: rgb(var(--canvas-secondary));
    margin-bottom: 29px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 20px;
}

userlist>div>div {
    width: 905px;
    height: 324px;
    display: grid;
    grid-template-columns: repeat(4, max-content);
    grid-auto-rows: max-content;
    align-items: start;
    gap: 12px;
    overflow: auto;
}

userlist charcont {
    width: 211px;
    height: 100%;
    border-radius: 5px;
    border-width: 1px;
    padding: 8px 9px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    display: block;
}

userlist charcont app {
    display: block;
    font-family: var(--font-cat-title);
    font-weight: 300;
    font-size: 9px;
    line-height: 137%;
    padding-bottom: 6px;
}

userlist charcont a {
    display: inline-block;
    font-family: moisette;
    font-weight: 400;
    font-size: 13px;
    line-height: 90%;
    text-transform: lowercase;
    font-style: italic;
    margin-right: 2px;
    vertical-align: middle;
    padding-bottom: 6px;
   color: rgb(var(--text-primary))!important;
}

userlist charcont occ {
    display: block;
    font-weight: 400;
    font-size: 9px;
    max-width: 200px;
    line-height: 130%;
    text-transform: lowercase;
    padding-bottom: 6px;
}

userlist charcont loc {
    border: 1px solid rgba(177, 183, 200, 1);
    border-radius: 50px;
    position: relative;
    display: block;
    height: 20px;
    width: fit-content !important;
    box-sizing: border-box;
    padding: 6px 11px 6px 27px !important;
    margin: 0 0 5px 0 !important;
    font-family: var(--font-cat-title);
    font-weight: 500;
    font-size: 8px;
    line-height: 90%;
    text-transform: lowercase;
    color: rgba(rgb(var(--soft-gray)), 1);
}

userlist charcont loc::before {
    content: '';
    width: 10px;
    height: 10px;
    top: 4px;
    left: 11px;
    position: absolute;
    background: url(https://forumstatic.ru/files/001c/97/86/31399.png) no-repeat center / 100%;
}

</style>

<userlist>
<userlisttitle>общий список занятых внешностей, имен и фамилий/занятости </userlisttitle>
<div><div>

<charcont>
<app>aaron tveit</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=42#p7420'>alan jaeger, 36</a>
<occ>ветеран, безработный (недееспособный)</occ>
<loc> London</loc>
</charcont>

<charcont>
<app>anar khalilov</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=132#p17732'>eliot avery, 30</a>
<occ>актёр в национальном театре</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>anya taylor joy</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=69#p17261'>ella rose, 25</a>
<occ>джазовая вокалистка</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>aron piper</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=123#p17177'>archie rider, 22</a>
<occ>студент, игрок в регби</occ>
<loc>Oxford</loc>
</charcont>

<charcont>
<app>ben barnes</app>
<a href='https://prosecco.rusff.me/profile.php?id=54'>mickey blackwell, 39</a>
<occ>наследник и управляющий ювелирной компании tomas dillon's claddagh gold</occ>
<loc>Dublin</loc>
</charcont>

<charcont>
<app>charlie hunnam</app>
<a href='https://prosecco.rusff.me/profile.php?id=6'>abraham pierce, 00</a>
<occ>краткое описание профессии</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>colin o'donoghue</app>
<a href='https://prosecco.rusff.me/profile.php?id=150'>jude murphy, 35</a>
<occ>католический священник</occ>
<loc>Dublin</loc>
</charcont>

<charcont>
<app>connor storrie</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=50#p9833'>jason walker, 24</a>
<occ>защитник фк арсенал</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>david corenswet</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=79'>arthur windsor, 32</a>
<occ>общественный деятель</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>deva cassel</app>
<a href='https://prosecco.rusff.me/profile.php?id=4'>rosalia whitmore di rossi, 24</a>
<occ>деятель культуры</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>emily alyn lind</app>
<a href='https://prosecco.rusff.me/profile.php?id=7'>beatrice hartwell, 21</a>
<occ>студентка</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>francois arnaud</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=72#p16045'>damian blackwood, 40</a>
<occ>спортивный агент, владелец «blackwood management»</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>frank grillo</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=77#p16190'>harry du bois, 69</a>
<occ>резервный сотрудник МІ5, неофициально вышел на пенсию</occ>
<loc>Surrey</loc>
</charcont>

<charcont>
<app>jack mulhern</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=131'>Keirnan Stuart, 17</a>
<occ>школьник в Mill Hill</occ>
<loc>London/Stirling</loc>
</charcont>

<charcont>
<app>hande erзel</app>
<a href='https://prosecco.rusff.me/profile.php?id=32'>noah sinclair, 26</a>
<occ>краткое описание профессии</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>hannah dodd</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=93#p16760'>francesca winsdor, 30</a>
<occ>публичная персона</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>iwan rheon</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=78'>kyle davis, 39</a>
<occ> частный консультант по безопасности и расследованиям </occ>
<loc>London/New York</loc>
</charcont>

<charcont>
<app>lee know</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=124#p17263'>river moon, 23</a>
<occ>студент-айтишник</occ>
<loc>Cambridge</loc>
</charcont>

<charcont>
<app>madelyn cline</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=74'>Ava Cameron, 22</a>
<occ>студентка, бариста</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>millie brady</app>
<a href='https://prosecco.rusff.me/profile.php?id=106'>leda murray, 27</a>
<occ>краткое описание профессии</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>minka kelly</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=82#p16510'>alma forbes-hamilton, 36</a>
<occ>журналист-расследователь</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>nicholas hoult </app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=127#p17500'>Andrew White, 35</a>
<occ>майор, инструктор на базе в Пирбрайте </occ>
<loc>London</loc>
</charcont>

<charcont>
<app>oleg sheps</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=106#p16780'>william bellamy, 28</a>
<occ>звукорежиссёр, диджей</occ>
<loc>Dublin</loc>
</charcont>

<charcont>
<app>oscar isaac</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=130#p17681'>duncan maclachlan, 44</a>
<occ>барон стратлахлан</occ>
<loc>London/Strathlachlan</loc>
</charcont>

<charcont>
<app>theo james</app>
<a href='https://prosecco.rusff.me/profile.php?id=5'>theodor (theo) monton, 34</a>
<occ>краткое описание профессии</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>troy baker</app>
<a href='https://prosecco.rusff.me/profile.php?id=97'>ivan strand, 33</a>
<occ>роцк-янки</occ>
<loc>London</loc>
</charcont>

<charcont>
<app>zhao liying.</app>
<a href='https://prosecco.rusff.me/viewtopic.php?id=47#p8990'>Sun Shangxiang, 35</a>
<occ>Разведывательная служба КНР</occ>
<loc>оставить нужное место проживания: London.</loc>
</charcont>

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