[hideprofile]
[html]<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<style>
#gary input {display: none}
#gary {width: 660px; height: 650px; position: relative; background: #eee; margin: auto; box-sizing: border-box; border: 25px solid transparent; overflow: auto;}
#gary .imgbit {height: 600px; width: 200px; position: fixed; }
#gary .imgbit img {height: 100%; width: 100%; object-fit: cover; position: absolute}
#gary .firstlast {width:610px; height: 30px; background: none; position: absolute; transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg); top: 290px; left: -82.5px; display: flex; align-items: center; justify-content: space-between; }
#gary .firstlast .li1 {height: 3px; width: calc(100% - 10px); background: #BD5D5D; position: absolute; right: 0;}
#gary .firstlast .namebit {height: 100%;position: absolute; display: flex; align-items: center; background: #eee; padding: 0 15px 0 0; font-family: poppins; text-transform: uppercase; font-weight: 800; font-size: 13px; letter-spacing: 2px; color:#BD5D5D; left: 10px}
#gary #tabe1+label, #gary #tabe2+label, #gary #tabe3+label {width: calc(100% - 200px - 40px); display: block; height: 20px; position: relative; left: 240px; font-family: poppins; font-weight: 800; letter-spacing: 1px; line-height: 20px; font-size: 11px; text-transform: uppercase; color: #BD5D5D; margin-bottom: 5px; top: 0px; }
#gary #tabe1:checked+label, #gary #tabe2:checked+label, #gary #tabe3:checked+label {color: #487478}
#gary .li2 {height: 3px; width: 50px; position: absolute; background: #BD5D5D; top: 20px; left: 222px}
#gary .cont1, #gary .cont2, #gary .cont3 {
top: 23px;
right: 0;
width: calc(100% - 200px - 40px);
position: absolute;
display: flex;
flex-direction: column;
color: #02030e;
font-family: calibri;
font-size: 11px;
letter-spacing: 0px;
line-height: 1.6;
border: 10px solid transparent;
box-sizing: border-box;
}
#gary .cont1 bit span {color: #487478; border-bottom: 2px solid #487478; font-size: 10px;}
#gary .cont1 bit {margin-top: 10px; margin-bottom: 3px}
#gary .cont1 bit:nth-child(1) {margin-top: 0;}
#gary #tabe1:checked+label ~ .cont1 {opacity: 1; z-index: 5}
#gary #tabe2:checked+label ~ .cont2 {opacity: 1; z-index: 5}
#gary #tabe3:checked+label ~ .cont3 {opacity: 1; z-index: 5}
#gary .cont1, #gary .cont2, #gary .cont3 {opacity: 0; transition: 0.4s ease; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease;}
#gary .cont2::-webkit-scrollbar, #gary .cont3::-webkit-scrollbar {width: 0}
</style>
<div id="gary">
<div class="imgbit">
<img src="https://i.pinimg.com/564x/11/f7/b2/11f7b28a00b1533ee2081b8c5730d251.jpg">
</div>
<div class="firstlast"> <div class="li1"></div>
<div class="namebit">о химерах</div>
</div>
<input type="radio" id="tabe1" name="shiptabs"checked>
<label for="tabe1">порождения тьмы или света?</label>
<div class="li2"></div>
<div class="cont1">
Жуткие создания, населяющие запретный остров. По сути своей химеры - это одичавшие фамильяры, сгустки магии, не нашедшие своего мага, обезумевшие и воплотившиеся в свои физические формы. У химер нет разума, только инстинкты - ими правит вечный голод, толкающий химер хаотично перемещаться по острову в поисках пропитания. Вот только пища для химер это вовсе не человеческая плоть, а их магия, жизненные силы. Неопытные или слабые маги, при встрече с химерой с огромной вероятностью - умрут. В связи с хаотичным перемещением у химер нет определённого ареала или места скопления, но иногда они были замечены группами. У химер светобоязнь и водобоязнь (если не считать тех, кто отрастил себе жабры и перепонки, а таких крайне мало).
<br>
<br>Химер отлавливают дозоры и отправляет на остров, за их численностью строго следят, но не истребляют полностью - они объект изучения, экспериментов и всяческих наблюдений уже много столетий. Из желез и плоти химер делают оружие и зелья, использование таких зелий и оружия строго регламентировано и доступно только членам дозора с высоким рангом, остальные образцы не более, чем эксперимент. Кража технологий, разработанных дозорами карается вечным заключением, либо лишением магических сил.
<br>
<br>Химеры не имеют видов, каждая химера - уникальность, нет двух одинаковых, они - чистая магия, принимающая удивительные и кошмарные формы, которая, к сожалению, направлена исключительно на разрушение. У химер есть срок жизни, обычно он не превышает 20-30 лет, но встречаются и особо упорные долгожители. Короткая продолжительность жизни обусловлена жесткой конкурентной средой - химеры могут сражаться друг с другом, либо умирать от истощения магии. Плюс их популяцию контролируют дозоры, отдавая предпочтение молодым и неизученным, нежели старым.
<br>
<br>Приручить химеру - невозможно, природа их магии быстро мутирует и не поддается заклятьям. Единственный известный случай приручения химеры датируется прошлым столетием, химера была подконтрольна несколько дней, далее выработала "антидот" к связывающим чарам и вернулась к своему прежнему безумию. К счастью, в том эксперименте никто не пострадал, объект исследований был быстро ликвидирован, а высшие чины запретили впредь все эксперименты по приручению.
<br>
<br>Размеры химер сильно варьируются, но зачастую размером они не больше лошади. Встречались особо крупные виды химер, но таких быстро уничтожали, в истории магического мира была лишь одна химера, достигшая 18 метров в высоту, чудовище умудрилось разрушить несколько поселений и принести много бед прежде, чем его удалось уничтожить. Периодически химеры пробираются на основной остров, но, зачастую, это пресекается дозорами как только химера переступила берег магического сообщества, шанс, что химера дойдет до города или академии невероятно низок, но не нулевой. От летающих тварей и желающих проникнуть на остров незаконно стоит магический купол, пройти сквозь него могут только сотрудники дозоров, так же только они могут пройти по незримому мосту и только они знают его расположение (в целях безопасности он может менять свою конфигурацию и менять комбинацию защитных печатей).
</div>
</div>
[/html]
