[html]<link href="https://fonts.googleapis.com/css?family=EB+Garamond|Noto+Sans|Playfair+Display:400,400i,500,600,700,800,900|Istok+Web:400,700&display=swap" rel="stylesheet">
<style>
.delaware {
position: relative;
width: 600px;
margin: 10px auto;
background: #030c0c;
text-align: center;
border: 2px solid #6e7f80;
}

.delpic1 {
height: 300px;
width: 600px;
background-size: cover;
background-position: top center;
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid #6e7f80;
border-bottom: 1px solid #6e7f80;
}

.delaware label {
color: #755757;
font-family: playfair display;
letter-spacing: 4px;
padding: 20px 10px;
display: inline-block;
text-transform: uppercase;
font-size: 13px;
cursor: pointer;
transition: 0.3s;
-webkit-transition: 0.3s;
font-style: normal;
}

#d-image:checked+label, #d-app:checked+label, #d-shipper:checked+label, #d-player:checked+label {
color: #cacaca;
font-style: italic;
}

.delaware input {
display: none
}

.delaback {
position: absolute;
background: #6e7f80;
height: 300px;
width: 600px;
mix-blend-mode: multiply;
}

.delaname {
padding: 30px 60px;
position: relative;
color: #cacaca;
font-family: playfair display;
text-transform: uppercase;
letter-spacing: 6px;
font-size: 30px;
height: 0px;
padding: 0px 60px;
overflow: hidden;
transition: 0.6s;
-webkit-transition: 0.6s;
line-height: 130%;
   border: 1px solid transparent;
}

#d-image:checked ~ .delpic1 .delaname {
height: 84px;
padding: 30px 60px;
   border-top: 1px solid #6e7f80;
border-bottom: 1px solid #6e7f80;
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
}

.delaquote {
color: #cacaca;
font-style: italic;
font-family: playfair display;
padding: 40px;
letter-spacing: 1px;
font-size: 17px;
}

.delainfo {
padding: 40px;
padding-top: 0px;
}

.delainfo block {
display: block;
border: 1px solid #6e7f80;
font-family: istok web;
color:  #cacaca;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: left;
padding: 30px;
text-align: left;
background: #222727;
font-weight: 700;
display: flex;
flex-wrap: wrap;
align-items: left;
justify-content: space-between;
}

.delaname i {
display: block;
}

.delainfo div {
display: flex;
align-items: center;
justify-content: space-between;
margin: 5px 0px;
width: 45%;
}

.delainfo div:nth-child(odd) {
flex-direction: row-reverse;
}

.delainfo div i {
font-family: playfair display;
text-transform: lowercase;
letter-spacing: 1px;
font-size: 9px;
font-weight: 400;
color: #9f7676 !important;
}

.delin1, .delin2, .delin3 {
position: absolute;
background: none;
height: 0px;
width: 500px;
top: 105px;
left: 50px;
border: 1px solid transparent;
overflow: hidden;
   transition: 0.7s;
-webkit-transition: 0.7s;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}

.delin1 text, .delin2 text {
margin: 30px;
overflow: auto;
padding-right: 5px;
height: 140px;
display: block;
font-family: noto sans;
text-align: justify;
color: #262928 !important;
font-size: 11px;
line-height: 160%;
background: rgba(182, 184, 178, 1);
outline: 30px solid rgba(182, 184, 178, 1);
}

#d-app:checked ~ .delin1, #d-shipper:checked ~ .delin2, #d-player:checked ~ .delin3 {
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
height: 200px;
border: 1px solid #6e7f80;
}

.delaware h1 {
font-family: playfair display;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
}

.delaware h2 {
color: #aa9e6e!important;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 10px;
}

.delin1 b, .delin2 b {
color: #e5feff;
}

.delin3 img {
height: 60px;
width: 60px;
position: absolute;
top: 30px;
left: 30px;
padding: 5px;
border: 1px solid #6e7f80;
background: #190b0a;
}

.delin3 alias {
font-family: playfair display;
text-transform: uppercase;
color: #cacaca !important;
letter-spacing: 2px;
font-size: 40px;
left: 120px;
position: absolute;
display: block;
top: 35px;
line-height: 100%;
}

.delin3 h2 {
display: block;
font-family: istok web;
position: absolute;
top: 70px;
left: 120px;
letter-spacing: 2px;
}

.delin3 triggers {
display: block;
background: #190b0a;
position: relative;
margin: 0px 30px;
border: 1px solid #6e7f80;
padding: 10px;
overflow: auto;
color: #cacaca !important;
font-family: noto sans;
font-size: 11px;
text-align: left;
top: 110px;
height: 50px;
}

