Frozen

[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> Уровень доступа: 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/0012/41/e1/2/368345.png"></center>
Kamisato Ayaka/Genshin Impact<br>
Пол: ж<br>
Дата рождения: 15.08.2098<br>
Возраст: 26 лет<br>
Рост и вес: 165см / 60кг
<br><br>

Семейное положение: не замужем<br>
Должность/Статус: куратор 3-5 курсов<br>
Ник в чате академии: yuk1__ONNA<br>
<br>
Отличительные признаки
<br>
Цвет глаз: серо-голубой<br>
Цвет волос: белоснежные с голубым отливом<br>
Татуировки/Шрамы/Пирсинг/Пигментация: есть родинка (родинка красоты) под левым глазом.<br>
</div>

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

<div class="body-left-3">
► Юки-Онна<br><br>
Применение: Активно-пассивная способность криокинеза. Большую часть времени она отлично контролируется, во сне неактивна или минимальна (например, можно почувствовать при прикосновении к ней, что ее кожа холодная). <br>
В спокойном эмоциональном состоянии иногда можно заметить холодный воздух, исходящий от нее. В состоянии полностью сдерживать температуру так, чтобы другие люди не могли её почувствовать при приближении или прикосновении; <br>
При всплеске эмоций может умышленно перестать сдерживаться, что приведет к понижению температуры вокруг Дэнис, охлаждая периметр вокруг и замедляя движение в ее сторону; <br>
Активная способность в полном боевом режиме способна остановить движущийся на нее автомобиль на средней скорости, уничтожить любого агрессивного монстра, раскрошив замороженные конечности. <br><br>
Описание способности: Дэнис имеет невосприимчивость к отрицательным температурам; <br>
Умение позволяет девушке достичь температуры вокруг её тела в -273градуса по Цельсию - Абсолютного нуля - останавливая любую атомную активность вокруг себя. Для активации требуется огромное количество энергии; <br>
Она способна выпустить холодный пар, понижая температуру вокруг себя до -50градусов за очень короткий промежуток времени. Чем дальше область холодного воздуха от активатора, тем выше температура; <br>
Из-за этого изменяет локальную экосистему, всё что входит в радиус способности и чему для жизни нужны вода, воздух и солнце, могут погибнуть или пострадать. <br><br>

Ограничения: Нужна постоянная концентрация для того, чтобы повседневная жизнь не отличалась от нормы; <br>
Абсолютный нуль активируется только в боевом режиме и требует огромных энергозатрат. В полную силу работает на расстоянии до 30см от ее тела и активен максимум до 5 минут, дальше температура повышается. Общий радиус поражения при абсолютном нуле - 30 метров, дальше навык перестает отрицательно воздействовать на окружение.<br>
Холодный пар температурой ниже -60 градусов возможно поддерживать до 2-3 часов, с последующим обязательным пополнением энергии;
Сила способности так же зависит от погодных условий: при высокой температуре снаружи долго поддерживать навык очень сложно;
Аура умения не статична, перемещается вместе с активатором; <br>
Место, где была заморожена локация, но больше не происходит поддерживание низкой температуры со временем возвращается к нормальным показателям в зависимости от климатических особенностей местности.
<br><br>

</div>

► Гипотермия <br><br>
Применение: Активная способность. Работает точечно на конкретную цель, которую выбирает Дэнис, этой целью могут быть люди/животные/растения/монстры. Для активации нужно прикосновение любой частью тела до объекта.
<br><br>
Описание способности: Умение может воздействовать на конкретного человека/животного/монстра, опуская персональную температуру его тела, игнорируя всё остальное окружение. <br>
Для людей: опустив её на 2 градуса, человек уже не может ходить, входя в состояние гипотермии. Опустив её на 4 градуса, человек умирает. <br>
Для монстров: в зависимости от вида и его сопротивления подбирается подходящая температура на месте.
<br><br>
Но если Дэнис не сбросит концентрацию над умением и продолжит понижать температуру, может ввести живое существо в состояние анабиоза, оставляя его в таком состоянии до установленного мысленно времени или отмены вручную. Может вывести из анабиоза без вреда для здоровья.

<br><br>
Ограничения: при выборе конкретного существа - одновременно можно заморозить от 3 до 5 целей;<br>
если навык активировался, но цель не заморозилась по какой-то причине, то происходит отзеркаливание, только Дэнис из-за сопротивления не замораживается, а ей нужно прийти в себя эмоционально и вернуть концентрацию над силами;<br>
за сутки можно использовать умение 3 раза;<br>
держать в анабиозе одновременно возможно максимум 2 цели.
<br><br>

</div>

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

<div class="body-left-6">
Родилась в обычной семье двух неизмененных. Была вторым ребенком, старшего брата не знала в силу того, что его забрали несколькими годами ранее в интернат после пробуждения способности. Чета Хэмми были отличными родителями, смогли дать столько любви и заботы, сколько могли до того момента, пока у девочки не пробудился навык в восемь лет. Веря, что делают для нее только лучшее, позволили забрать дочь в интернат. Для нее это стало верным решением. Будучи ребенком энергичным и подвижным, ее эмоциональное состояние всегда было непостоянным, то грустное, то веселое и из-за чего способность криокинеза не поддавалась контролю. Впервые очень сильно расстроившись, она выпустила столько холодного пара, что остудила и заморозила всю комнату в доме, а отец, что был тогда вместе с ней получили обморожение. После того случая ее и забрали в интернат.<br>
Чтобы научиться контролировать свою температуру, воспитатели предложили медитации, это помогало поначалу пока хватало детского терпения. Позже к этому добавилась игра на музыкальных инструментах. Музицирование приносила больше успокоения, чем даже медитации. С возрастом сила способности увеличивалась, но и уровень контроля рос. Теперь уже к тринадцати годам она могла играть с другими детьми, не боясь, что доведет их до обморожения. <br>
Когда с детства стараешься учиться контролировать свою жизнь, то организованность и дисциплина идут рука об руку. Отличница в учебе, помощница во многих делах и покладистый детский характер делали ее любимицей в интернате, откуда ей пророчили отличное будущее в Академии. Контроль над телом перерос в контроль и над разумом, еще будучи подростком, она училась думать прежде, чем что-то говорить. От правильных слов и верной реакции людей выражались и контрастировали ее эмоции, а соответственно и ее контроль над криокинезом, который мог принести вред окружающим.
К пятнадцати годам пробудилась вторая способность. Но уже умеючи контролируя свой криокинез, она смогла справиться с опасными проявлениями ее Гипотермии. Когда в интернате узнали о ее умении заморозить и убить человека просто по прикосновению, многие так называемые друзья отсеялись. А остальные общаться стали с неохотой, опасаюсь навыка девушки. Но тогда же Дэнис полюбила фехтование с холодным оружием, поэтому не расстраивалась по поводу ее окружения, которое сократилось втрое. Она упорно и последовательно осваивала азы, повторяла-повторяла-повторяла, доводя до идеала. Медитативные удары-выпады позволяли телу запоминать всё на уровне рефлексов, в то время гарантированно давать голове оставаться с холодным разумом, позволяя оценивать ситуации и своих противников. <br>
Когда интернат остался позади, а стены Академии приняли ее, началась новая страница в ее биографии. Большинство преподавателей из интерната предполагали, что она поступит на факультет тактической подготовки или на кризис менеджмент, но девушка с твердой уверенностью пошла в поддержку, потому что только там видела себя. <br>
Поддерживала отличную успеваемость, не забрасывая свои музыкальные таланты и вступив в спортивный клуб. В первый год своего обучения она смогла встретить своего старшего брата, только не надолго, пока тот не выпустился и не пропал с ее радаров из Академии. <br>
Весь свой потенциал она раскрыла на миссиях. Выход в Амазонскую сельву был глотком свежего воздуха, где можно было не сдерживаться, а проверять весь свой потенциал на том, кого нужно не бояться, а убивать. Многие переживали, что же такая миниатюрная девушка сможет сделать за пределами Академии, но подготовка в совокупи со способностями сделали из нее отличного бойца. Многие после этого изменили мнение о том, что хрупкие девушки могут быть первыми по боевой подготовке. <br>
Благодаря дисциплине и отличным показателям смогла попасть в дисциплинарный комитет на втором году обучения. <br>
Ближе к выпуску открыв потенциал своей второй способности, которая позволила ей вводить своих противников в анабиоз и позже без вреда для здоровья выводить из него, позволило ей приносить в Академию монстров из бестиария, которые ценятся разными частями своей туши. Все что было быстрее нее самой или имело иммунитет к ледяным способностям, убивалось из оружия (к огнестрельному оружию она смогла приспособиться к середине обучения) или выслеживалось и бралось на ловушки, вариантов на каждую тварь было большое количество.
<br><br>
После выпуска из Академии решила остаться здесь же, заняв должность куратора для студентов на миссиях. С возрастом ей стало важно, чтобы такие же измененные, как она в их возрасте, могли раскрыть потенциал вне стен заведения или перестали бояться того, что снаружи и могли дать отпор, не волнуясь за свою жизнь. Первый год кураторства был самым сложным: опять из-за внешних данных никто не воспринимал ее всерьёз, как достойного и сильного бойца. Но со временем, благодаря своему упорству и навыкам доказала всем обратное и завоевала уважение делами и достижениями. Сельва каждый раз приносила много нового и даже неизведанного, поэтому за несколько лет стала открывателем нескольких новых существ. Личная комната стала местом для коллекции музыкальных инструментов и некоторого холодного оружия. <br>
На момент событий 1 апреля находится на миссии вместе с несколькими учениками по зачистке от хищников, связь была потеряна, когда они еще выполняли задание, чтобы вернуться без связи понадобиться время.
<br><br>
Секретная информация: никому не рассказывает, что еще в подростковом возрасте из-за всплеска злости заморозила насмерть обычного парнишку, раскрошив того в лед, которого объявили пропавшим, но так ничего и не нашли;<br>
Имеет небольшой тайник в комнате, где коллекционирует трофеи с поверженных врагов;<br>
Не умеет плавать;<br>
На одной из миссий за пределами Рио по уничтожению стаи мутировавших собак, после применения криокинеза по области локация так и не вернулась в обычное состояния, оставаясь покрытая льдом. Почему это произошло - не знает.