Солнечное затмение.

[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>Cандэй Блэк <br> Уровень доступа: D </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/223/686273.png"></center>
Megumi Fushiguro| Jujutsu Kaisen<br>
Пол: Мужской<br>
Дата рождения: 14.08.2101 г.<br>
Возраст: 23 года<br>
Рост и вес: 185 см / 87 кг<br>
<br>

Семейное положение: Холост<br>
Должность/Статус: саппорт-оперативник развед-группы по добыче ресурсов<br>
Ник в чате академии: Smile<br>
<br>
Отличительные признаки
<br>
Цвет глаз: Голубой<br>
Цвет волос: Черный<br>
Татуировки/Шрамы/Пирсинг/Пигментация: Небольшой шрам над правым глазом от осколка стекла, полученный во время ссоры. Проколоты оба уха, в которых носит маленькое черное кольцо. На груди, шеи, а так же по всей левой руке начиная с плеча и заканчивая запястьем, татуировка напоминающая полоски как у тигра. На правой лапотке голова собаки с красными глазами. Тату в области паха «あなただけのために», что означает «Только для тебя».<br>
</div>

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

<div class="body-left-3">
► Скат<br><br>
Применение: Активная, применяется на себя и на других, область применения зависит использует ее в качестве защиты или обороны. Если в качестве защиты область применения на расстоянии вытянутой руки. Если в качестве обороны радиус действия примерно метра три.
<br><br>
Описание способности: Способность поглощать и накапливать в своем теле электричество. Простым языком ворует электричество из розеток и других электрических приборов и хранит в своем теле, не представляя опасности для окружающих в быту. Данную способность может использовать как в качестве защиты, так и в качестве обороны.<br><br>
Защита: Он в прямом смысле слова становится оголенным электрическим проводом. Делая свою кожу проводником, он бьет током в любом месте, где его не коснуться. Мощность электрического удара варьируется от 3Вт до 220 Вт.<br>
Оборона: При определенной концентрации может формировать из поглощенного электричества небольшие шаровые молнии диаметром не более 10 см. В данном случает энергия тратиться под ноль. И за один раз может создавать не более 5 шаровых молний. Далее требуется подзарядка. При использовании способности в этом режиме, бить током в этом случае не представляется возможности.<br><br>
Ограничения: Для подзарядки требуется прикоснуться к любому электрическому устройству или напрямую к розетке. Полная зарядка происходит в течение суток. После использования способности обезвоживание и немного клонит в сон.<br><br>

</div>

► Стая <br><br>
Применение: Активная, применяется на себя или на других, область применения ограничений нет.
<br><br>
Описание способности: Может создавать шаблон на любое животное или даже монстра (но без особых способностей монстра, если таковые у него были, только параметры тела (силу, скорость, зрение, выносливость, слух)). Применяя способность, использует один из сохраненных шаблонов и создает стаю. В зависимости от размера шаблона варьируется количество голов в стае. То есть чем меньше размер шаблона, тем больше количество животных в стае. Стая полностью подконтрольна ему. Это его руки, глаза, слух и д.т. Чтобы лучше управлять стаей или для выживания, он может временно раствориться в ней, физически стать ее частью. Но в таком случае он чувствует все, что чувствует стая. Боль, ласку и т.д. Убийство стаи - не убивает его, Санни просто ощущает неприятную боль во всем теле.
<br><br>
Ограничения: Чтобы создать шаблон - ему нужно встретить, животное или монстра (труп тоже подойдет). Сохраненных шаблонов может быть не более трех. Если Санни хочет новый шаблон, он просто стирает один из сохраненных шаблонов и записывает новый. Использовать может только ОДИН! шаблон, а не три сразу. Максимальное расстояние, на которое может отходить стая от Сани, если он не ее часть 10 метров, если отходит больше чем на это расстояние, стая просто рассыпается. Существовать стая может до трех часов. После чего повторно стаю, может создать только через 12 часов. После использования способности чувствуется сильная усталость и чувство голода.

</div>

<div class="body-left-5">
Успеваемость: В учебе хорошо, но вот поведение оставляет желать лучшего.<br><br>
Наглый, язвительный временами грубый в общении с преподавательским составом молодой человек. Если задеть его за живое может проявить агрессию в ваш адрес. Любит нарушать правила. Частый гость дисциплинарного комитета. Иногда срывается и очень сильно проявляет свой бунтарский характер. За что был воспитан сотрудниками СБ в их духе. Знает не понаслышке, как действует сдерживающая печать. Больно, страшно и еще раз такое ощутить не хочется. Поэтому все же старается держать свой нрав в узде. Часто прогуливает занятия. При этом может тихо почитать книгу в своей комнате или устроить ночные тренировки в спортзале. Но с другой стороны, он умеет проявлять сострадание к окружающим. В новый коллектив вливается легко, благодаря неплохому чувству юмора и отлично подвешенному языку. Верит в дружбу и готов прийти на помощь другу. Не хочет влюбляться, так как видел, что делает любовь с людьми. Но понимает, что одного его желания вряд ли хватит.

</div>

<div class="body-left-6">
Он появился на свет в один прекрасный солнечный день двадцать два года назад. Молодая девушка по имени Лейла была самой счастливой на свете, ведь она родила сына от любимого мужчины. И пусть у них не было отношений и их роман продлился столько, сколько времени знаменитая Черная Пятница, пробыл на миссии в Цюрихе, но этого было достаточно, чтобы Лейла влюбилась по самые уши. Розовощекого малыша назвали Сандей. Как ласково называла его мама "мое солнышко". Мальчик рос и радовал маму, которая в глазах сына видела глаза Дэя. Каждую ночь она рассказывала маленькому Санни, про его отца. Какой он замечательный, герой который спасает этот мир. И что он очень сильно любит своего сынишку. Лейла пыталась найти способ связаться с Фрайдеем, но ее попытки не увенчались успехом, но девушка продолжала искать способ сообщить ему о сыне. Ведь она точно была уверена, что когда он узнает, то полюбит его всем сердцем, и они наконец-то станут семьей. Когда Санни подрос, то попросил маму помочь ему написать письмо папе. Первое письмо было корявым "ПаПА я ТеБьЯ ЛюБлю", а в конверт с этим письмом был приложен рисунок на котором были изображены мама, папа и Сани. Лейла прятала слезы от сына, когда он рассказывал ей кто изображен на рисунке. Она прятала слезы когда через пару дней, он подбежал к ней со словами "Мама, мам, а папа прислал письмо?". Что она могла ему ответить? Смотря в голубые глаза сына, она видела его и улыбаясь, трепала сына по волосам со словами "солнышко папа очень занят, но он обязательно напишет". Время шло, Санни взрослел. Но почти каждую неделю он писал письма отцу. И ждал. Ждал, однажды получить от него ответ. Сандей знал наизусть все интервью которые давал его отец герой. Вся его комната была увешана вырезками из газет. Он все больше и больше восхищался этим человеком.<br>
Из письма Санни (8 лет):<br>
"Папа, я сегодня видел очередное твое интервью. Ты такой крутой. Я когда вырасту тоже стану таким крутым как ты, вот увидишь. А еще Бонго уже такой большой и понимает команды...<br>
Пап, я так хочу с тобой встретиться. Когда ты приедешь? Мама говорит ты очень занят поэтому не можешь с нами быть....<br>
Ты хотя бы просто напиши пару строк. Мне будет достаточно... Люблю тебя Санни."<br>
И это письмо было отправлено Лейлой в небольшую картонную коробку, которую она так прятала от сына. А когда мальчик засыпал, рыдала в подушку кусая губы в кровь.<br>
Когда у Сандея проявилась способность, то испугавшись его мать, вместе с ним переехала на окраину города. Именно в этот момент женщина перестала искать способ связаться с Блэком. Боялась, что Охра заберёт ее Санни. Вторая способность у мальчика проявилась в 10 лет. Тогда под машину попал Бонго, пес которого когда-то принесла ему мама со словами " Солнышко, это подарок от папы". Блэк младший рыдал над трупом любимого пса, когда рядом почувствовал чье-то дыхание. Это был Бонго - живой. От удивления он закрыл глаза, а когда снова их открыл пса не было. Со временем он научился использовать и контролировать свои способности. Вот только писем от отца, он так и не получал. И в его душе стало зарождаться семя сомнения. А действительно ли отец такой, каким его описывает мама. А что если это всего лишь ее фантазия? Его сомнения с каждым днем становились сильнее, а количество отправляемых писем отцу уменьшалось. Он стал часто просыпаться ночью и слышал как Лейла плачет. День за днем что-то внутри него гасло, и с каждым погаснувшим огоньком из его комнаты исчезало одно или несколько напоминаний об отце. Когда Лейлы не стало (женщина стала жертвой нападения и была зарезана ножом), Сандея к себе решила забрать ее сестра. Мальчик попросил у тети лишь одно, взять что-то что будет напоминать ему о маме. В тот день Сандей Блэк нашел ту самую коробку, в которой его мать хранила его письма к отцу. А на самом дне коробки лежала фотография на которой были мама, папа и он. А на обратной стороне фото надпись студии, где можно сделать любое фото со своим кумиром. В ту самую секунду зерно в его груди дало росток. Росток ненависти к собственному отцу. Санни плакал, сжимая в руках эту коробку. Он должен стать сильным, он должен встретиться с отцом и все ему высказать. Тогда Санни не поехал с тетей, а попросил отвезти его в интернат для измененных. Так началась новая глава тринадцатилетнего Сандея Блэка.<br>
В интернате он быстро нашел себе друзей, так же, как и врагов. Дети весьма жестоки бывают. А Санни не любит когда его задирают, и всегда дает сдачи. Поэтому во времена нахождения в интернате он часто увязывался в драки. Один день, один случай и почти один труп. Как этот чертов Джек нашел фото, которое он так старательно прятал? Зачем он порвал его на мелкие кусочки? Именно эти слова говорил Блэк пока, избивал - этого мальчишку. Потом был карцер. А потом собрав все кусочки фотографии, Санни всю ночь склеивал их скотчем. Он ждал своего восемнадцатилетия как никогда. Ведь он поступит в Академию, а это еще один шаг на встречу к нему. Но наступила Красная неделя. Сандей чудом остался в живых, и даже спас много народу. Прям как его отец.<br>
И вот злодей повержен. И снова герой - Блэк Фрайдей. А всех измененных отправляют учиться в одну уцелевшую академию в Рио. Каково было его удивление, когда он узнал кто является ректором данного заведения. Он еще не готов к этой встречи. Поэтому принимает решение молчать кто он такой, пока не наступит нужный момент. Четыре курса Сандей Блэк, был шилом в заднице всей Академии. И в начале пятого курса при очередном разговоре с ректором скрипя зубами вскрикнул <br>
- Не воспитывай меня, ты мне не отец... Нервная усмешка - Хотя, постой как раз отец, сыном которого я не хочу быть!
<br><br>
У него было прекрасное детство в надежде до момента когда понял, что все это было красивой сказкой. И осталась только боль и ненависть.
<br><br>
После выпуска из Академии вступил в развед-группу по сбору ресурсов для нужд Академии.
<br><br>
Секретная информация: - Носит в нагрудном кармане старую фотографию, ту самую, что была склеена из мелких кусочков.
</div>
</div>
[/html]