[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">
</div>
</div>
<div id="letter">a b c
<div id="list">
BLEACH — Kyoraku Shunsui — <a href="https://vigrid2.rusff.me/profile.php?id=5">Рихтер Митчелл</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>
</div>
</div>
<div id="letter">g h i
<div id="list">Genshin impact — Wriothesley — <a href="https://vigrid-2.ru/profile.php?id=77">Захария Барсан</a>
<br>
</div>
</div>
<div id="letter">j k l
<div id="list">
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">
Punishing: Gray Raven — Wanshi: Hypnos — <a href="https://vigrid-2.ru/profile.php?id=75">Rene Ident</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>Shiguang Dailiren — Cheng Xiaoshi — <a href="https://vigrid-2.ru/profile.php?id=76">Keith Malerbi</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">
<br>
</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>
</div>
</div>
<div id="letter">d e f
<div id="list">
<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>Girls'Frontline — UMP-45 — <a href="https://vigrid-2.ru/profile.php?id=63">Тереза Лиандри</a>
<br>Gorillaz (band) — Noodle — <a href="https://vigrid-2.ru/profile.php?id=25">Рэнге Огава</a>
<br>Gogalking — Gregory — <a href="https://vigrid-2.ru/profile.php?id=79">Рене Руман</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>Limbus Company— Faust — <a href="https://vigrid-2.ru/profile.php?id=16">Эйлин Шилфи</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">Persona 5 — Futaba Sakura — <a href="https://vigrid-2.ru/profile.php?id=69">Амайя Уоллес</a>
<br>Player — Bibian — <a href="https://vigrid-2.ru/profile.php?id=45">Шарлотта Руссо</a>
<br>
</div>
</div>
<div id="letter">s t u v
<div id="list">
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 — Nanakusa Nazuna — <a href="https://vigrid2.rusff.me/profile.php?id=16">Урсула Бухфинк</a>
<br>
</div>
</div>
</div>
</div>
[/html]
<br>Фандом — Имя внешности — <a href="ссылка на профиль">Имя Фамилия</a>
