<!--HTML--><div class="postcolor"> <br>
<div class="fs-app">
<div class="fs-back">
</div>

<div class="fs-bor1">
<div class="fs-icon">
<img src="https://i.imgur.com/11UuuL8.gif"></div>
<div class="fs-bor2"></div>
</div>

<div class="fs-name">INTO THE WOODS<span>шотландия - мистика - nc-17</span></div>

<div id="fs-tab">
<input type="radio" id="fs-tab1" name="freetab" checked="">
<label for="fs-tab1">about</label>
<input type="radio" id="fs-tab2" name="freetab">
<label for="fs-tab2">female</label>
<input type="radio" id="fs-tab3" name="freetab">
<label for="fs-tab3">male</label>


<div class="cont1">
<div class="fs-tabs">
<b>!внешности придерживаются на 3 дня с возможностью продления</b>
<br><b>!внешности для нужных не придерживаются</b>
<br><br><p>Все уже знают, что эта женщина сумасшедшая. Никто не воспринимает её историю всерьез. А она всё ещё хочет рассказать её, эту страшную сказу о далеком Каленхаде - чудном полузабытом городке, потерявшемся где-то в Шотландии. О том, как тот, пообещав спасение от суеты родного мегаполиса, проникшей под кожу, заманил в смертельную ловушку любимую дочь.
<p>Нет, она не мертва; её ноги всё ещё ступают по облетевшей осенней листве. Но... кто она? Почему со знакомого лица на мать глядят такие чужие глаза? 
<p>Может, хоть тебе хватит смелости (или глупости) поверить в эту историю и выяснить, что скрывается в тенях Каленхада?</div>
</div>

<div class="cont2">
<div class="fs-tabs">
<br>✠<b>anya taylor-joy</b>- везьма до 18.11
</p></div>
</div>

<div class="cont3">
<div class="fs-tabs">
<br>✠<b>Johnny Depp</b>- Arthur Birch до 21.11

</div>
</div>
</div>


</div>
<style>
.fs-app {
position: relative;  width: 600px; height: 520px; background: url('https://i.imgur.com/2y5i4rT.png'); border: 10px 0px 0px 10 px solid transparent;

--one: 184, 169, 152;
--two: 36, 30, 23;
--three: 87, 71, 53;
--four: 115, 79, 48;
--five: 144, 126, 112;
}
.fs-back {
position: absolute; top: 0px; left: 50px; width: 500px; height: 120px; background: rgb(var(--five),.2); 
}
.fs-bor1 {
position: absolute; left: 15px; top: 100px; width: 135px; height: 135px;
}
.fs-bor2 { 
position: absolute; left: 15px; top: 15px; width: 75px; height: 75px; padding: 10px; border-radius: 50%; border: 5px solid rgb(var(--two),.6); animation: rotate 4s linear infinite; border-top: 5px solid rgb(var(--five),0); border-bottom: 5px solid rgb(var(--five),0);
}
.fs-icon img { 
position: absolute; left: 30px; top: 30px; width: 75px; height: 75px; border-radius: 50%; 
}
@keyframes rotate { from {transform: rotate(0deg);} to {transform: rotate(360deg);} }

.fs-name {
position: absolute; top: -30px; right: 50px; width: 500px; height: 100px; text-align: center; font: 40px/150% YasevaOne; color: rgb(var(--two)); box-sizing: border-box; border: 55px solid transparent; text-transform: uppercase; 
}
.fs-name span {
display: block; font: 10px/100% myfont2; color: rgb(var(--two)); border-top: 1px solid rgb(var(--two)); padding: 10px 5px; text-transform: uppercase; letter-spacing: 2px; margin-top: -15px;
}
@font-face { font-family:  myfont1; src: url(https://files.jcink.net/uploads/jcode/Artifact.otf); }
@font-face { font-family: myfont2; src: url(https://files.jcink.net/uploads/jcode/Aller.ttf); }


#fs-tab {
height: 450px; width: 350px; margin: auto; position: relative; top: 80px; left: 50px; 
}
#fs-tab input {
display: none;
}
#fs-tab label {
float: left; font: 13px/120% myfont2; position: relative; color: rgb(var(--one)); background: rgb(var(--three)); padding: 10px; margin: 20px; top: 30px;
}
#fs-tab .cont1, #fs-tab .cont2, #fs-tab .cont3 {
height: 370px; width: 480px; position: absolute; top: 80px; left: -20px; opacity: 0; transition: .5s ease-in-out; 
}
#fs-tab input:checked+label {
color: rgb(var(--four)); background: rgb(var(--two)); transition: .5s ease-in-out; 
}
#fs-tab #fs-tab1:checked+label ~ .cont1, #fs-tab #fs-tab2:checked+label ~ .cont2,
#fs-tab #fs-tab3:checked+label ~ .cont3 {
opacity: 1; z-index: 5; 
}
.fs-tabs {
border: 25px solid transparent; box-sizing: border-box; font: 12px/130% arial; height: 375px; width: 400px; overflow: auto; text-align: justify; padding-right: 10px; 
}
.fs-tabs::-webkit-scrollbar { width: 8px; }
.fs-tabs::-webkit-scrollbar-track { background: rgb(var(--three)); border: 2px solid rgb(var(--one)); }
.fs-tabs::-webkit-scrollbar-thumb { background: rgb(var(--four)); border: none; }
</style>
 <br><br><span class="edit"></span></div><!--HTML-->

<br>✠<b>Имя знаменитости</b>- Имя игрока