ЗАНЯТЫЕ ВНЕШНОСТИ И ИМЕНА


За одним персонажем может быть закреплена только одна внешность, одно имя и одна фамилия. Регистрация дублей возможна только с согласия игрока, занимающего позицию.
Для быстрого поиска имени/внешности воспользуйтесь комбинацией клавиш ctrl+f.

Код:
<!--HTML--><div id="spiritworkroom">
<div class="spiritsecond">
<div class="tabsi">
    <input id="tab1" type="radio" name="tabsi" checked>
    <label for="tab1">Внешности</label>
 
    <input id="tab2" type="radio" name="tabsi">
    <label for="tab2">Имена и фамилии</label>
 
    <section id="content-tab1">
        <p>
<table td="" width="100%"><tbody><tr><td width="50%">
<b>ЖЕНСКИЕ ВНЕШНОСТИ</b>
</td><td td="" width="50%">
<b>МУЖСКИЕ ВНЕШНОСТИ</b>
</td></tr>
<tr> 
<td>A — B — C</td>
<td>A — B — C</td>
</tr><tr><td>
abigail cowen — <a href="https://incident.rusff.me/profile.php?id=257">katherine howard</a><br>
adelaide kane — <a href="https://incident.rusff.me/profile.php?id=172">alice claire</a><br>
ana de armas — <a href="https://incident.rusff.me/profile.php?id=234">jocelyn cross</a><br>
alba baptista — <a href="https://incident.rusff.me/profile.php?id=255">rebecca alvez</a><br>
camila mendes — <a href="https://incident.rusff.me/profile.php?id=200">sabrina harkness</a><br>
conor leslie — <a href="https://incident.rusff.me/profile.php?id=4">rain harlow</a><br>
</td><td>
aaron taylor-johnson — <a href="https://incident.rusff.me/profile.php?id=67">nate solloway</a><br>
ben barnes — <a href="https://incident.rusff.me/profile.php?id=244">dante ayrton</a><br>
chris evans — <a href="https://incident.rusff.me/profile.php?id=254">vincent gump</a><br>
</td></tr><tr>
<td>D — E — F</td>
<td>D — E — F</td>
</tr><tr><td>
danielle rose russell — <a href="https://incident.rusff.me/profile.php?id=178">cheryl wolff</a><br>
deanna dunagan — <a href="https://incident.rusff.me/profile.php?id=264">mnemosina wrinkle</a><br>
eiza gonzalez — <a href="https://incident.rusff.me/profile.php?id=235">mert tanfell</a><br>
ella purnell — <a href="https://incident.rusff.me/profile.php?id=179">joan wolff</a><br>
ellie bamber— <a href="https://incident.rusff.me/profile.php?id=274">linnet maxwell</a><br>
emmy rossum — <a href="https://incident.rusff.me/profile.php?id=218">diana carlile</a><br>
</td><td>
daniel bruhl — <a href="https://incident.rusff.me/profile.php?id=26">helmut hornik</a><br>
denis shvedov — <a href="https://incident.rusff.me/profile.php?id=219">nikolai volkov</a><br>
ed skrein — <a href="https://incident.rusff.me/profile.php?id=5">ricky ribbs</a><br>
ethan hawke — <a href="https://incident.rusff.me/profile.php?id=248">stephen casey</a><br>
felix mallard — <a href="https://incident.rusff.me/profile.php?id=177">hawl amell</a><br>
finn wolfhard — <a href="https://incident.rusff.me/profile.php?id=151">adrian jackson</a><br>
frank grillo — <a href="https://incident.rusff.me/profile.php?id=189">josh murphy</a><br>
</td></tr><tr>
<td>G — H — I</td>
<td>G — H — I</td>
</tr><tr><td>
hande ercel — <a href="https://incident.rusff.me/profile.php?id=36">lilian clarke</a><br>
</td><td>
henry cavill — <a href="https://incident.rusff.me/profile.php?id=213">roan ames</a><br>
ian somerhalder — <a href="https://incident.rusff.me/profile.php?id=174">george cheyne</a><br>
</td></tr><tr>
<td>J — K — L</td>
<td>J — K — L</td>
</tr><tr><td>
jenna coleman — <a href="https://incident.rusff.me/profile.php?id=188">patricia malone</a><br>
jessica alexander — <a href="https://incident.rusff.me/profile.php?id=232">bonnie flawsome</a><br>
katheryn winnick — <a href="https://incident.rusff.me/profile.php?id=279">sharon morris</a><br>
kristin kreuk — <a href="https://incident.rusff.me/profile.php?id=206">sandra pearson</a><br>
</td><td>
jake gyllenhaal — <a href="https://incident.rusff.me/profile.php?id=282">joe deveraux</a><br>
jensen ackles— <a href="https://incident.rusff.me/profile.php?id=211">derek pearson</a><br>
joe keery — <a href="https://incident.rusff.me/profile.php?id=208">jonny darco</a><br>
jon bernthal — <a href="https://incident.rusff.me/profile.php?id=226">travis zayne</a><br>
lee dong wook — <a href="https://incident.rusff.me/profile.php?id=252">marcus yoon</a><br>
louis hofmann — <a href="https://incident.rusff.me/profile.php?id=275">neal reyes</a><br>
luca marinelli — <a href="https://incident.rusff.me/profile.php?id=281">iago asturias</a><br></td></tr><tr>
<td>M — N — O</td>
<td>M — N — O</td>
</tr><tr><td>
maya hawke — <a href="https://incident.rusff.me/profile.php?id=132">cornelia dixon</a><br>
madelaine petsch — <a href="https://incident.rusff.me/profile.php?id=243">ivy ayrton</a><br>
margot robbie — <a href="https://incident.rusff.me/profile.php?id=245">aerika earhart</a><br>
melisa aslı pamuk — <a href="https://incident.rusff.me/profile.php?id=214">ophelia kingsley</a><br>
melissa barrera — <a href="https://incident.rusff.me/profile.php?id=216">blake corwin</a><br>
mia kirshner — <a href="https://incident.rusff.me/profile.php?id=221">merle teufel</a><br>
nicole kidman — <a href="https://incident.rusff.me/profile.php?id=220">dagmar teufel</a><br>
olivia cooke — <a href="https://incident.rusff.me/profile.php?id=110">summer deveraux</a><br>
</td><td>
matt bomer — <a href="https://incident.rusff.me/profile.php?id=258">chris nightingale</a><br>
</td></tr>
<tr><td>P — Q — R</td>
<td>P — Q — R</td>
</tr><tr><td>
phoebe tonkin — <a href="https://incident.rusff.me/profile.php?id=99">croix wallis</a><br>
priscilla quintana — <a href="https://incident.rusff.me/profile.php?id=227">inez yoshida</a><br>
</td><td>
rahul kohli — <a href="https://incident.rusff.me/profile.php?id=88">sharif hassan</a><br>
richard madden — <a href="https://incident.rusff.me/profile.php?id=100">cameron kingsley</a><br>
ryan guzman — <a href="https://incident.rusff.me/profile.php?id=105">leo flawsome</a><br>
</td></tr>
<tr><td>S — T — U</td>
<td>S — T — U</td>
</tr><tr><td> 
sadie sink — <a href="https://incident.rusff.me/profile.php?id=156">christina karver</a><br>
sigourney weaver — <a href="https://incident.rusff.me/profile.php?id=183">frankie wallis</a><br>
summer bishil — <a href="https://incident.rusff.me/profile.php?id=256">michelle burne</a><br>
tatiana maslany — <a href="https://incident.rusff.me/profile.php?id=262">laura mcfly</a><br>
</td><td>
sebastian stan — <a href="https://incident.rusff.me/profile.php?id=48">james "booker" hill</a><br>
tom blyth — <a href="https://incident.rusff.me/profile.php?id=223">jaсkson ward</a><br>
tom pelphrey — <a href="https://incident.rusff.me/profile.php?id=8">zach taylor</a><br>
</td></tr>
<tr><td>V — W — X</td>
<td>V — W — X</td>
</tr><tr><td>
wallis day — <a href="https://incident.rusff.me/profile.php?id=65">regan grimes</a><br>
</td><td>
</td></tr>
<tr><td>Y — Z</td>
<td>Y — Z</td>
</tr><tr><td>
name surname — <a href="https://incident.rusff.me/">name surname</a><br>
name surname — <a href="https://incident.rusff.me/">name surname</a><br>
</td><td>
name surname — <a href="https://incident.rusff.me/">name surname</a><br>
name surname — <a href="https://incident.rusff.me/">name surname</a><br>
</td></tr>
</tbody></table>
        </p>
    </section>  
    <section id="content-tab2">
        <p>
