Fly, eagle, fly

[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: auto;
position: relative;
}

.tabs-body > div {
position: absolute;
top: 0;
left: 0;
line-height: 1.4em;
opacity: 0;
width: auto;
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
/* Коллонки */
/ 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">Способность</label>

<input type="radio" name="tabs-body" id="nav-left-4">
<label for="nav-left-4">Характеристика</label>
<input type="radio" name="tabs-body" id="nav-left-5">
<label for="nav-left-5">Биография</label>
<div class="tabs-body">

<div class="body-left-1">
<center><img src="https://forumupload.ru/uploads/001b/fb/3e/305/247864.jpg"></center>
Lewis Hamilton (art) / pilot formula 1 <br>
Пол: мужской<br>
Дата рождения: 7 января <br>
Возраст: 35 лет (2089)<br>
Рост и вес: 174 см 74 кг<br>

<br>
Семейное положение: холост<br>
Должность/Статус: Пилот / Водитель<br>
Ник в чате академии: Red44Baron<br>
<br>
Отличительные признаки
<br>
Цвет глаз: карий<br>
Цвет волос: черный<br>
Татуировки/Шрамы/Пирсинг/Пигментация: тело покрыто обильным количеством <a href="https://forumupload.ru/uploads/001b/fb/3e/305/340980.jpg">татуировок</a>, присутствует пирсинг в ушах и носу.

</div>

<div class="body-left-2">
Атлетично сложенный мужчина среднего роста и телосложения. Постоянно меняет свои прически, изредка подкрашивая пряди. Торо имеет овальное лицо с высокими скулами. Чаще всего на лице у него играет улыбка, делая более дружелюбным лицо. Обожает цацки и красивую, пеструю одежду в нерабочее время.

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

</div>

<div class="body-left-4">
В обычное время Торо очень приветливый и добродушный парень. Он не откажет в беседе любому, кто этого захочет. Выслушает, приободрит, может даже проведет с этим человеком время, если у того не будет каких-либо важных дел, ну или сам Россо по какой-то причине не сможет. Торо всегда улыбается, его редко можно увидеть в плохом настроении. Общение у него живое, с обильным количеством жестов. Если и шутит над человеком, то старается делать это беззлобно. Любой конфликт старается перевести в шутку, пусть и самую глупую. Не агрессивен и по большей части игнорирует оскорбления и угрозы в свой адрес. С виду очень расслабленный и спокойный.
<br>
<br>
Но стоит Торо сесть за штурвал любимого вертолета, как он тут же меняется. В нем просыпается идеалист, у которого всё должно быть сделано миллиметр в миллиметр. Отчасти именно эта черта и позволила ему стать боевым пилотом. Речь мужчины становится рубленой и резкой. Высказывания – жестче. Взгляд, что до этого минуту назад излучал тепло и приветливость меняется. Холодный, пронзительный, он анализирует и изучает окружение. Ищет возможности, варианты развития. Боевые товарищи в шутку называли его роботом за такие изменения. Словно он становился частью своей боевой машины. Но Торо это не особо заботит. Главное – выполнить своё задание. Меньше ошибок, меньше потерь. Вот и всё.
</div>

<div class="body-left-5">
Торо Россо появился на свет в Рио. С самого детства он был окружён атмосферой приключений и бесконечного неба, ведь его отец работал пилотом самолёта в Охре. Каждое возвращение отца из очередного полёта наполняло дом историями о небе и дальних городах, что не могло не повлиять на маленького Торо. Его не смущало, что большинство людей обладали уникальными способностями и он был им, откровенно говоря, не ровня. Тогда он думал, что таких людей очень много, ведь отец работал с ними постоянно. Реальность оказалась немного разочаровывающей, но всё равно приятно удивляло, что такие люди реально существовали.
<br><br>
С юных лет Россо мечтал последовать по стопам отца, но его амбиции шли ещё дальше — он хотел стать пилотом Охры, причем не абы каким, а лучшим из лучших. Утереть нос любому и запомниться в истории. Этот путь был не из лёгких, но он был полон решимости. Поступив в кадетское училище, Торо столкнулся с множеством трудностей. Однако его упорство и целеустремлённость помогли ему преодолеть все преграды, и он с отличием завершил обучение, что стало первым большим шагом на пути к его мечте. Не помешали ему и те самые сверхлюди, которых он так опасался, ни богачи-аристократы, которые легко получали заветные места лишь потому, что их папенька имел много денег. Ничто не могло остановить Россо на пути к его мечте.
<br><br>
После окончания училища Торо был направлен служить на Стену. Работа там оказалась непростой, требующей не только физической выносливости, но и умения быстро принимать решения в экстремальных условиях. Торо зарекомендовал себя как ответственного и надёжного офицера, проявляя лидерские качества и преданность делу. Он не оспаривал отдаваемые приказы и выполнял их холоднокровно, словно робот. Да, тяжело было делать что-то, претящее, вроде убийства живых существ, но когда стоял выбор либо ты, либо они, особого разгуляться было негде.
<br><br>
Именно там, на стене, у Торо происходит знаменательное знакомство с организацией Вирид. Он знал про эту организацию и поначалу очень скептически отнесся к тому, что подобная организация, состоящая из одних только сверхлюдей обратила внимание на него. Россо подумал, что над ним подшучивают его сослуживцы. Поэтому легкомысленно отнёсся к происходящему. Но когда состоялась встреча с кем-то из важных шишек, в тайне от глаз руководства базы, Торо осознал, что это не игры. Он знал про положение измененных лишь краем уха, но ничего не мог сделать. К тому же, будучи обычным человеком, он мог вызвать только недоверие, попробовав нарушить устоявшиеся порядки. Охра откровенно манипулировала и врала о положении дел. Особенно о том, что творилось за пределами Стен.
<br><br>
Когда же члены Вирид раскрыли ему ЧТО на самом деле происходит с измененными, это шокировало Торо. Он был не за такой мир, но и террористом становиться не собирался. Поэтому помогать организации Россо согласился только на условиях, что они не будут впутывать его в шпионские игры, а так же не будут наносить какой-либо ущерб мирным гражданским. В дальнейшем продолжил свою службу в отделениях Охры, ожидая, когда у него появится возможность перейти в Академию.
<br><br>
Его заслуги и отличная служба не остались незамеченными. Руководство решило, что такой талантливый и перспективный молодой человек должен развиваться дальше, и порекомендовало его в Академию, не без помощи манипуляций Вирид. Это было огромным шагом вперёд для Торо, возможность реализовать свою мечту и стать настоящим военным пилотом. Академия открыла перед ним новые горизонты, предоставив шанс не только перенять опыт лучших наставников, но и стать самым самым. Правда ради этого пришлось пройти настолько строгий отбор, что в какой-то момент Россо даже начал сомневаться, что сможет сделать это... Но всё же он смог.
<br><br>
Прошло уже пять лет с того знаменательного момента. Россо верно служит в Академии, помогая своими навыками всем, кому может.
<br><br>
Во время Зеленого Откровения и нападения Охры прославился тем, что уничтожил на своей боевой машине вертолет противника. Правда в пылу битвы не заметил, где именно происходило воздушное сражение. Так как стоял выбор между тем, чтобы сбить вертушку в воздухе либо дать ей высадить десант и потом уже завершать дело, Торо выбрал первое. О чём нисколько не жалеет , несмотря на выговоры со стороны администрации. В дальнейшем в течение всего конфликта он поддерживал отряды Академии и не пускал в воздушное пространство никого из противников, из-за чего его боевой вертолет получил серьезные повреждения, но в отличие от остальной техники, остался цел, пусть и находится на данный момент в ремонте.
<br><br>
Когда в мае 2124 Вирид прибыли для заключения союза, Торо вызвался для последующей помощи. Необходимы были опытные и лояльные пилоты, доказавшими себя не только словами, но и поступками. В дальнейшем Россо забрали в Джаспер, показав местоположение, а заодно предоставили особенный корабль, на котором в дальнейшем он мог бы обеспечивать снабжение всем необходимым. С тех самых пор Торо является одной из ниточек, соединяющих Вирид и Академию.
</div>

</div>
</div>
</div>
[/html]