<!--HTML-->

<center>
<div class="bodys">
<div class="naz">
<p><span style="color: #ffffff; font-family: 'Intro'; font-size: 28px; letter-spacing: -1px; line-height: 4px; text-shadow: #575757 0px 1px 0px;">
Внешности и фамилии
</div></span></p>

<p></p><span style="color: #ffffff; font-family: 'Flow Ext'; font-size: 14px; letter-spacing: 1px; line-height: 4px; text-shadow: #575757 0px 1px 0px;">
не испачкай, я за него на рынке два часа торговался
</span>
<br>
<br>
<div class="text">
<center>Поселившись в Нью-Хейвене, необходимо подать заявление о регистрации в муниципалитете и ознакомится со списком лиц, уже проживающих на улицах города.</center>
<div style="text-align:justify;background: rgba(169, 168, 238, 0.22);border-radius: 14px;">Краткий свод правил:<br>
● Внешности близнецов могут быть закреплены за двумя разными игроками только в том случае, если персонажи являются родственниками.<br>
● Администрация оставляет за собой право освободить занятую внешность при длительном отсутствии (без предупреждения в <a href="http://flipcup.rusff.me/viewtopic.php?id=17">соответствующей теме</a>) и неактивности в игре (отсутствии игрового поста более двух недель).<br>
● Внешность акционного персонажа может быть занята, только вместе с ролью, для которой она выкуплена. Соответствующие внешности отмечены звездочкой - *<br>
● Возможен дубликат внешности в том случае, если игрок ранее занявший желаемую внешность будет не против.<br>
● Допускается дубликат имен.<br>
● Фамилии выкупаются в <a href="http://flipcup.rusff.me/viewtopic.php?id=15">соответствующей теме</a>.</div>
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1" title="Вкладка 1">ABCD</label>
 
    <input id="tab2" type="radio" name="tabs">
    <label for="tab2" title="Вкладка 2">EFGH</label>

    <input id="tab3" type="radio" name="tabs">
    <label for="tab3" title="Вкладка 3">IJKL</label>

    <input id="tab4" type="radio" name="tabs">
    <label for="tab4" title="Вкладка 4">MNOP</label>

    <input id="tab5" type="radio" name="tabs">
    <label for="tab5" title="Вкладка 5">QRSTU</label>

    <input id="tab6" type="radio" name="tabs">
    <label for="tab6" title="Вкладка 6">VWXYZ</label>

    <input id="tab7" type="radio" name="tabs">
    <label for="tab7" title="Вкладка 7">Занятые фамилии</label>

 <section id="content-tab1">
        <p><table><tr><td valign=top><center>
<div class="bukva">A</div><br>

<div class="malname">AARON TAYLOR-JOHNSON <p><a href="http://flipcup.rusff.me/profile.php?id=24">MICHAEL WARD</a></div>
<div class="femname">ashley benson <p><a href="http://flipcup.rusff.me/profile.php?id=6">cherie hermès</a></div>
<div class="malname">Ansel Elgort <p><a href="http://flipcup.rusff.me/profile.php?id=42">Larry Flynn</a></div>
<div class="malname">Arjun Gupta <p><a href="http://flipcup.rusff.me/profile.php?id=79">Andy Bishop</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">B</div><br>
<div class="femname">BELLA THORNE <p><a href="http://flipcup.rusff.me/profile.php?id=70">EVA FOSTER</a></div>
<div class="malname">BILL SCARSGARD <p><a href="http://flipcup.rusff.me/profile.php?id=45">EMMANUEL ROSIER</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">C</div><br>
<div class="femname">Camila Mendes <p><a href="http://flipcup.rusff.me/profile.php?id=83">Camila de Lacerda</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">D</div><br>
<div class="malname">dan stevens <p><a href="http://flipcup.rusff.me/profile.php?id=40">marcus caulfield</a></div>
<div class="malname">Dane DeHaan <p><a href="http://flipcup.rusff.me/profile.php?id=94">Daniel Olive</a></div>
<div class="malname">Douglas Booth<p><a href="http://flipcup.rusff.me/profile.php?id=50">Alex Smith</a></div>
<div class="malname">DYLAN O'BRIEN<p><a href="http://flipcup.rusff.me/profile.php?id=33">Adam Mcalister</a></div>
</center></td></tr></table>
        </p>
    </section>  
    <section id="content-tab2">
        <p><table><tr><td valign=top><center>