.delin3 h3 {
font-family: istok web;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
color: #c8caca !important;
border: 1px solid #6e7f80;
padding: 3px;
margin: 0px 30px;
position: absolute;
width: 332px;
top: 110px;
background: #190b0a;
text-align: left;
}

.delin3 background {
display: block;
height: 100%;
width: 100%;
background: #190b0a;
position: absolute;
}

.delin1 text::-webkit-scrollbar{width:5px;}
.delin1 text::-webkit-scrollbar-track{background:#333!important;border:1px solid #333;!important}
.delin1 text::-webkit-scrollbar-thumb{background: #aa9e6e;border: 2px solid #333;}

.delin2 text::-webkit-scrollbar{width:5px;}
.delin2 text::-webkit-scrollbar-track{background:#333!important;border:1px solid #333;!important}
.delin2 text::-webkit-scrollbar-thumb{background: #aa9e6e;border: 2px solid #333;}

.delin3 text::-webkit-scrollbar{width:5px;}
.delin3 text::-webkit-scrollbar-track{background:#333!important;border:1px solid #333;!important}
.delin3 text::-webkit-scrollbar-thumb{background: #aa9e6e;border: 2px solid #333;}

</style>
<div class="delaware">
<input type="radio" id="d-image" name="delaware" checked>
<label for="d-image">Запретная Зона</label>
<input type="radio" id="d-app" name="delaware">
<label for="d-app"> О нас</label>
<input type="radio" id="d-shipper" name="delaware">
<label for="d-shipper">О проекте</label>
<input type="radio" id="d-player" name="delaware">
<label for="d-player">Администрация</label>

<div class="delpic1" style="background-image: url(https://forumstatic.ru/files/001a/e7/1a/69139.png)">
   <div class="delaback"></div>
    <div class="delaname">Игра на выживание<i>2019</i></div>
</div>

<div class="delin1">
  <text>
Добро пожаловать на проект!<br>
Россия, 2019 год, рейтинг игры 21+<br>

По мере подготовки локаций в республике Тыва, на проект открыт предварительный кастинг, на котором для дальнейшей игры из всех желающих будут отобраны только 14 человек. Ни больше, ни меньше! <br>
Предварительно каждый из вас будет обязан подписать согласие на участие в шоу, заранее принимая условия, что это может быть опасно для вашего здоровья и жизни. Прошу обратить ваше внимание, что в контракте черным по белому будет указано, что организаторы имеют право определять и менять условия шоу по мере ваших действий. <br>
До непосредственного участия, здесь вы можете задать любые интересующие вас вопросы, на которые вам ответят развернуто и с удовольствием. Мы всегда рады интересным идеям, потому если среди вас сыщется желающий примкнуть к организаторам проекта, мы с удовольствием рассмотрим кандидатуры.

  </text>
</div>

<div class="delin2">
  <text> Запретная Зона — новое экстремальное реалити-шоу нашего телеканала, призванное узнать, на что готовы пойти люди, чтобы выжить в диких условиях. Их ждет глухая тайга, окруженная неприступными горами, а в радиусе более ста километров нет ни одного населённого пункта, дорог, Интернета и сотовой связи. В этих условиях участникам предстоит провести один месяц, чтобы заполучить самый крупный денежный приз в истории российского телевидения — 1 миллион евро, который достанется только одному участнику, сумевшему дойти до самого конца.
Смогут ли участники побороть дикие условия, друг друга, а, главное, самих себя?<br>
  </text>
</div>

<div class="delin3"><background></background>

  <img src="https://forumstatic.ru/files/001a/e7/1a/73564.png">
  <alias>АМС</alias>
  <h2>"вы им спасибо не скажите"</h2>
  <triggers><b>ПРОДЮСЕР</b> - ответственный за организацию проекта и вопросы относительно дальнейшей игры;<br>
<b>ВЕДУЩИЙ</b> - отвечать на глобальные вопросы относительно проекта не в его компетенции, но за помощью всегда можете обратиться;<br>

</triggers>

</div>

<div class="delaquote">
Кто не хочет умереть от жажды — должен научиться пить из всех стаканов?

</div>
<div class="delainfo">
   <block> <div>FEMALE</div>
<div>MALE</div>
   <div>
<br>

</div>
   <div>
Иван Янковский<br>
</div>

 
   </block>
</div>
</div><center><a href="https://shadowplayers.jcink.net/index.php?showuser=2355" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>[/html]