aspect

ПРОКЛЯТЫЙ НОЧНОЙ ЦИРК «HOCUS POCUS»
открывает свои двери и приглашает на работу
Вас ждет: отвратительный коллектив, отсутствие карьерного роста, работа в ночное время и финансовая нестабильность. Ах, да, еще проклятье луны имеется. Но зато у нас есть сахарная вата и воздушные шарики.

[html]<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap" rel="stylesheet">
<style>.ship8 {
--sh1: 80px; /* ширина и высота картинки */
--sh2: #808080; /* цвет описания персонажа и рамки */
}

.ship8 {max-width: 700px; /*** ограничить ширину блока ***/
display:flex; flex-wrap: wrap; position:relative; overflow:hidden; width:100%; height:auto; box-sizing:border-box; padding-top: 10px;}
.ship8 * {box-sizing:border-box;}
/* весь блок карточки */
.shipp {display:flex; flex-direction: row; width: calc(50% - 14px); min-height: calc(var(--sh1) + 20px); margin-bottom: 28px !important; margin-right: 20px !important;} /* shipovnik */
.shipp:nth-child(2n) {margin-right: 0px !important;}
.shipp:nth-last-child(1), .shipp:nth-last-child(2) {margin-bottom:0px !important}

/* круг */
.krt {display:block; width: var(--sh1); height: var(--sh1); border-radius:50%; outline: 1px solid var(--sh2); outline-offset: 6px; margin: 6px 16px auto 10px !important;}
.kar {display:block; width: var(--sh1); height: var(--sh1); border-radius:50%; background: 50% 50% no-repeat transparent; background-size:cover;}
.namep, .namp {display:block; text-align: center;}
/* имя */
.namep {line-height:110%; font-family: 'Oswald', Tahoma, sans-serif; font-size: 16px;}
/* описание */
.namp {margin-top:4px !important; color: var(--sh2); font-size: 10px;}

/* текст */
.shipp p {display:block; padding:0 !important; margin-top:10px !important; font-family: Tahoma, Arial, sans-serif; line-height:130% !important; text-align: justify;}
</style><div class="ship8">

<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001c/3e/09/18/231683.jpg)"></div>
</div>
<div><span class="namep"><a href="#"> Дельфина. Девочка на шаре</a></span>
<div class="namp">Девочка, не падай, не надо</div>
<p>
Маленькая, хрупкая, невинная. Ах, сколько мужских сердец разбила эта крошка, легко переступая босыми ногами по шару. Она выглядит на пятнадцать, хотя ей давно двадцать пять. И за фарфоровым личиком с огромными глазами скрывается хитрая, жестокая и алчная сущность.
</p></div></div>

<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001c/2a/d4/5/203552.jpg)"></div>
</div>
<div><span class="namep"><a href="#"> Рамон. Иллюзионист</a></span>
<div class="namp">Разгадки фокусов, увы, весьма банальны</div>
<p>
На сцене он ловко манипулирует картами, исчезает в облаке дыма и достает кроликов пачками. За кулисами это умелый фальсификатор и мастер подкупа. Умеет улаживать конфликты и пускать пыль в глаза. Легко решает любые проблемы хитростью, а не силой.
</p></div></div>

<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001c/2a/d4/5/275079.jpg)"></div>
</div>
<div><span class="namep"><a href="#"> Гаскон. Силач</a></span>
<div class="namp">И цепи рвут движением плеча</div>
<p>
Не слишком умен и сообразителен, зато силы ему не занимать. Ну и внешностью не обделен, чем определенно пользуется. Часто выступает в роли телохранителя Хозяина и Распорядителя. А внушительный вид его кулаков - весомый аргумент для смены приоритетов. Одна беда - Гаскон слегка трусоват и никогда не лезет на рожон. Но обычно хватает одного его присутствия.
</p></div></div>

<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001c/09/ad/3/715685.jpg)"></div>
</div>
<div><span class="namep"><a href="#"> Грета. Фея лакомств</a></span>
<div class="namp">Громко, громко леденцы хрустят</div>
<p>
Эта очаровательная улыбчивая женщина без возраста - любимица не только детворы, но и взрослых. Еще бы, она делает такие сладости, от вкуса которых можно сойти с ума. Иногда в прямом смысле. Ведь никогда не знаешь - что Грета замешала в свои конфеты в этот раз. И почему у нее никогда нет отбоя от клиентов.
</p></div></div>

<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001c/09/ad/3/565600.jpg)"></div>
</div>
<div><span class="namep"><a href="#"> Аполлон. Акробат [придержан]</a></span>
<div class="namp">Да, я - трюкач, гнусь влево, вправо...</div>
<p>
Он делает сальто и перевороты, заставляя публику радоваться. Гибкий, ловкий, сильный. Он с одинаковой легкостью справляется со сложными трюками и замками, скользя бесшумной тенью под покровом ночи. Но не позавидую тому, кто окажется у него на пути. Он знает множество способов отстирывания крови со своего белоснежного трико.
</p></div></div>

<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001c/09/ad/3/114437.jpg)"></div>
</div>
<div><span class="namep"><a href="#"> Агнес. Бородатая женщина</a></span>
<div class="namp">Но от ее бороды хоть беги - не спрячешься</div>
<p>
Повелительница холода и блеска. Она ловко управляется с ножами как на сцене, так и за кулисами. Обладает мощным голосом, полным отсутствием слуха и, что уж говорить, несколько необычной внешностью. Любит внимание, но при этом слегка обидчива, особенно если кто-то критикует ее пение. Не зря же она всегда носит с собой любимый кинжал. В труппе заведует финансами.
</p></div></div>

<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001c/09/ad/3/380053.jpg)"></div>
</div>
<div><span class="namep"><a href="#"> Игнис. Огненный жонглер</a></span>
<div class="namp">Все начинается всегда с огня...</div>
<p>
В прямом смысле женщина-огонь. Пламя в её руках - настоящее искусство. Игнис любит огонь, Игнис живет огнем. Но будьте осторожны, потому что она и вас может спалить ко всем чертям, даже бровью не поведя.
</p></div></div>

<div class="shipp"><div class="krt">
<div class="kar" style="background-image:url(https://forumupload.ru/uploads/001c/09/ad/3/495302.jpg)"></div>
</div>
<div><span class="namep"><a href="#"> Оскар. Дрессировщик [придержан]</a></span>
<div class="namp">Ап! И тигры у ног моих сели</div>
<p>
Подхалим и пустослов. При этом честолюбив и крайне высокого мнения о себе. Много болтает, метит на место Хозяина, любит животных. Любых. Больших и маленьких. И, что удивительно, они, пожалуй, единственные, кто точно отвечает ему взаимностью.
</p></div></div>

</div>[/html]