Нас много. Нас ты и я

[html]
<style>
.tablet {
background-image: url(https://forumupload.ru/uploads/001b/ce/b4/4/104993.png);
width: 700px;
height: 920px;
margin-left: 20px;
}

/* Строка имени */
.stim {
width: 578px;
border: 1px;
border-color: #000;
background-color: #959D9F;
font-family: Oswald;
text-align: center;
position: absolute;
margin-top: 40px;
margin-left: 55px;
text-transform: uppercase;
}

.tabbed > input {
display: none;
}
.tabbed > label {
width: 100px;
margin-top: 110px;
margin-left: 43px;
margin-bottom: -90px;
display: block;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
font-family: Oswald;
text-size: 20px;
text-transform: uppercase;
}

.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end) {cursor: pointer;z-index: 1;}

/* Оформление */

/* Оформление неактивного переключателя */
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end) {
background: transparent;
color: #191970;
height: 30px;
}

/* Оформление активного переключателя и при наведении */
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end):hover,
.tabbed > input:checked + label {
background: #A02223 !important;
color: azure !important;
}

/* Оформление поля с контентом */
.tabs-body {
background: transparent;
color: #000;
}

/* Даем имена переключателям и полю с контентом */

/* Имя поля с контентом */
.tabs-body {grid-area: tabs-body;}

/* Имена переключателей слева */
#nav-left-1 {grid-area: nav-left-1;}
#nav-left-2 {grid-area: nav-left-2;}
#nav-left-3 {grid-area: nav-left-3;}
#nav-left-4 {grid-area: nav-left-4;}
#nav-left-5 {grid-area: nav-left-5;}
#nav-left-6 {grid-area: nav-left-6;}
#nav-left-7 {grid-area: nav-left-7;}
#nav-left-8 {grid-area: nav-left-8;}
#nav-left-9 {grid-area: nav-left-9;}
#nav-left-10 {grid-area: nav-left-10;}

.tabs-body {
width: 470px;
position: relative;
}

.tabs-body > div {
position: absolute;
top: 0;
left: 0;
line-height: 1.4em;
opacity: 0;
width: 470px;
height: 726px;
padding: 10px;
z-index: 0;
margin-top: 110px;
margin-right: 55px;
text-align: justify;
overflow: auto;
}

/* Переключатели */

/* Слева */
#nav-left-1:checked ~ .tabs-body > .body-left-1,
#nav-left-2:checked ~ .tabs-body > .body-left-2,
#nav-left-3:checked ~ .tabs-body > .body-left-3,
#nav-left-4:checked ~ .tabs-body > .body-left-4,
#nav-left-5:checked ~ .tabs-body > .body-left-5,
#nav-left-6:checked ~ .tabs-body > .body-left-6,
#nav-left-7:checked ~ .tabs-body > .body-left-7,
#nav-left-8:checked ~ .tabs-body > .body-left-8,
#nav-left-9:checked ~ .tabs-body > .body-left-9,
#nav-left-10:checked ~ .tabs-body > .body-left-10,

/* Справа */
#nav-right-1:checked ~ .tabs-body > .body-right-1,
#nav-right-2:checked ~ .tabs-body > .body-right-2,
#nav-right-3:checked ~ .tabs-body > .body-right-3,
#nav-right-4:checked ~ .tabs-body > .body-right-4,
#nav-right-5:checked ~ .tabs-body > .body-right-5,
#nav-right-6:checked ~ .tabs-body > .body-right-6,
#nav-right-7:checked ~ .tabs-body > .body-right-7,
#nav-right-8:checked ~ .tabs-body > .body-right-8,
#nav-right-9:checked ~ .tabs-body > .body-right-9,
#nav-right-10:checked ~ .tabs-body > .body-right-10 {
transform: translateY(0px);
transform: translateX(0%);
opacity: 1;
z-index: 1;
}

input[id^=nav] ~ .tabs-body > div[class^=body] {
}
</style>

<style>
.tabbed {
display: grid;
grid-template: /* навигация слева и поле */
"nav-left-1 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-2 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-3 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-4 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-5 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-6 tabs-body tabs-body tabs-body tabs-body" 1fr
/* Коллонки */
/ 1fr 1fr 1fr 1fr 1fr;
width: 100%;
}
</style>

<div class="tablet">
<div class="stim"><td>Салем Киллиан Эйерс <br> Уровень доступа: F </div>

<div class="tabbed">


<input type="radio" name="tabs-body" id="nav-left-1" checked>
<label for="nav-left-1">Личные данные</label>

<input type="radio" name="tabs-body" id="nav-left-2">
<label for="nav-left-2">Внешность</label>

<input type="radio" name="tabs-body" id="nav-left-3">
<label for="nav-left-3">Способность 1</label>

<input type="radio" name="tabs-body" id="nav-left-4">
<label for="nav-left-4">Способность 2</label>

