[hideprofile][html]
<div id="opendoors">
<div class="od-name">wanted wanted </div>
<div class="od-whitebox"> </div> <div class="od-contain">
<input type="radio" id="intro" name="shipper" checked>
<div class="od-textbox"> <text>  <title>пс друг//</title> <title2>у нас тут для тебя акция месяца</title2>это то, что могло бы зваться упрощенным приемом, но если мы еще немного упростим, то вместо анкеты получится голосовое. голосовых мы не хотим, а вот раздать любви с порога хотим, поэтому...<br><br>
в этой теме мы будем писать, кто нужен на проекте, кого не хватает в игре или в сюжете. пришедшим по акции полагается бонус: 2 единицы форумной валюты и плашка :<br><br>до 10 декабря приглашаем в город солдат и соучастников хэби. каждая плашка относится к конкретному капо в порядке хидео сакаи, макото фудживара, моби дик:<br>

<br>а так же всех представителей красных карасу и ребят по акциям ивента «зеркало»

<br>
♡
</text></div></div>
  </text>
</div></div>
<style>
#opendoors { width: 850px; height: 420px; margin: auto; position: relative; border: 1px solid #000; overflow: hidden; background:url(https://i.ibb.co/cLT2Zj1/image.jpg) ;
line-height: 100%;}
.od-compass { background-image:; background-size: cover; height: 70px; width: 70px; position: absolute; top: 333px; right: 65px; z-index: 3; transition: 0.6s; -webkit-transition: 0.6s;}
.od-whitebox { width: 790px; height: 310px; position: absolute; background: rgb(255 255 255 / 35%); border: 1px solid #000; top: 75px; left: 30px; overflow: hidden;}
#opendoors label { cursor: pointer; font-family: manrope; color: #cecece;padding: 0px 10px 5px;background: #000; font-size: 25px; line-height: 110%; display: inline-block;  top: 250px; position: relative; left: 370px; font-weight: 800;}
#opendoors input { display:none}
.od-textbox { width: 740px; height: 200px; position: relative; margin: 15px; top: -52px; left: 32px; transition: 0.6s; -webkit-transition: 0.6s; z-index: 2;line-height: 150%;}
.od-contain { width: 470px; height: 200px; position: absolute; top: 140px; line-height: 100%;}
.od-name { color: #000; font-family: manrope; position: fixed; font-weight: 800; text-transform: uppercase; font-size: 90px; line-height: 110%;color: #cecece; display: inline-block; top: -47px; left: 33px;}
.od-textbox text { display: block; color: #000; font-family: manrope; width: 760px; height: 350px; position: absolute; top: 15px; left: -2px; text-align: justify; font-size: 11px; overflow: auto; padding-right: 18px;}
.punbb a { text-decoration: none; font-weight: 500; color: #cecece !important; }
a:hover { text-decoration: none; font-weight: 500; color: #8982ff!important; }
.od-textbox text::-webkit-scrollbar{width:5px}
.od-textbox text::-webkit-scrollbar-thumb{border:none!important;background:#cecece!important}
.od-textbox text::-webkit-scrollbar-track{background:none!important;border:none!important}.od-textbox b { background: #cecece; color: white; padding: 1px 2px; margin: 2px;}
.od-textbox title { display: block; position: fixed; font-family: manrope; font-weight: 800; line-height: 130%; text-transform: uppercase; color: #cecece; font-size: 25px; top: 62px; left: 65px;}
.od-textbox title2 { display: block; position: fixed;z-index: 3; font-family: manrope; font-weight: 800; line-height: 130%; text-transform: uppercase; color: #cecece; font-size: 10px; top: 92px; left: 67px;}
</style>[/html]