[html]<div class=plc-01><img></img>
<div class=plc-txt>#02 способности</div>
<div class=plc-02><a title="сюжет" href=" href="https://placcebo.rusff.me/viewtopic.php?id=3">01</a>
<a  title="способности" href="https://placcebo.rusff.me/viewtopic.php?id=9">02</a>
<a title="фак" href="https://placcebo.rusff.me/viewtopic.php?id=28">03</a>
<a title="внешности" href="https://placcebo.rusff.me/viewtopic.php?id=29#p6270">04</a>
<a title="нужные" href="https://placcebo.rusff.me/viewtopic.php?id=10">05</a>
<a title="хочу к вам" href="https://placcebo.rusff.me/viewtopic.php?id=11">06</a>
<a title="анкета" href="https://placcebo.rusff.me/viewtopic.php?id=17">07</a></div>

<div class=plc-txt2>известные, на данный момент, способности<br>
делятся на несколько видов<br> </div>

</div>
[/html]

[html]<div id="container">
<div class="ptabs">
<input id="tab1" type="radio" name="ptabs" checked>
<label class="knop1" for="tab1">dry</label>
<input id="tab2" type="radio" name="ptabs">
<label for="tab2">lens_blur</label>
<input id="tab3" type="radio" name="ptabs">
<label for="tab3">grass</label>
<input id="tab4" type="radio" name="ptabs">
<label for="tab4">warning</label>

<section id="content1">
<p>телесные</p>
Способности влияющие на физическое состояние человека, в основном к подобным мутациям относится ликонтропия. <i>Ликантропия (от греч.  — волк и греч.  — человек) — мифическая или волшебная болезнь, вызывающая метаморфозы в теле, в ходе которых больной превращается в монстра.</i><br>
К телесным способностям так же относятся любые, касающиеся физического состояния человека: видение в темное, замедленное старение,  бессмертие, невидимость и т.п.<br><br>

• Мутация может быть как полной (когда при трансформации подопытный полностью теряет свой человеческий облик), так и частичной (когда меняется какая-то определенная часть тела, а все остальное остается человеческого вида).<br>
• Ликантропия трудно подчиняется контролю. Напрямую связана с эмоциональным состоянием жертвы данной мутации. Чаще зафиксированы обращения в порыве ярости, чуть реже, во время других эмоциональных всплесков.<br>
• Подопытные с телесными мутациями, как правило, отличаются отменным здоровьем.<br><br>

Уровень опасности: от 4 до 10 из 10 по мерках сотрудников организации "цефей", однако каждый случай рассматривается индивидуален.
</section> 

<section id="content2">
<p>ментальные</p>
Способности, проявляющие себя через ментальное влияние на сознание/разум, психическое состояние людей и/или существ. Позволяющие контролировать предметы силой мысли. <i>К ментальным способностям относятся: телепатия (передачи мыслей/изображения на расстоянии), чтение мыслей, контроль разума - гипноз, иллюзии, ментальный барьер, манипуляции воспоминаниями, ментальная проекция, переселение сознания/душ, эмоциональные манипуляции,  и т.д. </i><br><br>
• Подопытные с ментальными способностями имеют иммунитет к ним же.<br><br>

Уровень опасности составляет от 1 до 7 баллов из 10, хотя, это, по мнению сотрудников "цефея" слишком низкая оценка требующая пересмотра.
</section> 

<section id="content3">
<p>физическая взаимосвязь с природными явлениями</p>
Данные способности определяются ментальным контролем молекул определенной, одной из известных, природных стихий. Такие подопытные выявляют себя крайне редко. Подобное связывают с очевидным феноменальным талантом наблюдаемых, которые они предпочитают тщательно скрывать от окружающих. Среди обнаруженных способностей были определены: ментальный контроль, перемещение, изменение и смешивание существующих элементов, создание небольших и средних сгустков стихийного происхождения, заживление слабых и средних физических увечий при взаимодействии с определенной стихией.<br><br>
Привязанный к одной стихии подопытный не способен взаимодействовать с другими, известными, стихийными явлениями. Талант манипулирования проявляется в раннем возраста крайне слабо лишь с возрастом набирая силу. Подопытным юного возраста тяжелее дается обучение и управление полученными навыками. По статистике лаборатории, подопытные, достигшие зрелого возраста управление стихиями дается легче. Тем не менее, в возрасте от 40 лет отмечается спад силы и интенсивности данной мутации.<br><br>
Иногда манипулирование стихией путают с телекинезом из-за их сходств, однако это совсем не одно и то же. Манипулирование стихиями — это основная способность и является "предшественником"  для многих других стихийных способностей. Включает в себя  манипулирование водой, манипулирование огнем, манипулирование землей, манипулирование воздухом и многие другие, в то время как телекинез — это способность управлять энергией и материей, используя чистую психическую энергию.<br><br>
Часто подопытных, которые обладают способностью физической взаимосвязи с природными явлениями нанимают на службу в "Цефей", так как эти способности крайне полезна для силовиков, еще чаще, те, кто обнаруживает в себе эти силы, уходит в "Альтерос", оказываюсь по ту сторону баррикад.
<br><br>
•  Природные явления, взаимодействия с которыми были установлены: <br>
- Земля<br>
- Вода<br>
- Газ<br>
- Огонь<br>
- Воздух<br>
- Электричество<br><br>

• Не обладают никакими особенными иммунитетами.<br><br>

Уровень опасности от 3 до 10 баллов из 10.
</section> 

<section id="content4">
<p>дополнительно</p>

• Подопытные обладающие способностями которые не относятся ни к одному из вышеперечисленных подвидов разыскиваются и преследуются сотрудниками "Цефея".<br><br>

• У подопытных, обладающих способностями больше пяти по шкале опасности, имеются побочные эффекты. Из наблюдаемых: подопытный с высоким потенциалом способности управления чужим сознанием страдает психическим расстройством.<br><br>

• Подопытные могут управлять только одной стихией. Умение управлять стихией развивается с возрастом и достигает своего пика к 30 летнему взрасту. Начиная от 40 лет наблюдается спад связи со стихией.
</section> 

</div></div>


<style>

*{box-sizing:border-box}
.ptabs {
  height: 250px;
  width: 700px;
  margin: auto;
  position: relative;
}
section {
    display: none;
    height: 250px;
    width: 636px;
    padding: 15px;
    background: #3f4647;
    position: absolute;
    top: 0;
    left: 62px;
    overflow: auto;
    color: #d5d6d4;
    font: 100 12px roboto;
}

.knop1 { margin: 0; }

p { 
    font: 600 15px var(--tx1);
    text-transform: uppercase;
}

input {   display: none; }

label {
    display: block;
    padding: 22px 22px 0;
    color: #3f4647;
    background: #6b7475;
    cursor: pointer;
    font-family: Material Icons;
    font-size: 20px;
    height: 63px;
    width: 62px;
}
input:checked + label {
    color: #d5d6d4;
    background: #3f4647;
}

#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 {  display: block; }

section {
  animation: scale 0.7s ease-in-out;
}
@keyframes scale {
  0% {
  transform: scale(0.9);
  opacity: 0;
  }
  50% {
  transform: scale(1.005);
  opacity: 0.5;
  }
  100% {
  transform: scale(1);
  opacity: 1;
  }
}

</style>[/html]