<!--HTML-->
<center>
<div class="tab-menu">
<input type="radio" id="tab1" name="tab-control" checked="">
<input type="radio" id="tab2" name="tab-control" >
<input type="radio" id="tab3" name="tab-control" >
<input type="radio" id="tab4" name="tab-control" >
<input type="radio" id="tab5" name="tab-control" >
<ul>
<li title="Зелья"><label for="tab1" role="button"><span>Зелья</span></label></li>
<li title="Камни"><label for="tab2" role="button"><span>Камни</span></label></li>
<li title="Утварь"><label for="tab3" role="button"><span>Утварь</span></label></li>
<li title="Травы"><label for="tab4" role="button"><span>Травы</span></label></li>
<li title="Навыки"><label for="tab5" role="button"><span>Навыки</span></label></li>
</ul>
<div class="content">
<section>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/IwtQOSp.png">
<br>Приворотное зелье</div>
<div class="item_descr">
Зелье, необходимое для того, чтобы приворожить человека. Состав: Мятные листочки (3 шт.), Розмарин (1 шт.), Рубиновая пыль (1 шт.) .</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> крафт</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/7k6HHux.png">
<br>Зелье мудрости</div>
<div class="item_descr">
Зелье, позволяющие усилить эрудированность, смекалку. Действует 24 часа, применяется, когда нужно решить сложную задачу, выпутаться из передряги и т.п. Состав: листья дуба (3 шт.), вербена (2 шт.), хвост крысы (1 шт) </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> крафт</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/ZaH4Tmw.png">
<br>Зелье ясновиденья</div>
<div class="item_descr">
Зелье, позволяющие увидеть будущие, срабатывает один раз через несколько часов, после принятия. Состав: можжевельник (2 шт.), амарант (3 шт.), горный хрусталь (1 шт)</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> крафт</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/gaxwb51.png">
<br>Зелье изгнания нечистой силы</div>
<div class="item_descr">
Зелье, легкая версия ритуала очищения. Если нужно быстро снять с себя легкий сглаз, это зелье спасет. А вот от порчи и проклятья поможет только ритуал Очищения. Состав: белладонна (1 шт.), кожа змеи (1 шт.), горный хрусталь (1 шт.) </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> крафт</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/1A5aJmb.png">
<br>Чай сновидений</div>
<div class="item_descr">
Чай, который убирает все тревоги и дарует крепкий сон. И не только. Сон сопровождается галлюцинациями, они могут быть абстрактными, а могут о чем-то предупредить вас, могут приоткрыть завесу и позволить увидеться призраком, но только во сне. Лучше не переусердствовать, вызывает привыкание. Состав: нефритовая чаша (т.е. нефрит 1 шт., для настаивания в нем зелья), лаванда (3 шт.), мята (3 шт.), лапка паука (2 шт.)</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> крафт</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/dMAqaWT.png">
<br>Лунное зелье</div>
<div class="item_descr">
Используется для ритуалов, приводящихся при луне. Состав: мандрагора (2 шт.), гвоздика (2 шт.), бузина (2 шт.)</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> крафт</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/7k6HHux.png">
<br>Зелье мудрости</div>
<div class="item_descr">
Зелье, позволяющие усилить эрудированность, смекалку. Действует 24 часа, применяется, когда нужно решить сложную задачу, выпутаться из передряги и т.п. Состав: листья дуба (3 шт.), вербена (2 шт.), хвост крысы (1 шт) </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> крафт</div>
</div>
</section>
<section>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/Mkl0DSb.png">
<br>Авантюрин</div>
<div class="item_descr">
Камень коричнево-красноватого цвета с вкраплениями золотистой пыли. Авантюрин считается талисманом любви и страсти, мистических откровений и неожиданных поступков и решений. Отвечает за риски, авантюры, при этом хранит путников.</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 200</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/a34YF5u.png">
<br>Агат</div>
<div class="item_descr">
Агат – камень разнообразный по расцветке, встречаются цвета от белого до плотного черного, он может быть как полупрозрачным, так и непрозрачным, с различным рисунком или без него. Помогает уберечься от обмана, лучше понимать, когда человек врет. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 400</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/o0ojBMA.png">
<br>Аквамарин</div>
<div class="item_descr">
Камень водной стихии, поэтому его из древне считали талисманом моряков. Как амулет, он помогает тем, кто не умеет плавать и боится воды. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 300</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/P2UimvX.png">
<br>Алмаз</div>
<div class="item_descr">
Алмазы - «сильное оружие» в борьбе с порчей, ночными привидениями и дурными снами. Алмаз оберегает от чар колдовства, возвращая отрицательную энергию пославшему, сохраняет ясным рассудок и усиливает абстрактное мышление.</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 500</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/y5R84XA.png">
<br>Горный хрусталь</div>
<div class="item_descr">
Этот камень считался оберегом от сглаза, помогал вернуть ясность и стройность мыслям, улучшал способности к обучению и повышал иммунитет. Горный хрусталь — прозрачный кварц, чистый и похожий на сверкающую каплю света. Считается, что горный хрусталь очищает душу человека и пространство, в котором тот живет, поэтому хрусталь — сильный оберег, способный справиться с нечистой силой. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 400</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/8yXlCaB.png">
<br>Лунный камень</div>
<div class="item_descr">
Oкaзывaть пoмoщь в aзapтныx игpax и дeлax, усиливает способности ведьмы. Тускнеет, если на обладателя были наложены сглаз, порча или проклятье. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 400</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/J1O5XxJ.png">
<br>Нефрит</div>
<div class="item_descr">
Чаще всего драгоценный нефрит имеет зеленый оттенок, но попадаются камни белого, желто-коричневого, бледно-голубого цвета. Этот минерал отличает мутная волокнистая структура. В качества амулета этот минерал носят для защиты от негатива, обретения власти, могущества. Способствует прояснению мыслей, оберегает от тревожности. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 300</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/i7TbaHw.png">
<br>Оникс</div>
<div class="item_descr">
Камень оникс представляет собой разновидность агата, чаще всего встречается в белых, серых и черных расцветках. Помогает своему владельцу выдержать жизненные испытания, делает его сильным, волевым, выносливым. В качестве амулета оникс носят для защиты от недоброжелателей, злобы, зависти, отрицательной энергетики. Периодически его необходимо промывать под проточной водой. Один из самых сильных оберегов от темной магии и сглаза. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 500</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/BgazkgG.png">
<br>Опал</div>
<div class="item_descr">
Опал представляет собой разновидность кварца, с примесями марганца, железа, никеля. Этот минерал встречается в самых разных оттенках, главные из которых черный, белый, бурый, бронзовый. Люди со слабой энергетикой при его ношении ощущают нервозность, беспокойство. Существует также мнение, что камень способен связать своего носителя с духами, демонами, «низкими» сущностями. Необходим для спиритических сеансов. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 500</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/iJhf3EI.png">
<br>Рубин</div>
<div class="item_descr">
Это дорогой драгоценный камень темно-красного, лилового, вишневого цвета. Рубин называют камнем любви, он привлекает в жизнь своего владельца пылкую страсть, взаимную влюбленность, искренние чувства. Необходим для приворотов. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 500</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/YzisTts.png">
<br>Сапфир</div>
<div class="item_descr">
Этот драгоценный камень высшего класса отличается высокой прочностью, насыщенным синим цветом, стеклянным блеском. Обладает большими целеными свойствами. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 500</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/YUkYHV4.png">
<br>Топаз</div>
<div class="item_descr">
Этот ювелирный драгоценный камень отличается выраженным блеском, высокой прозрачностью, разнообразием оттенков. Выше других ценятся его фиолетовые, лазурные и розовые разновидности. Зарекомендовал себя при лечении нервных расстройств, бессонницы, физического переутомления. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 500</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/5k9sdzG.png">
<br>Янтарь</div>
<div class="item_descr">
Янтарь – не обычный самоцвет, это окаменелая смола хвойных деревьев. Магия камня защищает его владельца от несчастных случаев, дурного глаза. Используется в ритуалах омоложения. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 500</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/5k9sdzG.png">
<br>Яшма</div>
<div class="item_descr">
Этот непрозрачный минерал, чаще используется как поделочный материал. Этот камень часто используют как домашний оберег, для защиты жилища от негативной энергии. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 400</div>
</div>
</section>
<section>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/XzZw1l2.png">
<br>Метла</div>
<div class="item_descr">
Реальная метла, волшебная. Ей можно вымести плохую ауру из дома, а еще можно намазать специальной мазью и летать по ночам. дешевое и сердитое средство передвижения, особенно хорошо для болотной местности, чтобы ножки не промочить. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 700</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/i3xVc3k.png">
<br>Котел ведьмы</div>
<div class="item_descr">
Если вы собираетесь варить зелья, вам для начала нужно приобрести этот чугунный котелок с рунами по краям, иначе ничего не получится. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 300</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/V8btf53.png">
<br>Остроконечная шляпа</div>
<div class="item_descr">
Если вы собираетесь использовать ритуалы, вам необходима эта шляпа, чтобы сконцентрировать вашу энергию и вложить ее правильно.</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 300</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/ce7NZSb.png">
<br>Пестик и ступка</div>
<div class="item_descr">
опять же обязательный атрибут для варки зелий, сделанный из древесины, иногда делают из полудрагоценных камне, типа яшмы или нефрита. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 200</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/X7h4NQp.png">
<br>Красные свечи</div>
<div class="item_descr">
Свечи из воска, подкрашенного природным красителем (цветы, глина, камни). Имеют острый запах, который щекочет нос (очевидно из-за красного перца в составе воска). Необходимы для ритуалов. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/sPMbEu1.png">
<br>Белые свечи</div>
<div class="item_descr">
Обычные свечи из белого пчелиного или соевого воска. Парафин для ритуалов не подойдет. Раньше такие свечи делали из жира, некоторые староверы продолжают эту жуткую традицию. Необходимы для ритуалов</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/JQvsTwS.png">
<br>Черные свечи</div>
<div class="item_descr">
В составе воска уголь, а так же пепел сожжённых заклинаний. Самые сильнее свечи, от того самые опасные. Необходимы для ритуалов.</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/OEjHE55.png">
<br>Хрустальный шар</div>
<div class="item_descr">
Шар, деланный из горного хрусталя. Одна из самых доступных вещей, способен запечатать в себе темную сущность на время. Необходим для спиритических сеансов.</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 300</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/JBDjy4j.png">
<br>Карты Таро</div>
<div class="item_descr">
Гадальные карты бабушки Генри Рута. Немного потрепанные, но если взять их в руки, сразу можно ощутить прилив некой силы. Необходимы для гаданий.</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 200</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/exMyAdB.png">
<br>Ритуальные ножи</div>
<div class="item_descr">
Набор ритуальных ножей. У некоторых из них ручка обмотана вощеной нитью. На каждом из ножей выгравированы иероглифы, руны или надписи на латыни. Пара ножей уже затупилась и потемнела от времени. Используются для ритуалов. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 400</div>
</div>
</section>
<section>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/dxp5waS.png">
<br>Амарант</div>
<div class="item_descr">
Магические силы: защита, исцеление.
Магическое использование: используют для восстановления здоровья. Заваривают в чай, делают ароматизаторы или окуривают помещение, где болен человек. Плетут венки, делают обереги. Могут использовать как приправу в еду. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/GRqn8Sx.png">
<br>Белладонна</div>
<div class="item_descr">
Магические силы: входит в состав зелий, яд
Магическое использование: в наше время белладонна мало используется в растительной магии из-за высокой токсичности этого растения. Все части красавки очень ядовиты, и до сих пор иногда приходится слышать об отравлении белладонной при случайном попадании ее в желудок. В прошлом ее применяли, чтобы заручиться помощью звезд и чтобы добиться галлюцинаций, но сегодня белладонну применяют только в исключительном случае. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/jQweO71.png">
<br>Бузина</div>
<div class="item_descr">
Магические силы: изгнание нечистой силы, защита, сон.
Если носить с собой ягоды бузины, злые силы оставят Вас в покое. Если в домашнем очаге жечь бузину, в дом скоро придет смерть.
Если посадить бузину во дворе дома, то этот дом будет процветать. Если разложить веточки бузины по дому (в каждом помещении по веточке), то это защитит дом от воров. Бузина, растущая возле дома, защищает от молний. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/qNnXWxh.png">
<br>Вербена</div>
<div class="item_descr">
Магические силы: любовь, молодость, вызывание духов.
Магическое использование: вербена — непременная часть любовных смесей и оберегов. Венок из вербены на голове мага защищает его при вызывании духов. Магические очистительные ванны, очистительные благовония и различные амулеты для защиты от злых сил. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/agTbD2Y.png">
<br>Гвоздика</div>
<div class="item_descr">
Магические свойства: деньги, удача.
Магическое использование: влияет на укрепление памяти и добавляется в мешочки с сухими травами.
Ожерелье из гвоздик (их следует нанизывать на красную нитку при помощи иголки) обладает защитными свойствами в отношении маленьких детей. Подвесьте его там, где они не смогли бы его достать.
В старые времена ведьмы носили гвоздику, чтобы избежать скоропостижной кончины на эшафоте.
Гвоздика используется в благовониях, придающих силу, и кладется на алтарь для получения дополнительной энергии.</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/YmxSCdY.png">
<br>Дуб</div>
<div class="item_descr">
Магические свойства: способность к деторождению, долголетие
Магическое использование: Сжигайте листья дуба для очищения воздуха.
Желудь повышает способность к деторождению, очень хорошо помогает от бесплодия, помогает зачать ребенка, если его носить с собой, а также способствует установлению интимных отношений.
Желудь также носят на себе или с собой для сохранения молодости и предотвращения заболеваний.
</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/QSKOfNC.png">
<br>Жасмин</div>
<div class="item_descr">
Магические свойства: любовь, благосостояние, ясновидение
Магическое использование: цветы жасмина используются в мешочках с сухими травами (саше) для привлечения любимого человека.
В ритуалах для повышения благосостояния сжигают цветы жасмина или носят с собой.
Стимулирует творчество, рождение оригинальных идей.
Развивает экстрасенсорные и умственные способности, если цветы жасмина жечь в спальне, это будет способствовать развитию ясновидческих способностей - возможны вещие сны. Вообще жасмин способствует очищению сознания и погружению в астрал, поэтому полезно вдыхать его аромат перед сном. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/VdfWyff.png">
<br>Лаванда</div>
<div class="item_descr">
Магические силы: очищение, вещий сон, долголетие, душевное равновесие.
Магическое использование: Склонные к пророчеству маги принимали лавандовые ванны, что бы увидеть вещий сон. Заваривается лаванда, принимается ванна с добавлением отвара непосредственно перед сном, засыпая нужно задавать один и тот же волнующий Вас вопрос. Ответ придет во сне.
Лавандовые ванны принимаются и с целью очищения от легкого сглаза и порчи.
Лавандой окуривали помещения с грызунами, молью, мышами и после вешали пучки этой свежей травы по углам или ставили лавандовое масло. </div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/B1xqi6B.png">
<br>Мак</div>
<div class="item_descr">
Магические свойства: благосостояние, защита от колдовства и мертвецов
Магическое использование: семена дикого мака использовали в деревенской магии как защитное средство от колдуний и мертвецов.
Амулет для богатства: носите с собой высушенную коробочку с семенами, что бы семена не растерялись заверните коробочку в желтую бумажку.
</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/KWce2i0.png">
<br>Мандрагора</div>
<div class="item_descr">
Магические свойства: защита от злых сил, потенция, предсказания
Магическое использование: сильное магическое растение используется разнообразно, но осторожно, так как мандрагора ядовита.
Амулет для защиты дома: корень мандрагоры держать дома. Положите кусочек корня в "защитный" мешочек с травами. Считается что корень мандрагоры находясь в доме наделяет его "духом" способным защитить и даровать покой, удачу, богатство и здоровье домочадцам.
Мандрагора обладает наркотической силой и употребление её ведет к галлюцинациям, крепкому сну, а передозировка к смерти.
</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/PnQ9n3L.png">
<br>Можжевельник</div>
<div class="item_descr">
Магические свойства: снятие сглаза, порчи
Можжевельник используется в ритуалах при снятии сглаза, порчи, приворота. Амулет для защиты дома: прикрепленная ветка или венок из можжевельника к входной двери защитит дом от злых сил и черных людей. Оберег от несчастных случаев: носите на себе небольшую ветку можжевельника для защиты от несчастных случаев. Раскуривайте дома благовония включающие можжевельник - этим вы обезопасите дом не только от воров, но и избавитель от неблагоприятных воздействий на него из вне.
</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/3ZqKf1h.png">
<br>Мята</div>
<div class="item_descr">
Магические свойства: исцеление, очищение, защита,
Магическое использование: Универсальное средство для поднятия положительных вибраций, очищения пространства и ауры.
Используется для вещих сновидений. Натрите места боли мятным соком, особенно хорошо помогает при головной боли натирание висков.
</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/YsXTKeh.png">
<br>Розмарин</div>
<div class="item_descr">
Магические свойства: очищение, интеллектуальный потенциал, защита от злых сил
Магическое использование: Добавляйте в мешочки с сухими травами для очистительного купания, а также в любовные благовония, смеси для изгнания нечистой силы и защитные благовония. Приготовьте настой розмарина и мойте в нем руки перед занятиями магией, если у вас нет времени регулярно принимать ритуальную ванну.
</div>
<div class="item_price"><img src="https://i.imgur.com/Eagrt22.png"> 100</div>
</div>
</section>
<section>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/4ZzPv0H.png">
<br>Спиритизм</div>
<div class="item_descr">
Способность общаться с духами. Ведьма может вызвать дух определенным ритуалом, поговорить с ним с помощью спиритической доски или хрустального шара. Но нужно быть осторожной, иначе дух может вселиться в саму ведьму, а изгнать духа в одиночку ведьма не может, для этого нужны три сильных обладательницы гена. </div>
<div class="item_price"><img src="https://i.imgur.com/ygblN5y.png"> 10</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/tDb3Cn7.png">
<br>Ясновиденье</div>
<div class="item_descr">
способность видеть будущие. Чаще всего напоминает "провалы", ведьма теряет сознание или почти теряет, видя скомканные образы, которые еще нужно расшифровать. После подобных провалов, всегда следует усталость, головокружение и необходимо восстановление сил. </div>
<div class="item_price"><img src="https://i.imgur.com/ygblN5y.png"> 15</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/oQWKk5n.png">
<br>Вещие сны</div>
<div class="item_descr">
Способность видеть вещие сны. Похоже на ясновиденье, только процесс происходит исключительно во время сна. Контролировать ее так же невозможно, видения хаотичны и приходят когда хотят. Так же запутаны и требуют расшифровку. Зачастую могут превращаться в кошмары и так же затрачивать силы ведьмы. </div>
<div class="item_price"><img src="https://i.imgur.com/ygblN5y.png"> 10</div>
</div>
<div class="item_cell">
<div class="item_name"><img src="https://i.imgur.com/4om3ACo.png">
<br>Иллюзия</div>
<div class="item_descr">
Способность изменять внешность. Можно применять для того, чтобы скрасить свой возраст, изменить цвет глаз, волос, комплекцию, например, чтобы скрыться. Но эффект гораздо краткосрочное, чем ритуал омоложения, если речь именно об возрастной иллюзии.</div>
<div class="item_price"><img src="https://i.imgur.com/ygblN5y.png"> 10</div>
</div>
</section>
</div>
</div></center>
<style>
.tab-menu {
position: relative;
height: 600px;
display: flex;
padding: 10px;
background: url(https://i.imgur.com/XGeeOsc.png) no-repeat;
flex-direction: row;
flex-wrap: wrap;
}
.tab-menu input[name=tab-control] {
display: none !important;
}
.tab-menu .content {
margin-left: 70px;
margin-top: -70px;
padding: 0 15px;
width: 730px;
height: 389px;
overflow-y: auto;
}
.tab-menu .content::-webkit-scrollbar { width: 1px; }
.content section {
display: none;
}
.item_cell {
width: 158px;
height: 200px;
display: inline-block;
padding: 5px;
margin: 5px;
color: #e3d5b9;
}
.item_name {
text-transform: uppercase;
font-size: 14px;
text-align: center;
padding: 5px;
}
.item_descr {
padding: 5px;
font-size: 10px;
text-align: justify;
overflow-y: auto;
height: 100px;
background: rgba(57, 53, 43, 0.734);
border: solid 1px #000;
box-shadow: 0 0 0px 1px rgb(61 53 53 / 40%), 0 0 0 1px #737d739c inset, 0 0 5px 0 #5b4d388f inset, 0 0 5px 0 #6051395c, -5px 0px 5px -5px #484741b5, 5px 0px 5px -5px #3e363573;
}
.item_descr::-webkit-scrollbar { width: 0; }
.item_price {
font-size: 14px;
text-align: center;
}
.tab-menu ul {
display: flex;
flex-direction: row;
width: 725px;
margin-left: 60px;
align-items: center;
margin-top: -35px;
border-radius: 1px;
transition: all .3s cubic-bezier(.64,.51,.55,1.66) 0s;
justify-content: center;
color: #1e0819;
text-shadow: 1px 1px 0 rgb(80 94 82 / 62%);
text-transform: uppercase;
flex-wrap: wrap;
}
.tab-menu ul span {
min-width: 130px;
border: 1px solid #99968d;
box-shadow: 0 0 0 1px #514c4791 inset, 0 0 30px 0 #3b3434ab inset, 0px 5px 10px 0 rgb(69 63 56 / 81%);
color: #e3d5b9;
padding: 3px;
margin: 2px;
line-height: 2.2;
font-size: 10px;
display: flex;
flex-wrap: nowrap;
align-content: flex-start;
justify-content: space-around;
align-items: center;
flex-direction: column;
}
.tab-menu ul span:hover {
background: #555f547a;
border: 1px solid #99968d;
box-shadow: 0 0 0 1px #514c47 inset, 0 0 30px 0 #3b3434 inset, 0px 5px 10px 0 rgb(69 63 56);
}
.tab-menu input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
display: block;
}
.tab-menu input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
display: block;
}
.tab-menu input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
display: block;
}
.tab-menu input[name=tab-control]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
display: block;
}
.tab-menu input[name=tab-control]:nth-of-type(5):checked ~ .content > section:nth-child(5) {
display: block;
}
</style>