<input type="radio" name="tabs-body" id="nav-left-5">
<label for="nav-left-5">Характер</label>

<input type="radio" name="tabs-body" id="nav-left-6">
<label for="nav-left-6">Биография</label>
<div class="tabs-body">

<div class="body-left-1">
<center><img src="https://forumupload.ru/uploads/001b/fb/3e/221/762197.jpg"></center>
Original / Midjourney<br>
Пол: мужской.<br>
Дата рождения: 11.06.2104<br>
Возраст: 20<br>
Рост и вес: 181 | 71<br>
<br>

Семейное положение: холост.<br>
Должность/Статус: студент III курса факультета кризис-менеджмента .<br>
Ник в чате академии: simulacre<br>
<br>
Отличительные признаки
<br>
Цвет глаз: зеленый.<br>
Цвет волос: шатен.<br>
Татуировки/Шрамы/Пирсинг/Пигментация: отсутствуют.<br>
</div>

<div class="body-left-2"><br>
Чуть выше среднего роста. Стройный. Подтянутый.<br>
Средней длинны тёмные волосы. Слегка растрепаны.<br>
Зеленые глаза.<br>
Мягкие черты лица.<br>
Салем предпочитает одежду светлых цветов. Киллан - тёмных. Не любят ту, что сковывают движения,вызывает стеснение или мешает “ощущать мир”, поэтому в гардеробе невозможно найти что-то сильно облегающее, ремни и перчатки. В остальном у него базовый мужской гардероб, состоящий из джинсов, брюк, футболок, рубашек, кроссовок и ботинок.
</div>

<div class="body-left-3">
► Доппельгангер<br><br>
Применение: активная, на себя.<br><br>
Описание способности: носитель создает временную копию своего тела, в которое вселяется сознание самого носителя или его альтер-эго.<br>
Основное тело становится способно применять вторую способность с меньшими последствиями для себя, а сам контроль над светом или тьмой становится проще ввиду отсутствия внутреннего конфликта.<br><br>
Ограничения: для активации нужна воля носителя (той личности, что в данный момент контролирует основное тело). Допельгангер существует не более 16 часов, после чего повторное создание доппельгангера становится недоступным до 2 суток.<br>
Допельгангер теряет доступ ко своей второй способности, практически оставаясь обычным человеком.<br>
Само применение способности негативных последствий не имеет.<br>
Последствия слияния сознаний по исходу цикла: головная боль, помутнение рассудка, бред, повышение температуры тела, рвота, усталость. При наложении воспоминаний, постоянными остаются только те, которые имели место быть с личностью в “настоящем теле”. Воспоминания же допельгангера доступны “с пересказа” последнего.<br>
Смерть допельгангера не приводит к смерти личности, вместо этого происходит её мгновенный возврат в “настоящее тело”.<br><br>

</div>

► Фотокинез / Умбракинез <br><br>
Фотокинез (Салем)<br>
Применение: активная, применение к свету, область применения в области видимости.
<br><br>
Описание способности: фотокинез представляет собой способность контролировать свет и производить над ним манипуляции (направление, рассеивание, аккумуляция).
<br><br>
Ограничения: для активации способности нужно две составляющие: воля и наличие источника света. При отсутствии последнего, носитель лишается доступа к силам. В зависимости от манипуляций длительность применения может составлять как десяток секунд, так и несколько часов (чем с большим освещением работает носитель, тем меньше времени он способен на него воздействовать). <br>
Среди последствий применения значатся: покраснения кожи (вплоть до ожогов), гипервозбудимость, расстройство сна, ухудшение зрения, возможно проявление никтофобии.
<br><br>
Умбракинез (Киллиан)<br>
Применение: активная, применение ко тьме и теням, область применения в области видимости.
<br><br>
Описание способности: умбракинез представляет собой способность контролировать тьму и манипулировать ею. Пользователь способен не только погружать пространство в темноту, или наоборот избавляться от неё, но и создавать иллюзии из теней.
<br><br>
Ограничения: для активации способности нужна только воля. Теоретически имеется необходимость в источнике тьмы, фактически же она всегда присутствует рядом. В зависимости от манипуляций длительность применения может составлять как десяток секунд, так и несколько часов (чем с большим “материалом” работает носитель, тем меньше времени он способен на него воздействовать). <br>
Среди последствий применения значатся: расстройство сна, тревожность, брадикардия, светобоязнь (обильное слезотечение и резь в глазах), озноб, слабость, тошнота.
<br><br>

</div>