<div class="bukva">E</div><br>
<div class="femname">ELIZABETH OLSEN <p><a href="http://flipcup.rusff.me/profile.php?id=12">Ursula Knoxville</a></div>
<div class="femname">Emeraude Toubia <p><a href="http://flipcup.rusff.me/profile.php?id=93">Charlotte Carroll</a></div>
<div class="malname">EZRA MILLER <p><a href="http://flipcup.rusff.me/profile.php?id=46">witek włodzimierz</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">F</div><br>
<div class="femname">Firstname Lastname <p><a href=>Personas name</a></div>
<div class="malname">Firstname Lastname <p><a href=>Personas name</a></div>

</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">G</div><br>
<div class="femname">gillian anderson <p><a href="http://flipcup.rusff.me/profile.php?id=29">ingrid winehouse</a></div>
</center></td>
<td><center>
<div class="bukva">H</div><br>
<div class="femname">hailee steinfeld <p><a href="http://flipcup.rusff.me/profile.php?id=30">reina tonks</a></div>
<div class="femname">Halsey<p><a href="http://flipcup.rusff.me/profile.php?id=15">Luna Hermès</a></div>
<div class="malname">HENRIK HOLM<p><a href="http://flipcup.rusff.me/profile.php?id=63">jamie resh</a></div>
</center></td></tr></table>
        </p>
    </section>
<section id="content-tab3">
        <p><table><tr><td valign=top><center>
<div class="bukva">I</div><br>
<div class="femname">Firstname Lastname <p><a href=>Personas name</a></div>
<div class="malname">Firstname Lastname <p><a href=>Personas name</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">J</div><br>
<div class="malname">JACK FALAHEE<p><a href="http://flipcup.rusff.me/profile.php?id=47">MALCOLM EVARTS</a></div>
<div class="malname">Jack O'Connell <p><a href="http://flipcup.rusff.me/profile.php?id=23">Benjamin “Benni” Backham</a></div>
<div class="malname">Jake McDorman<p><a href="http://flipcup.rusff.me/profile.php?id=96">Jonathan Paterson</a></div>
<div class="malname">james mcavoy<p><a href="http://flipcup.rusff.me/profile.php?id=19">dennis w. moore</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">K</div><br>
<div class="femname">katherine langford <p><a href="http://flipcup.rusff.me/profile.php?id=52">Veronica Callahan</a></div>
<div class="femname">katherine mcnamara<p><a href="http://flipcup.rusff.me/profile.php?id=54">Annabelle Valentine</a></div>
<div class="femname">Kaya Scodelario<p><a href="http://flipcup.rusff.me/profile.php?id=26">Kathleen Winehouse</a></div>
<div class="malname">KJ APA <p><a href="http://flipcup.rusff.me/profile.php?id=18">MATTHEW REGAN</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">L</div><br>
<div class="femname">LILY COLLINS <p><a href="http://flipcup.rusff.me/profile.php?id=20">avery rhodes</a></div>
<div class="malname">Liam Hemsworth <p><a href="http://flipcup.rusff.me/profile.php?id=7">ethan knoxville</a></div>
</center></td></tr></table>
        </p>
    </section>  
<section id="content-tab4">
        <p><table><tr><td valign=top><center>
<div class="bukva">M</div><br>
<div class="femname">madelaine petsch <p><a href="http://flipcup.rusff.me/profile.php?id=9">cheryl thornhill</a></div>
<div class="malname">MADS MIKKELSEN <p><a href="http://flipcup.rusff.me/profile.php?id=82">NIGEL A. WOOD</a></div>
<div class="malname">matthew daddario <p><a href="http://flipcup.rusff.me/profile.php?id=77">Barry W. Olivero </a></div>
<div class="femname">MELISSA BENOIST <p><a href="http://flipcup.rusff.me/profile.php?id=21">KARA BECKHAM</a></div>