<table td="" width="100%"><tbody><tr><td width="50%">
<b>NAME</b>
</td><td td="" width="50%">
<b>SURNAME</b>
</td></tr>
<tr> 
<td>A — B — C</td>
<td>A — B — C</td>
</tr><tr><td>
aerika [f] — <a href="https://incident.rusff.me/profile.php?id=245">эрика</a><br>
alice [f] — <a href="https://incident.rusff.me/profile.php?id=172">алиса</a><br>
alice [f] — <a href="https://incident.rusff.me/profile.php?id=172">элис</a><br>
blake [f] — <a href="https://incident.rusff.me/profile.php?id=216">блэйк</a><br>
bonnie [f] — <a href="https://incident.rusff.me/profile.php?id=232">бонни</a><br>
booker [m] — <a href="https://incident.rusff.me/profile.php?id=48">букер</a><br>
cameron [m] — <a href="https://incident.rusff.me/profile.php?id=100">кэмерон</a><br>
cheryl [f] — <a href="https://incident.rusff.me/profile.php?id=178">шерил</a><br>
chris [m] — <a href="https://incident.rusff.me/profile.php?id=258">крис</a><br>
cornelia [f] — <a href="https://incident.rusff.me/profile.php?id=132">корнелия</a><br>
christina [f] — <a href="https://incident.rusff.me/profile.php?id=156">кристина</a><br>
croix [f] — <a href="https://incident.rusff.me/profile.php?id=99">крой</a><br>
</td><td>
amell — <a href="https://incident.rusff.me/profile.php?id=177">амелл</a><br>
ames — <a href="https://incident.rusff.me/profile.php?id=213">эймс</a><br>
alvez — <a href="https://incident.rusff.me/profile.php?id=255">альвес</a><br>
asturias — <a href="https://incident.rusff.me/profile.php?id=281">астуриас</a><br>
ayrton — <a href="https://incident.rusff.me/profile.php?id=244">эртон</a><br>
burne — <a href="https://incident.rusff.me/profile.php?id=256">берн</a><br>
carlile — <a href="https://incident.rusff.me/profile.php?id=218">карлайл</a><br>
casey — <a href="https://incident.rusff.me/profile.php?id=248">кейси</a><br>
cheyne — <a href="ссылка на профиль">чейни</a><br>
claire — <a href="https://incident.rusff.me/profile.php?id=172">клэр</a><br>
clarke — <a href="https://incident.rusff.me/profile.php?id=36">кларк</a><br>
corwin — <a href="https://incident.rusff.me/profile.php?id=216">корвин</a><br>
cross — <a href="https://incident.rusff.me/profile.php?id=234">кросс</a><br>
</td></tr><tr>
<td>D — E — F</td>
<td>D — E — F</td>
</tr><tr><td>
dagmar [f] — <a href="https://incident.rusff.me/profile.php?id=220">дагмар</a><br>
dante [m] — <a href="https://incident.rusff.me/profile.php?id=244">данте</a><br>
derek [m] — <a href="https://incident.rusff.me/profile.php?id=211">дерек</a><br>
diana [f] — <a href="https://incident.rusff.me/profile.php?id=218">диана</a><br>
frankie [f] — <a href="сhttps://incident.rusff.me/profile.php?id=183">фрэнки</a><br>
</td><td>
darco — <a href="https://incident.rusff.me/profile.php?id=208">дарко</a><br>
deveraux — <a href="https://incident.rusff.me/profile.php?id=110">деверо</a><br>
dixon — <a href="https://incident.rusff.me/profile.php?id=132">диксон</a><br>
earhart — <a href="https://incident.rusff.me/profile.php?id=245">эрхарт</a><br>
flawsome — <a href="https://incident.rusff.me/profile.php?id=105">флосом</a><br>
</td></tr><tr>
<td>G — H — I</td>
<td>G — H — I</td>
</tr><tr><td>
george [m] — <a href="https://incident.rusff.me/profile.php?id=174">джордж</a><br>
hawk [m] — <a href="https://incident.rusff.me/profile.php?id=177">хоук</a><br>
helmut [m]— <a href="https://incident.rusff.me/profile.php?id=26">хельмут</a><br>
iago [m] — <a href="https://incident.rusff.me/profile.php?id=281">яго</a><br>
inez [f] — <a href="https://incident.rusff.me/profile.php?id=227">инес</a><br>
ivy [f] — <a href="https://incident.rusff.me/profile.php?id=243">айви</a><br>
</td><td>
grimes — <a href="https://incident.rusff.me/profile.php?id=65">граймс</a><br>
gump — <a href="https://incident.rusff.me/profile.php?id=254">гамп</a><br> 
harkness — <a href="https://incident.rusff.me/profile.php?id=200">харкнесс</a><br>
harlow — <a href="https://incident.rusff.me/profile.php?id=4">харлоу</a><br>
hassan — <a href="https://incident.rusff.me/profile.php?id=88">хассан</a><br>
hill — <a href="https://incident.rusff.me/profile.php?id=48">хилл</a><br>
hoffman — <a href="https://incident.rusff.me/profile.php?id=144">хоффман</a><br>
hornik— <a href="https://incident.rusff.me/profile.php?id=26">хорник</a><br>
howard — <a href="https://incident.rusff.me/profile.php?id=257">говард</a><br>
</td></tr><tr>
<td>J — K — L</td>
<td>J — K — L</td>
</tr><tr><td>
james [m] — <a href="https://incident.rusff.me/profile.php?id=48">джеймс</a><br>
jake [m] — <a href="https://incident.rusff.me/profile.php?id=165">джейк</a><br>
joan [f] — <a href="https://incident.rusff.me/profile.php?id=179">джоан</a><br>
jocelyn [f] — <a href="https://incident.rusff.me/profile.php?id=234">джослин</a><br>
joe [m] — <a href="https://incident.rusff.me/profile.php?id=282">джо</a><br>
jonny [m] — <a href="https://incident.rusff.me/profile.php?id=208">джонни</a><br>
josh [m] — <a href="https://incident.rusff.me/profile.php?id=189"> джош</a><br>
kate [f] — <a href="https://incident.rusff.me/profile.php?id=16">кейт</a><br>
katherine [f] — <a href="https://incident.rusff.me/profile.php?id=257">кэтрин</a><br>
laura [f] — <a href="https://incident.rusff.me/profile.php?id=262">лора</a><br>
leo [m] — <a href="https://incident.rusff.me/profile.php?id=105">лео</a><br>
linnet  [f] — <a href="https://incident.rusff.me/profile.php?id=274">линнет</a><br>
lilian [f] — <a href="https://incident.rusff.me/profile.php?id=36">лилиан</a><br>
lily [f] — <a href="https://incident.rusff.me/profile.php?id=36">лили</a><br>

