[html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Arsenal&display=swap');

#web-body {
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
background:#303234;
padding: 30px 30px 40px 30px;
outline: 1px solid #24ebff;
outline-offset: -20px;
font-weight: 500!important;
}

.column-header {
width:calc(50%);
text-align: center;
text-transform:  uppercase;
font-size: 20px;
letter-spacing: 1px;
color: #2ea4b5;
font-family: Arsenal;
text-shadow: 1px 1px 11px #11575f;
}

#letter {
background: #676a7b;
padding: 6px;
margin: 14px 10px 0 10px;
font-size: 16px;
text-align: center;
text-transform:  uppercase; 
color: #1b1c1e;
text-shadow: 0px 0px 1px #3e4143;
letter-spacing: 4px;
outline: 1px solid #1fa7e6;
outline-offset: 4px;
}

#list {
background: #829ca5;
padding: 6px 10px 6px 10px;
margin: 10px 4px 4px 4px;
font-size: 12px;
text-align: left;
text-transform:  none; 
font-variant: small-caps;
color: #1b1c1e;
line-height: 1.5;
text-shadow: 0px 0px 1px #3e4143;
letter-spacing: 1px;
outline: 1px solid #24ebff;
outline-offset: 4px;
}

#list a, #list a:link, #list a:visited {
color: #135d64;
font-weight: normal;
font-size: 12px;
text-decoration: underline;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all  0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#list a:hover, #list a:focus, #list a:active {
color: #62465c;
font-weight: normal;
text-decoration: overline;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all  0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

</style>

<div id="web-body">

    <!--COLUMN #1-->
    <div class="column-header">male