</center></td>
<td valign=top><center>
<div class="bukva">N</div><br>
<div class="femname">NATALIE PORTMAN<p><a href="http://flipcup.rusff.me/profile.php?id=84">BLANCE SANDERS</a></div>
<div class="malname">Nick Jonas<p><a href="http://flipcup.rusff.me/profile.php?id=80">Jack Daniel</a></div>
<div class="femname">NICOLA PELTZ <p><a href=http://flipcup.rusff.me/profile.php?id=69><b>Maddie Drake</b></a><br></div>
<div class="femname">NINA DOBREV <p><a href="http://flipcup.rusff.me/profile.php?id=85">DANIELLA BLACK</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">O</div><br>
<div class="femname">Firstname Lastname <p><a href=>Personas name</a></div>
<div class="malname">Firstname Lastname <p><a href=>Personas name</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">P</div><br>
<div class="femname">Firstname Lastname <p><a href=>Personas name</a></div>
<div class="malname">Paul Wesley <p><a href="http://flipcup.rusff.me/profile.php?id=86">Adam Knight</a></div>
</center></td></tr></table>
        </p>
    </section>
<section id="content-tab5">
        <p><table><tr><td valign=top><center>
<div class="bukva">Q</div><br>
<div class="femname">Firstname Lastname <p><a href=>Personas name</a></div>
<div class="malname">Firstname Lastname <p><a href=>Personas name</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">R</div><br>
<div class="femname">Ruby Rose<p><a href="http://flipcup.rusff.me/profile.php?id=95">Ruby Marlow</a></div>
<div class="malname">Firstname Lastname <p><a href=>Personas name</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">S</div><br>
<div class="femname">Sabrina Carpenter<p><a href="http://flipcup.rusff.me/profile.php?id=11">Eva Butler</a></div>
<div class="femname">Sasha Pieterse <p><a href="http://flipcup.rusff.me/profile.php?id=39">Amberly Hampton</a></div>
<div class="femname">SELENA GOMEZ<p><a href="http://flipcup.rusff.me/profile.php?id=16">danica a. olivero</a></div>
<div class="femname">Skyler Samuels <p><a href="http://flipcup.rusff.me/profile.php?section=personal&id=13">Erin Jefferson</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">T</div><br>
<div class="malname">Taron Egerton<p><a href="http://flipcup.rusff.me/profile.php?section=essentials&id=97"> Michael Turner</a></div>
<div class="malname">tarjei moe<p><a href="http://flipcup.rusff.me/profile.php?id=64">Richard Hampton</a></div>
<div class="malname">THEO HUTCHCRAFT <p><a href="http://flipcup.rusff.me/profile.php?id=91">Demian Redvers</a></div>
<div class="malname">TYLER JOSEPH <p><a href="http://flipcup.rusff.me/profile.php?id=66">Josh Rackham</a></div>
<div class="malname">tyler posey <p><a href="http://flipcup.rusff.me/profile.php?id=32">tate winehouse</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">U</div><br>
<div class="femname">Firstname Lastname <p><a href=>Personas name</a></div>
<div class="malname">Firstname Lastname <p><a href=>Personas name</a></div>
</center></td></tr></table>
        </p>
    </section> 
<section id="content-tab6">
        <p><table><tr><td valign=top><center>
<div class="bukva">V</div><br>
<div class="femname">Firstname Lastname <p><a href=>Personas name</a></div>
<div class="malname">Firstname Lastname <p><a href=>Personas name</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">W</div><br>
<div class="femname">Firstname Lastname <p><a href=>Personas name</a></div>
<div class="malname">Firstname Lastname <p><a href=>Personas name</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">X</div><br>
<div class="femname">Firstname Lastname <p><a href=>Personas name</a></div>
<div class="malname">Firstname Lastname <p><a href=>Personas name</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">Y</div><br>
<div class="femname">Firstname Lastname <p><a href=>Personas name</a></div>
<div class="malname">Firstname Lastname <p><a href=>Personas name</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">Z</div><br>
<div class="femname">Firstname Lastname<p><a href=>Personas name</a></div>
</center></td></tr></table>
        </p>
    </section>
<section id="content-tab7">
        <p><table><tr><td valign=top><center>