</td><td>
jackson — <a href="https://incident.rusff.me/profile.php?id=151">джексон</a><br>
kingsley — <a href="https://incident.rusff.me/profile.php?id=100">кингсли</a><br>
karver — <a href="https://incident.rusff.me/profile.php?id=156">карвер</a><br>
<br>
</td></tr><tr>
<td>M — N — O</td>
<td>M — N — O</td>
</tr><tr><td>
marcus [m] — <a href="https://incident.rusff.me/profile.php?id=252">маркус</a><br>
merle [f] — <a href="https://incident.rusff.me/profile.php?id=221">мерл</a><br>
mert [f] — <a href="https://incident.rusff.me/profile.php?id=235">мерт</a><br>
michelle [f] — <a href="https://incident.rusff.me/profile.php?id=256">мишель</a><br>
mnemosina [f] — <a href="https://incident.rusff.me/profile.php?id=264">мнемозина</a><br>
nate [m] — <a href="https://incident.rusff.me/profile.php?id=67">нейт</a><br>
neal [m] — <a href="https://incident.rusff.me/profile.php?id=275">нил</a><br>
nikolai [m] — <a href="https://incident.rusff.me/profile.php?id=219">николай</a><br>
ophelia [f] — <a href="https://incident.rusff.me/profile.php?id=214">офелия</a><br>
</td><td>
malone — <a href="https://incident.rusff.me/profile.php?id=188">малоун</a><br>
maxwell — <a href="https://incident.rusff.me/profile.php?id=274">максвелл</a><br>
mcfly — <a href="https://incident.rusff.me/profile.php?id=262">макфлай</a><br>
morris — <a href="https://incident.rusff.me/profile.php?id=279">моррис</a><br>
murphy <a href="https://incident.rusff.me/profile.php?id=189"> мёрфи</a><br>
nightingale — <a href="https://incident.rusff.me/profile.php?id=258">найтингейл</a><br>
</td></tr>
<tr><td>P — Q — R</td>
<td>P — Q — R</td>
</tr><tr><td>
patricia [f] — <a href="https://incident.rusff.me/profile.php?id=188">патриша</a><br>
rebecca [f] — <a href="https://incident.rusff.me/profile.php?id=255">ребекка</a><br>
regan [f] — <a href="https://incident.rusff.me/profile.php?id=65">риган</a><br>
rain [f] — <a href="https://incident.rusff.me/profile.php?id=4">рейн</a><br>
ricky [m] — <a href="https://incident.rusff.me/profile.php?id=5">рикки</a><br>
roan [m] — <a href="https://incident.rusff.me/profile.php?id=213">роан</a><br>
</td><td>
pearson — <a href="https://incident.rusff.me/profile.php?id=206">пирсон</a><br>
reyes — <a href="https://incident.rusff.me/profile.php?id=275">рэйс</a><br>
ribbs — <a href="https://incident.rusff.me/profile.php?id=5">риббс</a><br>
</td></tr>
<tr><td>S — T — U</td>
<td>S — T — U</td>
</tr><tr><td>
sabrina [f] — <a href="https://incident.rusff.me/profile.php?id=200">сабрина</a><br>
sandra [f] — <a href="https://incident.rusff.me/profile.php?id=206">сандра</a><br>
sharif [m] — <a href="https://incident.rusff.me/profile.php?id=88">шариф</a><br>
sharon [f] — <a href="https://incident.rusff.me/profile.php?id=279">шерон</a><br>
stephen [m] — <a href="https://incident.rusff.me/profile.php?id=248">стивен</a><br>
summer [f] — <a href="https://incident.rusff.me/profile.php?id=110">саммер</a><br>
travis [m] — <a href="https://incident.rusff.me/profile.php?id=226">тревис</a><br>
</td><td>
solloway — <a href="https://incident.rusff.me/profile.php?id=67">соллоуэй</a><br>
tanfell — <a href="https://incident.rusff.me/profile.php?id=235">танфелл</a><br>
taylor — <a href="https://incident.rusff.me/profile.php?id=8">тэйлор</a><br>
teufel — <a href="https://incident.rusff.me/profile.php?id=221">тойфель</a><br>
</td></tr>
<tr><td>V — W — X</td>
<td>V — W — X</td>
</tr><tr><td>
vincent [m] — <a href="https://incident.rusff.me/profile.php?id=254">винсент</a><br> 
</td><td>
volkov — <a href="https://incident.rusff.me/profile.php?id=219">волков</a><br>
wallis — <a href="https://incident.rusff.me/profile.php?id=99">уоллис</a><br>
wolff — <a href="https://incident.rusff.me/profile.php?id=179">вольф</a><br>
wrinkle — <a href="https://incident.rusff.me/profile.php?id=264">ринкл</a><br>
</bwayne></td></tr>
<tr><td>Y — Z</td>
<td>Y — Z</td>
</tr><tr><td>
zachary «zach» [m] — <a href="https://incident.rusff.me/profile.php?id=8">закари «зак»</a><br>
</td><td>
yoon — <a href="https://incident.rusff.me/profile.php?id=252">юн</a><br>
yoshida — <a href="https://incident.rusff.me/profile.php?id=227">йошида</a><br>
zayne — <a href="https://incident.rusff.me/profile.php?id=226">зейн</a><br>
</td></tr>
</tbody></table>

        </p>
    </section> 
