[html]<style>#armglav {display:block; padding:40px; margin: 0 0 1em 3em; background: rgba(31,36,39, .09); width:620px; box-sizing:border-box; height: 450px; box-shadow: 6px 6px 0 #634b91;}

.arava{position: absolute; display:block; width: 540px; height: 100px; box-shadow: -7px -7px 0 #7669a3; background-position: 110px 3px;}

.block {display:block; width: 250px; top: 300px;  background: rgba(255,255,255, .07); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.09) inset;   padding: 5px; margin: 1px 0 5px 1px; text-align: justify; font-size: 9px; color: #23201c !important; letter-spacing: .5px; height: 100px; overflow: auto; position: absolute;}

.block2 {display:block; width: 250px; top: 300px; background: rgba(255,255,255, .07); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.09) inset;   padding: 5px; margin: 1px 0 5px 280px; text-align: justify; font-size: 9px; color: #23201c !important; letter-spacing: .5px; height: 100px; overflow: auto; position: absolute}

.blockbig {display:block; width: 529px; top: 190px; background: rgba(255,255,255, .07); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.09) inset;
  padding: 5px; margin: 1px 0 5px 1px; text-align: justify; font-size: 10px; color: #23201c !important; letter-spacing: .5px; height: 70px; position: absolute
}

.hello{display: inline; padding: 0 88px; top: 142px; color: #342f6f;  font-size: 30px; font-weight: 600; letter-spacing: 3px; position: absolute; text-transform: uppercase;}
.twotext {padding: 0 115px; top: 278px;  color:#44276a; font-weight: 600;
    letter-spacing: 3px; text-transform: uppercase; text-align: center;  text-align: center; position: absolute; }
.theetext {padding: 0 370px; top: 278px; color:#44276a; font-weight: 600;
    letter-spacing: 3px; text-transform: uppercase; text-align: center; position: absolute; }
</style>

<div id="armglav"><div class="armpers">
<div class="arava" style="background-image:url(https://i.makeagif.com/media/4-07-2019/yEpRla.gif)"></div>
</div>
<div class="hello">Welcome to Haven</div>

<div class="blockbig">▊ Добро пожаловать в завтрашний день! Мир изменился. Голубая планета превратилась в бескрайнюю пустыню, по которой снуют парадемоны. Города стали руинами, а прежде заклятым врагам приходится объединяться ради общей цели. <br> 
▊▊ Роли и внешности придерживаются на <b>3 дня</b> с возможностью продления. Чтобы придержать роль/внешность заполните, пожалуйста, <b>шаблон</b>, представленный ниже.</div>

<div class="twotext">роли</div>
<div class="block">
<b>Floyd Lawton | Deadshot</b> — за амс<br>

</div>

<div class="theetext">внешности</div>
<div class="block2">

</div>
</div>[/html]

Отредактировано Power GM (2021-12-01 10:51:01)