<div id="letter">0-9
        <div id="list">19 days — He Cheng — <a href="https://vigrid-2.ru/profile.php?id=64">Vladimir Rashitov</a>
                 
        </div>
        </div>

    <div id="letter">a b c
        <div id="list">Bakemonogatari — Araragi Koyomi — <a href="https://vigrid-2.ru/profile.php?id=10">Брэди О`Каллахан</a>
                  <br>BLEACH — Kyoraku Shunsui — <a href="https://vigrid2.rusff.me/profile.php?id=5">Рихтер Митчелл</a>
                <br>Blue Lock — Sae Itoshi — <a href="https://vigrid-2.ru/profile.php?id=26">Габриэль Кайфу</a>
                  <br>Blue Lock — Meguru Bachira — <a href="https://vigrid-2.ru/profile.php?id=43">Мауро Мура</a>
        </div>
        </div>

    <div id="letter">d e f
        <div id="list">Death Note — Mello — <a href="https://vigrid-2.ru/profile.php?id=20">Ноа Линдгрен</a>
                  <br>DOGS: Bullets & Carnage — Haine Rammsteiner — <a href="https://vigrid-2.ru/profile.php?id=22">Инноценц Зейдер</a>
<br>Fairy Tail — Laxus Dreyar — <a href="https://vigrid-2.ru/profile.php?id=51">Robin Wood</a>
                  <br>

        </div>
        </div>

    <div id="letter">g h i
        <div id="list">Genshin Impact — Tartaglia — <a href="https://vigrid-2.ru/profile.php?id=34">Акихиро Харада</a>
                            <br>Granblue Fantasy — Sandalphon  — <a href="https://vigrid-2.ru/profile.php?id=62">Rainard Arclight</a>
                  <br>Haikyu!! — Sakusa Kiyoomi — <a href="https://vigrid-2.ru/profile.php?id=33">Кейт Хансен</a>
                  <br>Haikyuu!! — Kozume Kenma — <a href="https://vigrid-2.ru/profile.php?id=15">Гото Кота</a>
                  <br>

        </div>
        </div>

    <div id="letter">j k l
        <div id="list">JoJo's Bizarre Adventure — Noriaki Kakyouin — <a href=https://vigrid-2.ru/profile.php?id=50>Томас Рассел</a>
                            <br>JoJo's Bizarre Adventure —  White Kakyouin — <a href="https://vigrid-2.ru/profile.php?id=53">Теодор Рассел</a>
                            <br>Jujutsu Kaisen — Satoru Gojo — <a href="https://vigrid-2.ru/viewtopic.php?id=116">Дэвид Фэйт</a>
                  <br>

        </div>
        </div>

    <div id="letter">m n o
        <div id="list">Neon Genesis Evangelion — Shinji Ikari — <a href="https://vigrid-2.ru/profile.php?id=42">Mark Keler</a>
                  <br>

        </div>
        </div>

    <div id="letter">p q r
        <div id="list">Psycho-Pass — Nobuchika Ginoza — <a href="https://vigrid-2.ru/profile.php?id=56">Арнстейн Людвиг Нордстрём</a>
                  <br>

        </div>
        </div>

    <div id="letter">s t u v
        <div id="list">Shin Megami Tensei V — Protagonist — <a href="https://vigrid2.rusff.me/profile.php?id=9">Инге Виджая Норлинг</a>
                <br>Tiger&Bunny — Barnaby — <a href="https://vigrid-2.ru/profile.php?id=4">Диего Агирре</a>
                <br>Tokyo Revengers — Chifuyu Matsuno — <a href="https://vigrid-2.ru/profile.php?id=40">Karlis Morel</a>
                <br>Tokyo Revengers — Hanemiya Kazutora — <a href="https://vigrid-2.ru/profile.php?id=14">Гото Джунпей</a>
                <br>Tokyo Revengers — Sano Manjiro — <a href=https://vigrid-2.ru/profile.php?id=24>Эйса Коулман</a>
                <br>Touken Ranbu — Ookurikara — <a href=https://vigrid-2.ru/profile.php?id=32>Максим Громов</a>
                <br>The Arcana — Julian Devorak — <a href="https://vigrid-2.ru/profile.php?id=35">Сайлас Фрай</a>
                <br>Voltron: Legendary Defender — Takashi "Shiro" Shirogane — <a href="https://vigrid2.rusff.me/profile.php?id=12">Рейнвис ван дер Линден</a>
                <br>Voltron: Legendary Defender — Keith — <a href="https://vigrid-2.ru/profile.php?id=21">Дарьян Зайц</a>
                  <br>
        </div>
        </div>

    <div id="letter">w x y z
        <div id="list">
                  <br>

        </div>
        </div>

    </div>

    <!--COLUMN #2-->
    <div class="column-header">female

<div id="letter">0-9
        <div id="list">
                 
        </div>
        </div>

    <div id="letter">a b c
        <div id="list">Chainsaw Man — Reze — <a href="https://vigrid-2.ru/profile.php?id=11">Рут Паркер</a>
                  <br>Chainsaw Man — Power — <a href="https://vigrid2.rusff.me/profile.php?id=6">Мария Врона</a>
                  <br>Chainsaw Man — Quanxi — <a href="https://vigrid-2.ru/profile.php?id=28">Рома Мерт</a> <br>

        </div>
        </div>

    <div id="letter">d e f
        <div id="list">DADACHYO (artist) — arts — <a href="https://vigrid-2.ru/viewtopic.php?id=140">Контессина Орсини</a>
                  <br>Elden Ring — Millicent — <a href="https://vigrid-2.ru/profile.php?id=49">Cornelia Hou</a>
                  <br>Elster — Signalis — <a href="https://vigrid-2.ru/profile.php?id=41">Фрида Бранд</a>
                  <br>Fate — Florence Nightingale — <a href="https://vigrid-2.ru/profile.php?id=31">Эйлин Шилфи</a>
                  <br>

        </div>
        </div>

    <div id="letter">g h i
        <div id="list">Girls'Frontline — M16A1 — <a href="https://vigrid2.rusff.me/profile.php?id=8">Софья Келер</a>
                  <br>Gorillaz (band) — Noodle — <a href="https://vigrid-2.ru/profile.php?id=25">Рэнге Огава</a>
                  <br>Hololive — Takanashi Kiara — <a href="https://vigrid-2.ru/profile.php?id=18">Коко Перрен</a>
                  <br>

        </div>
        </div>

    <div id="letter">j k l
        <div id="list">Jujutsu Kaisen — Utahime Iori — <a href="https://vigrid-2.ru/profile.php?id=39">Геста Джой</a>
                  <br>Kagachi Saku (artist) — arts — <a href="https://vigrid-2.ru/profile.php?id=30">Жанна де Блуа</a>
                  <br>

        </div>
        </div>

    <div id="letter">m n o
        <div id="list">Mahoutsukai no Yome — Rahab — <a href="https://vigrid-2.ru/profile.php?id=44">Эмбер Виггин</a>
                  <br>

        </div>
        </div>

    <div id="letter">p q r
        <div id="list">Player — Bibian — <a href="https://vigrid-2.ru/profile.php?id=45">Шарлотта Руссо</a>
<br>Pokemon — Rika — <a href="https://vigrid-2.ru/profile.php?id=58">Мейси О'Шей</a>
                  <br>

        </div>
        </div>

    <div id="letter">s t u v
        <div id="list">Transistor — Red — <a href="https://vigrid-2.ru/profile.php?id=59">Роуз Кортес</a>
                  <br>Vocaloid — Kagamine Rin — <a href="https://vigrid-2.ru/profile.php?id=36">Софи Йегер</a>
                  <br>

        </div>
        </div>

    <div id="letter">w x y z
        <div id="list">Yofukashi no uta — Anko Uguisu — <a href="https://vigrid-2.ru/profile.php?id=19">Сюзанна Ферреро</a>
                  <br>Yofukashi no uta — Nanakusa Nazuna — <a href="https://vigrid2.rusff.me/profile.php?id=16">Урсула Бухфинк</a>
                  <br>

        </div>
        </div>

    </div>

</div>
[/html]

Код:
<br>Фандом — Имя внешности — <a href="ссылка на профиль">Имя Фамилия</a>