</div>
  </div>
</div>
<div class="clearer"></div>
<style>/* код от вещего духа */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

#spiritworkroom {width: 640px;
height: 700px;
margin:auto;}

.spiritfirst {float: left;
  margin: 10px;
width: 190px;
height: 490px;
box-shadow: 0 0 0 1px rgba(0,0,0,.2);
overflow: hidden;
position: relative;
border: 5px solid #fefefe}

.spiritfirstpic {margin:auto;
width: 190px;
height: 490px;}

.spiritfirsttitle {font-family: playfair display;
font-weight: 900;
width: 190px;
color: #dfdfdf;
text-shadow: 1px 1px 0px #000;
font-size: 18px;
height: 73px;
margin: -80px 0 0 0px;
z-index: 10;
position: relative;
padding-left: 10px;
background: rgba(0,0,0,.65);
transition: all .7s cubic-bezier(0.25, 0.1, 0.25, 1) .15s}

.spiritfirsttitle subtitle {box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
  font-family: pt sans;
font-weight: normal;
color: #cecece;
text-shadow: 1px 1px 0px #333;
font-size: 9px;
display: block;
text-align: right;
letter-spacing: 1px;
margin-top:4px;
margin-right: 20px}

.spiritfirsttitle:before {background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.65));
content: "";
display: block;
position: absolute; 
width: 100%;
height: 50px;
top: -50px;
margin-left: -10px}

