[html]
<style>
/* ====== WANT-TO-JOIN: frpg1920 brown/beige style ====== */
.wtj-wrap{
background-image: url(https://upforme.ru/uploads/001c/86/f6/2/140849.jpg);
background-size: cover;
background-position: center;
padding: 18px;
color:#3a2a1f;
font-family: "American Typewriter", Georgia, "Times New Roman", serif;
}
.wtj-box{
max-width: 920px;
margin: 0 auto;
background: rgba(242,232,216,.88);
border: 1px solid rgba(176,138,87,.85);
padding: 18px;
}
.wtj-head{
text-align:center;
padding: 14px 14px 12px;
background: rgba(230,216,195,.82);
border: 1px solid rgba(198,169,122,.85);
}
.wtj-title{
margin: 0;
font-size: 26px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .22em;
color:#1b140e;
line-height: 1.15;
}
.wtj-sep{
margin: 12px 0 0;
color:#9c7a4a;
letter-spacing:.2em;
}
.wtj-text{
margin-top: 14px;
background: rgba(242,232,216,.92);
border: 1px dashed rgba(176,138,87,.85);
padding: 14px 14px 12px;
line-height: 1.75;
font-size: 15px;
text-align: center;
color:#4a3f35;
}
.wtj-text p{ margin: 10px 0; }
.wtj-text b{ color:#1b140e; }
.wtj-note{
margin-top: 12px;
font-size: 13px;
color:#6b4f33;
letter-spacing:.08em;
text-align:center;
}
/* ===== compact mobile ===== */
@media (max-width: 520px){
.wtj-wrap{ padding: 10px; }
.wtj-box{ padding: 12px; }
.wtj-head{ padding: 10px 10px 8px; }
.wtj-title{ font-size: 18px; letter-spacing: .18em; }
.wtj-text{ padding: 10px; font-size: 14px; line-height: 1.6; }
.wtj-note{ font-size: 12px; }
}
</style>
<div class="wtj-wrap">
<div class="wtj-box">
<div class="wtj-head">
<h1 class="wtj-title">ХОЧУ К ВАМ</h1>
<div class="wtj-sep">♠ ♠ ♠ ♠ ♠</div>
</div>
<div class="wtj-text">
<p><b>Здесь вы можете описать все свои идеи и гештальты</b>, чтобы наши игроки могли предложить вам роль, связи или соучастие в уже готовых личных сюжетах.</p>
<p>Готового шаблона нет. Просто расскажите о своей задумке.</p>
</div>
</div>
</div>
[/html]
)