<div class="body-left-5">
Успеваемость: средняя.<br><br>
Общая оценка затрудняется сложностью дифференциации обеих личностей. Из общих черт можно выделить следующее:<br>
- обладает прекрасной способностью к адаптации и усвоению нового материала вне зависимости от области научных знаний. Прекрасно умеет приходить от общего к частному и от частного к общему. Отлично удаётся находить и выстраивать неочевидные взаимосвязи между сущностями.<br>
- в тоже время склонен к неусидчивости, прокрастинации и стремлению удовлетворить личные потребности, от чего страдает в первую очередь внимательность.<br>
Характер (Салем): спокойствие, сдержанность и скрытность - это те качества, которые развивались в Салеме годами, благодаря соседству со своим вторым “я”. Желание не подпускать к себе других людей, дабы не позволить тем разведать свой “тихий омут”, весьма болезненно сочетается в нем с дружелюбием и стремлением к социальной жизни.<br>
Свои переживания привык оставлять при себе и потому редко делится секретами с окружающими.<br>
Со стрессом справляется посредством иронии, сарказма, поеданием сладкого и чтением книг.<br>
Страхи: никтофобия (страх темноты) и инсектофобия (страх насекомых).<br>
Хобби: книги, дневник, нумизматика.<br>
Характер (Киллиан): не имеет внутренних барьеров при общении с окружающими, раскрепощен, идёт на поводу своих желаний. Эгоистичен. Если Салему свойственна жертвенность, то Киллиан типичный хищник, что сказывается и в общении и в драке. Легко выстраивает социальные связи. Порой агрессивен. Высокомерен. Плохо работает в команде.<br>
Страхи: батофобия (страх глубины), герпетофобия (страх рептилий).<br>
Хобби: энтомологическое коллекционирование (насекомых).

</div>

<div class="body-left-6">
Оттава. Лоуэртаун.<br>
Отец Салема, Итан Эйерс,сотрудник Охры, проводящий куда больше времени на своей работе, нежели дома с семьей. Полной противоположностью ему является мать Салема, Амелия Эйерс. Работая психологом, она почти не покидала дом, уделяя сыну все свое внимание.<br>
Психолог.<br>
Какая ирония.<br>
В пять лет у Салема проявилась первая его способность. В одно несчастное утро, Амелия обнаружила, что у нее не один, а целых два сына, похожих друг на друга, как две капли воды. Один из них вскоре исчез, но не исчезли проблемы, которые тот принес с собой.<br>
По настоянию матери мальчик почти всё время играл дома, лишь изредка выходя на улицу. Но Салем не скучал, теперь он нашёл себе нового друга взамен тех, что остались где-то там. Этим другом был он сам. <br>
Прошло около полугода и мать, утаившая тайну о сыне даже от мужа, стала замечать, что Салем время от времени начинает вести странно, словно это и не он вовсе, а кто-то другой, живущий в его теле. Другой характер, другая речь и даже взгляд другой. Она попыталась запретить Салему создавать свои копии, искренне считая, что именно они являются причиной подобных изменений. И в общем-то была права. <br>
Создание двойников не прошло бесследно и со временем у Салема развилось диссоциативное расстройство идентичности. Теперь в теле маленького ребёнка уживалось два человека с одной историей, но разными личностями. Однако запрет уже не мог помочь в возникшей проблеме, напротив, он лишь усугубил её. Порождённый конфликт с матерью и с самим собой привёл к обострению расстройства и усилению альтер-эго. Эта вторая личность теперь называла себя не Салемом, а Киллианом, по второму имени, данному в честь дедушки.<br>
И если Салем тянулся к матери, то Киллиан испытывал к ней только чувство злости и разочарование за то, что она не принимает его. Маленькая ссора, детский каприз и вот за очередным ужином тайна всплывает наружу. Итан, узнавший о способности сына, без малейших сомнений отдал его в интернат, где мальчику будет суждено провести долгие годы. Все это привело к тому, что Киллиан гневался на мать с отцом, а вот Салем тосковал по матери, продолжая писать ей письма.<br>
В интернате внутренний конфликт не угас. Теперь Салем и Киллиан боролись друг с другом за право “быть” и в этой борьбе никогда нельзя было угадать, кто выйдет победителем.<br>
В двенадцать лет проявилась вторая способность, которая подчеркивала возникшую разницу между Салемом и Киллианом. В то время как первый научился управлять светом, второй напротив, обрел возможность контролировать тьму. <br>
Разные хобби, разные страхи, разные характеры и даже друзья. Внутренние конфликты и противоречия, которые как будто было невозможно разрешить. И все же к семнадцати годам страсти поутихли. Салем и Киллиан приняли друг друга и наконец осознали, что существование без второго “я” невозможно, а постоянная борьба с самим собой изрядно выматывает. И несмотря на то, что даже в настоящее время они находят поводы для ссор, им уже куда проще находить компромиссы и идти на уступки.
<br><br>
Погиб во время беспорядков, вернулся клоном 07.07.2124.
<br><br>
Секретная информация: отсутствует.
</div>
</div>
[/html]