.spiritfirsttext {
z-index:8;
position: relative;
background: rgba(0,0,0,.65);
width: 190px;
margin: 0px 0 0 0px;
font-family: pt sans;
font-size: 10px;
text-align: justify;
padding: 1px 0px;
  color: #efefef;}

.spiritfirsttext about {margin: 10px 15px;
display: block;
box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
padding-top:10px}
.spiritfirsttext:after {background:linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
content: "";
display: block;
position: absolute; 
width: 100%;
height: 100px;
bottom: -100px;
margin-left: 0px}
.spiritfirsttext subtitle {
  text-align: center;
  display: block;
  width: 190px;
  font-size: 9px;
  font-family: pt sans;
  color: #999;
  opacity: 0;
  transform: translate(0,400px);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) .15s
}

.spiritfirst:hover .spiritfirsttitle {margin-top: -530px;
}
.spiritfirst:hover subtitle {opacity:1;
  transform: translate(0,0px)} 

.spiritsecond {
       background: url(https://forumstatic.ru/files/0014/e8/8c/29009.jpg);
    width: 645px;
    margin: 0px;
    height: 680px;
    border-radius: 20px;
    box-shadow: 0px 1px 5px 1px;
    border: solid 1px #696565;
    margin-top: 9px;
    position: absolute;
}


.tabsi {
	padding: 0px;
	margin: 0 auto;
}

.tabsi>section {
display: none;
    padding: 15px 15px 15px 60px;
    height: 570px;
    overflow-y: auto;
    margin-right: 3px;
    color: #6d6d6d;
    font-family: 'Philosopher';
    font-size: 12px;
    text-align: left;
}
.tabsi>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

 
@keyframes fadeIn {
	from {
    transform: translate(-400px,0);
    transform-origin: 50% 0%;
	}
	to {
    transform: translate(0px,0);
	}
}

.tabsi>input {
	display: none;
	position: absolute;
}

.tabsi>label:first-of-type {box-shadow: none}

.tabsi>label {
	      display: inline-grid;
    margin: 0 -3px 0px;
    padding: 17px 0px;
    font-weight: 600;
    text-align: center;
    color: #838383;
    border-bottom: solid 1px #3c2d2d;
    width: 320px;
    left: 6px;
    top: 0px;
    position: relative;
    cursor: pointer;
    font-family: philosopher;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: lighter;
    box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset;
}
.tabsi>label:after {content: "";
display: block;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabsi>label:hover:after {transform: scaleX(1);}
.tabsi>label:hover {
	color:  #ab3c3c;
	cursor: pointer;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabsi>input:checked+label {
    color: #833c3c;
}
.tabsi>input:checked+label:after {content: "";
display: block;
position:absolute;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
	display: block;
}
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
	display: block;
}</style>