<!--HTML-->
<div class="role_list">

<div class="role_h2">a — b — c — d</div>
<div class="role_row">
<div class="role_col"><strong>baldur's gate</strong>
<a href="/profile.php?id=31">elviana</a>
<a href="/profile.php?id=181">the dark urge</a>
<a href="/profile.php?id=182">g'eld maedra</a>
<a href="/profile.php?id=97">gale dekarios</a>
<a href="/profile.php?id=186">orin the red</a>
</div>
<div class="role_col"><strong>black spring</strong>
<a href="/profile.php?id=121">stas kudinov</a>
</div>
<div class="role_col"><strong>bubble comics</strong>
<a href="/profile.php?id=166">margo</a>
<a href="/profile.php?id=209">oleg volkov</a>
<a href="/profile.php?id=21">sergey razumovsky</a>
<a href="/profile.php?id=204">valeria makarova</a>
</div>
<div class="role_col"><strong>container</strong>
<a href="/profile.php?id=122">vadim belozerov</a>
</div>

<div class="role_col"><strong>detroit: become human</strong>
<a href="/profile.php?id=160">connor</a>
<a href="/profile.php?id=92">gavin reed</a>
<a href="/profile.php?id=156">rk900</a>
</div>

<div class="role_col"><strong>dishonored</strong>
<a href="/profile.php?id=13">the outsider</a>
</div>

<div class="role_col"><strong>disney</strong>
<a href="/profile.php?id=199">scrooge mcduck</a>
</div>

<div class="role_col"><strong>dragon age</strong>
<a href="/profile.php?id=16">alim surana</a>
<a href="/profile.php?id=22">daylen amell</a>
<a href="/profile.php?id=100">evelyn trevelyan</a>
<a href="/profile.php?id=171">lucanis dellamorte</a>
<a href="/profile.php?id=35">maxwell trevelyan</a>
<a href="/profile.php?id=170">rael mercar</a>
<a href="/profile.php?id=189">solas</a>
<a href="/profile.php?id=197">viago de riva</a>
</div>
</div>

<div class="role_h2">e — f — g — h</div>
<div class="role_row">
<div class="role_col"><strong>genshin impact</strong>
<a href="/profile.php?id=34">fathomless flames</a>
<a href="/profile.php?id=63">kamisato ayato</a>
<a href="/profile.php?id=44">la signora</a>
<a href="/profile.php?id=56">lumine</a>
<a href="/profile.php?id=62">thoma</a>
<a href="/profile.php?id=138">venti</a>
</div>

<div class="role_col"><strong>honkai: star rail</strong>
<a href="/profile.php?id=78">blade</a>
<a href="/profile.php?id=84">dan heng</a>
<a href="/profile.php?id=28">stelle</a>
</div>

</div>

<div class="role_h2">i — j — k — l</div>
<div class="role_row">
<div class="role_col"><strong>jujutsu kaisen</strong>
<a href="/profile.php?id=65">kugisaki nobara</a>
<a href="/profile.php?id=79">megumi fushiguro</a>
</div>

<div class="role_col"><strong>league of legends</strong>
<a href="/profile.php?id=42">aphelios</a>
<a href="/profile.php?id=57">ekko</a>
<a href="/profile.php?id=48">ezreal</a>
<a href="/profile.php?id=52">jinx</a>
<a href="/profile.php?id=54">kayn</a>
<a href="/profile.php?id=41">sett</a>
<a href="/profile.php?id=172">silco</a>
<a href="/profile.php?id=53">viktor</a>
<a href="/profile.php?id=90">yone</a>
</div>
<div class="role_col"><strong>life is strange</strong>
<a href="/profile.php?id=114">chloe price</a>
<a href="/profile.php?id=110">max caulfield</a>
</div>
</div>

<div class="role_h2">m — n — o — p</div>
<div class="role_row">
<div class="role_col"><strong>nu: carnival</strong>
<a href="/profile.php?id=23">blade</a>
<a href="/profile.php?id=8">dante</a>
<a href="/profile.php?id=60">edmond</a>
<a href="/profile.php?id=24">eiden</a>
<a href="/profile.php?id=33">olivine</a>
<a href="/profile.php?id=20">quincy</a>
</div>
<div class="role_col"><strong>overwatch</strong>
<a href="/profile.php?id=11">amelie lacroix</a>
<a href="/profile.php?id=194">jesse mccree</a>
<a href="/profile.php?id=5">kiriko kamori</a>
<a href="/profile.php?id=99">moira o'deorain</a>
<a href="/profile.php?id=43">sigma</a>
<a href="/profile.php?id=4">sombra</a>
</div>
</div>

<div class="role_h2">q — r — s — t</div>
<div class="role_row">
<div class="role_col"><strong>slavic folklore</strong>
<a href="/profile.php?id=129">bayun</a>
<a href="/profile.php?id=142">ivan tsarevich</a>
<a href="/profile.php?id=140">koschei the deathless</a>
<a href="/profile.php?id=144">marya morevna</a>
<a href="/profile.php?id=132">zmey gorynich</a>
</div>
<div class="role_col"><strong>tian guan ci fu</strong>
<a href="/profile.php?id=178">he huan</a>
<a href="/profile.php?id=7">shi qingxuan</a>
</div>
</div>

<div class="role_h2">u — v — w — x</div>
<div class="role_row">
<div class="role_col"><strong>valorant</strong>
<a href="/profile.php?id=19">fade</a>
<a href="/profile.php?id=3">omen</a>
</div>
<div class="role_col"><strong>wizarding world</strong>
<a href="/profile.php?id=77">marion lamb</a>
<a href="/profile.php?id=55">ominis gaunt</a>
<a href="/profile.php?id=50">sebastian sallow</a>
<a href="/profile.php?id=73">tom riddle</a>
</div>
</div>

<div class="role_h2">y — z — 0 — 9</div>
<div class="role_row">
<div class="role_col"><strong>zenless zone zero</strong>
<a href="/profile.php?id=113">von lycaon</a>
<a href="/profile.php?id=109">wise</a>
</div>
<div class="role_col"><strong>fandom</strong>
<a href="/">name surname</a>
<a href="/">name surname</a>
</div>
<div class="role_col"><strong>fandom</strong>
<a href="/">name surname</a>
<a href="/">name surname</a>
</div>
</div>

</div>

<style>
.role_list { display: flex; flex-direction: column; width: 100%; margin: 0 auto;  text-align: center; }
.role_h2 { font: 700 16px/100% var(--main-font); padding: 30px 0; }
.role_row { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.role_col { display: flex; flex-direction: column; width: 30%; margin: 10px 0px; padding: 0 0 30px 0; }
.role_col strong { padding: 5px 0 5px 0;  margin: 0 0 10px 0; }
.role_col a { text-transform: lowercase; }
</style>