<div class="bukva">A-B-C-D-E</div><br>
<div class="femname">Lastname <p><a href=>Personas name</a></div>
<div class="malname">Lastname <p><a href=>Personas name</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">F-G-H-I-J</div><br>
<div class="femname">Jefferson <p><a href=>Personas name</a></div>
<div class="malname">Lastname <p><a href=>Personas name</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">K-L-M-N-O</div><br>
<div class="femname">Lastname <p><a href=>Personas name</a></div>
<div class="malname">Knoxville <p><a href="http://flipcup.rusff.me/profile.php?id=12">Ursula Knoxville</a></div>
<div class="femname">OLIVERO<p><a href="http://flipcup.rusff.me/profile.php?id=16">danica a. olivero</a></div>
</center></td>
<td valign=top><center>
<div class="bukva">P-Q-R-S-T</div><br>
<div class="femname">thornhill<p><a href="http://flipcup.rusff.me/profile.php?id=9">cheryl thornhill</a></div>
<div class="malname">REGAN<p><a href="http://flipcup.rusff.me/profile.php?id=18">MATTHEW REGAN</a></div>
</center></td></tr>
<tr><td valign=top><center>
<div class="bukva">U-V-W-X-Y-Z</div><br>
<div class="femname">Lastname <p><a href=>Personas name</a></div>
<div class="malname">WARD<p><a href="http://flipcup.rusff.me/profile.php?id=24">MICHAEL WARD</a></div>
</center></td></tr></table>
        </p>
    </section>
</div>
<br><br>

</div></div>



<style>
.bukva {
    text-align: center;
    width: 86px;
    background: #84c27b;
    color: #fff;
    font-weight: bold;
    font-family: cuprum;
    font-size: 14px;
}
 
.femname {
    line-height: 10%;
    margin: 11px;
    text-align: center;
    color: #ff9b9b;
    font-family: bebas neue;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 19px;
    text-shadow: 1px 1px 1px #3f3f3f;
}

.femname a {
color: #a8a3e3!important;
    font-family: cuprum!important;
    font-size: 16px;
    text-transform: lowercase;
    letter-spacing: 0px;
    text-shadow: 1px 0px 1px #ffffff;
    line-height: 23px;
}
.fem {
    line-height: 10%;
    margin: 11px;
    text-align: center;
    color: #ff9b9b;
    font-family: bebas neue;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 19px;
    text-shadow: 1px 1px 1px #3f3f3f;
}


.malname {
    line-height: 10%;
    margin: 11px;
    text-align: center;
    color: #9ad1ff;
    font-family: bebas neue;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 19px;
    text-shadow: 1px 1px 1px #3f3f3f;
}

.malname a {
    color: #9d97e0!important;
    font-family: cuprum!important;
    font-size: 16px;
    text-transform: lowercase;
    letter-spacing: 0px;
    line-height: 23px;
    text-shadow: 1px 0px 1px #ffffff;
}

.mal {
    line-height: 10%;
    margin: 11px;
    text-align: center;
    color: #a6c0d6;
    font-family: bebas neue;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 19px;
    text-shadow: 1px 1px 1px #3f3f3f;
}

/* Базовый контейнер табов */
    
.tabs {
    text-align: center;
    min-width: 320px;
    max-width: 800px;
    padding: 0px;
    margin: 0 auto;
}

section {
    height: 250px;
    overflow-y: scroll;
    border-top: 2px solid #80bf77;
    border-bottom: 2px solid #a7a4ec;
    box-shadow: inset 0px 0px 5px #d2d7dd;
    border-radius: 20px;
    background: #f1f1f1;
    padding: 5px;
}

[type=radio]:checked ~ label {
    color: #a39eea;
    background-color: #eeeeee;
    font-family: bebas neue;
}

/* Стили секций с содержанием */
.tabs>section {
    display: none;
}

	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
	from {
    opacity: 0;
	}
	to {
    opacity: 1;
	}
}
@keyframes fadeIn {
	from {
    opacity: 0;
	}
	to {
    opacity: 1;
	}
}
/* Прячем чекбоксы */
.tabs>input {
	display: none;
	position: absolute;
}

/* Стили переключателей вкладок (табов) */
.tabs>label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 1px 10px 1px 10px;
    font-weight: bold;
    font-family: bebas neue;
    letter-spacing: 2px;
    font-size: 12px;
    text-align: center;
    color: #7ebe75;
    background: #f1f1f1;
    border-top: 2px solid #a7a4ec;
    border-radius: 10px;
}

/* Изменения стиля переключателей вкладок при наведении */
 .tabs>label:hover {
	color: #888;
	cursor: pointer;
}

/* Стили для активной вкладки */
.tabs>input:checked+label {
    margin: 5px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.42);
    font-family: bebas neue;
    letter-spacing: 2px;
    font-size: 14px;
    border-top: 2px solid #80bf77;
    background: #f1f1f1;
}

/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6, #tab7:checked~#content-tab7 {
	display: block;
}
</style>