[html]<style>
/**шрифт**/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/**общий блок**/
.stargs {background: #fff; width: 650px; height: auto; border-radius: 20px; display: flex; flex-wrap: wrap; gap: 10px; padding: 15px; box-sizing: border-box; margin: 0 auto !important;}
/**блок с названием**/
.topst {display: flex; width: 100%; height: 50px; align-items: center; gap: 15px; border-bottom: solid 3px #000;}
/**блок с названием -> звездочка**/
.ist {width: 30px; height: 30px; transition: all 0.7s linear 0s;}
.ist:hover {transform: rotate(90deg); transition: all 0.7s linear 0s;}
/**блок с названием -> название форума**/
.namest {font-family: rubik; font-weight: 900; font-size: 22px; color: #000;}
/**блок с картинкой и инфой**/
.bottomst {display: flex; gap: 15px;}
/**блок с картинкой и инфой -> картинка**/
.imgst img {border-radius: 20px; max-width: 160px;}
/**блок с картинкой и инфой -> инфа**/
.bottomst_r p {margin: 0; text-align: justify; font-size: 14px; font-family: 'Rubik'; color: #000; padding-bottom: 10px;}
/**блок с картинкой и инфой -> спойлеры**/
.bottomst_r details {padding: 10px 0; border-top: solid 3px #000; border-bottom: solid 3px #000;}
.bottomst_r details:nth-child(2) {border-bottom: none;}
/**блок с картинкой и инфой -> убираем дефолтные маркеры**/
.bottomst_r details summary::-webkit-details-marker {display: none}
.bottomst_r details > summary {list-style: none;}
/**блок с картинкой и инфой -> название спойлера**/
.bottomst_r summary {cursor: pointer; display: flex; align-items: center; gap: 10px; font-family: 'Rubik'; font-size: 18px; font-weight: 900; color: #000;}
/**блок с картинкой и инфой -> звездочки в спойлерах**/
.bottomst_r summary img {width: 30px; height: 30px;}
/**блок с картинкой и инфой -> списки**/
.bottomst_r details ul {margin: 0; padding: 5px 15px;}
.bottomst_r details li {font-size: 10px; font-family: 'Rubik'; color: #000; list-style: none; line-height: 1.5;}
/**блок с картинкой и инфой -> ссылки в списках**/
.bottomst_r details li a {padding: 0 10px; background: #000; border-radius: 15px; color: #fff !important; text-decoration: none !important; font-family: 'Rubik' !important; font-size: 10px !important; transition: all 0.3s linear 0s;}
/**блок с картинкой и инфой -> навигация**/
.navst {display: flex; flex-wrap: wrap; gap: 10px; padding: 10px 0;}
.navst a {display: block; padding: 5px 10px; background: #fff; border-radius: 15px; color: #fff !important; text-decoration: none !important; font-family: 'Rubik' !important; font-size: 10px !important; transition: all 0.3s linear 0s;}
.navst a:hover, .bottomst_r details li a:hover {background: #fff; color: #000 !important; box-sizing: border-box; transition: all 0.3s linear 0s;}
</style>
<!--код гостевой by karamba-->
<div class="stargs">
<div class="topst">
<div class="ist"><img src="https://forumstatic.ru/files/0016/f1/95/58840.svg"></div>
<div class="namest">Torrance</div>
</div>
<div class="bottomst">
<div class="bottomst_l">
<div class="imgst"><img src="https://forumupload.ru/uploads/0013/e8/6e/4/784907.jpg"></div>
</div>
<div class="bottomst_r">
<p>Торранс стоит на трех китах: протестантизм, расизм и садизм туризм. Несмотря на то, что в большей части штатов люди все-таки имеют прогрессивное мышление, в глухой провинции толерантность если и присутствует, то весьма условная и одни всегда равнее, чем другие. Помимо характерного для многих американцев теплого отношения к церкви и привычки, принарядившись, ходить на воскресные проповеди, здесь в почете традиционные христианские ценности. Большая часть населения - БАСП (WASP), и ко всем остальным отношение может варьироваться от прохладно-презрительного до откровенно агрессивного. Любой, кто не является Хорошим Правильным Белым Американцем (англосаксонского происхождения и протестантского вероисповедания), вызывает косые взгляды или открытый негатив.
Любые отклонения от нормы при этом (а их более чем достаточно) тщательно прикрыты фальшфасадом добропорядочности. Но если уж Вас в чем-то уличили, пощады не ждите.
Гомофобия, расизм, патриархальное мышление прочно гнездятся в голове среднестатистического горожанина. Даже те, кто не испытывает настоящего предубеждения, порой вынуждены его имитировать, чтобы не оказаться за бортом.
Ригидная традиционность, недоверие к новомодным тенденциям и вопиющее лицемерие, прикрывающее грехи – перед Вами исчерпывающий портрет среднестатистического торранца.</p>
<details>
<summary> <img src="https://forumstatic.ru/files/0016/f1/95/58840.svg">занятые внешности</summary>
<ul>
<li>alain delone - <a href="https://torrance.rusff.me/viewtopic.php?id=157">JACK BARRETT</a></li>
<li>andre van noord - <a href="https://torrance.rusff.me/profile.php?id=74">STEPHEN EDEN</a></li>
<li>arthur daniyarov - <a href="https://torrance.rusff.me/profile.php?id=98">THEODORE CAINE</a></li>
<li>ben nordberg - <a href="https://torrance.rusff.me/profile.php?id=105">KENNETH RILEY</a></li>
<li>bill moseley - <a href="https://torrance.rusff.me/profile.php?id=112">ROB DIXON</a></li>
<li>christina ricci - <a href="http://torrance.rusff.me/profile.php?id=38">SONYA HUNTING</a></li>
<li>elle fanning - <a href="https://torrance.rusff.me/profile.php?id=58">ISABELLE WHITE</a></li>
<li>emilia clarke - <a href="https://torrance.rusff.me/profile.php?id=116">VALERY DAY</a></li>
<li>emmy rossum - <a href="https://torrance.rusff.me/profile.php?id=117">VERONICA DAY</a></li>
<li>felix mallard - <a href="http://torrance.rusff.me/profile.php?id=57">ILAY GALLIANO</a></li>
<li>finn wolfhard - <a href="https://torrance.rusff.me/profile.php?id=93">BENJAMIN ALLISON</a></li>
<li>gaspard ulliel - <a href="https://torrance.rusff.me/profile.php?id=102">ANTONIO SCARCELLI</a></li>
<li>jaeden martell - <a href="http://torrance.rusff.me/viewtopic.php?id=158#p12808">NEAL BARRETT</a></li>
<li>james varley - <a href="https://torrance.rusff.me/profile.php?id=69">OSCAR HORN</a></li>
<li>jessica lange- <a href="https://torrance.rusff.me/profile.php?id=115">CONSTANCE ROTHENBERGER</a></li>
<li>johnny depp - <a href="https://torrance.rusff.me/viewtopic.php?id=217">MICHELL PACKARD</a></li>
<li>kaya rose scodelario-davis - <a href="https://torrance.rusff.me/profile.php?id=80">THALIA MAY</a></li>
<li>kristine froseth - <a href="http://torrance.rusff.me/profile.php?id=33">EMERALD THORN</a></li>
<li>linus wordemann - <a href="https://torrance.rusff.me/viewtopic.php?id=314#p34095">HENRY SAUER</a></li>
<li>mads mikkelsen - <a href="http://torrance.rusff.me/profile.php?id=4">BASIL HUNTER</a></li>
<li>marton csokas - <a href="https://torrance.rusff.me/profile.php?id=118">NORMAN HOULT</a></li>
<li>nastya zhidkova - <a href="https://torrance.rusff.me/profile.php?id=101">EVA LAZAR</a></li>
<li>rutger hauer - <a href="https://torrance.rusff.me/profile.php?id=73">JACK CALLAGHAN</a></li>
<li>samuel larsen - <a href="https://torrance.rusff.me/profile.php?id=61">DAVID PACKARD</a></li>
<li>steve buscemi - <a href="https://torrance.rusff.me/profile.php?id=94">STEPHEN WHITE</a></li>
<li>tilda swinton - <a href="https://torrance.rusff.me/profile.php?id=107">LETITIA LAZLO</a></li>
<li>tobin bell - <a href="http://torrance.rusff.me/profile.php?id=24">RICHARD TATE</a></li>
<li>toby stephens - <a href="https://torrance.rusff.me/profile.php?id=106">JAMES DAVIS</a></li>
</ul>
</details>
<details>
<summary><img src="https://forumstatic.ru/files/0016/f1/95/58840.svg"> занятые роли</summary>
<ul>
<li>бармен "У Ковальского" - <a href="http://torrance.rusff.me/viewtopic.php?id=228#p21906">Джек Каллахан, 41</a></li>
<li>безработный - <a href="https://torrance.rusff.me/viewtopic.php?id=342#p40964">Роб Диксон, 48</a></li>
<li>безработный, иждивенец - <a href="http://torrance.rusff.me/viewtopic.php?id=83#p2380">Бэзил Хантер, 48</a></li>
<li>владелец бара "Старый Кот" - <a href="https://torrance.rusff.me/viewtopic.php?id=157">Джек Барретт, 20</a></li>
<li>владелец лесопилки - <a href="https://torrance.rusff.me/viewtopic.php?id=217#p21017">Мишель Пеккард, 55</a></li>
<li>владелица цветочного магазина - <a href="https://torrance.rusff.me/viewtopic.php?id=245#p23992">Талия Мэй, 25</a></li>
<li>мастер кукол - <a href="https://torrance.rusff.me/viewtopic.php?id=302#p32738">Эва Лазарь, 26</a></li>
<li>мафиози - <a href="https://torrance.rusff.me/viewtopic.php?id=317#p34479">Антонио Скарселли, 31</a></li>
<li>пациентка Курятника, ex-судмедэксперт - <a href="https://torrance.rusff.me/viewtopic.php?id=327">Летиция Лазло, 37</a></li>
<li>портной - <a href="http://torrance.rusff.me/viewtopic.php?id=86#p2648">Ричард Тейт, 60</a></li>
<li>продавец комиксов в магазине "Старые черти" - <a href="https://torrance.rusff.me/viewtopic.php?id=296">Стивен Уайт, 35</a></li>
<li>совладелица букинистического «Старые черти» - <a href=" Вероника Дэй, совладелица магазина "Старые черти"">Вероника Дэй, 29</a></li>
<li>совладелица букинистического «Старые черти» - <a href=" Валери Дэй, совладелица магазина "Старые черти"">Валери Дэй, 28</a></li>
<li>таксидермист - <a href="http://torrance.rusff.me/viewtopic.php?id=300#p32552">Теодор Кейн, 37</a></li>
<li>таролог - <a href="https://torrance.rusff.me/viewtopic.php?id=322#p35406">Кеннет Райли, 16</a></li>
<li>травматолог в госпитале св. Антония - <a href="https://torrance.rusff.me/viewtopic.php?id=323">Джеймс Дэвис, 42</a></li>
<li>уборщик "У Ковальского" - <a href="https://torrance.rusff.me/viewtopic.php?id=229#p21937">Стивен Иден, 48</a></li>
<li>учитель литературы - <a href=" Констанс Ротенбергер, учитель литературы">Констанс Роттенбергер, 50</a></li>
<li>шериф - <a href=" Норман Холт, шериф">Норман Холт, 46</a></li>
<li>школьник - <a href="http://torrance.rusff.me/viewtopic.php?id=181#p15203">Бенджамин Эллисон, 14</a></li>
<li>школьник - <a href="https://torrance.rusff.me/viewtopic.php?id=158#p12808">Нил Барретт, 15</a></li>
<li>школьник - <a href="https://torrance.rusff.me/viewtopic.php?id=215#p20702">Оскар Хорн, 16</a></li>
<li>школьник - <a href="https://torrance.rusff.me/viewtopic.php?id=201#p18806">Дэвид Пеккард, 17</a></li>
<li>школьник, помощник садовода в теплицах - <a href="https://torrance.rusff.me/viewtopic.php?id=314#p34095">Генри Сауэр, 16</a></li>
<li>школьник, работник автозаправки - <a href="http://torrance.rusff.me/viewtopic.php?id=181#p15203">Илай Гальяно, 17</a></li>
<li>школьница - <a href="http://torrance.rusff.me/viewtopic.php?id=117#p4690%D1%83">Соня Хантинг, 17</a></li>
<li>школьница - <a href="https://torrance.rusff.me/viewtopic.php?id=180">Изабель Уайт, 15</a></li>
<li>школьница - <a href="https://torrance.rusff.me/viewtopic.php?id=103#p3806">Эмералд Торн, 17</a></li>
</ul>
</details>
<div class="navst">
<a href="https://torrance.rusff.me/viewtopic.php?id=38#p593">новости</a>
<a href="https://torrance.rusff.me/viewtopic.php?id=64">правила</a>
<a href="https://torrance.rusff.me/viewtopic.php?id=60">сюжет</a>
<a href="https://torrance.rusff.me/viewtopic.php?id=70">нужные</a>
<a href="https://torrance.rusff.me/viewtopic.php?id=69">шаблон анкеты</a>
</div>
</div>
</div>
</div>
[/html]
Если окажешься классным 
