[html]<style type="text/css">
/*тело*/
.backh{width: 620px;
height: 492px;
background: url(http://funkyimg.com/i/2zdxo.jpg) no-repeat;}
/*название*/
.hname{ text-align: center;
background: linear-gradient(#ffffff, #a2a2a2);
-webkit-background-clip: text;
text-shadow: 0 0 1em #313131;
color: transparent;
font-family: "bebas neue" !important;
font-size: 20px;
position: relative;
top: 15px;
text-transform: uppercase;
/* margin-top: -53px!important; */
font-weight: 900;}
/*приветствие*/
.text {width: 263px;
height: 260px;
position: relative;
top: 140px;
left: 48px;
text-align: justify;
font-family: "Georgia";
font-size: 12px;
color: #351f1f;
overflow: hidden;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) /* Internet Explorer */ -o-transform: rotate(-3deg);
vertical-align: middle;
display: table-cell;}
/*роли*/
.char {width: 235px;
height: 110px;
position: relative;
overflow-y: auto;
top: -110px;
left: 340px;
text-align: center;
font-family: "Georgia";
font-size: 12px;
color: #351f1f;
}
/*внешности*/
.faces{width: 235px;
height: 120px;
position: relative;
overflow-y: auto;
top: -70px;
left: 340px;
text-align: center;
font-family: "Georgia";
font-size: 12px;
color: #351f1f;}
</style>
<div class="backh"><div class="hname">Гостевая книга</div><div class="text">Дорогой волшебник,<br>
Мы рады проинформировать Вас, что Вам предоставлено место в Школе чародейства и волшебства «Хогвартс». <br>
Пожалуйста, забронируйте здесь роль для себя или задайте свои все возникшие вопросы.<br>
<style="color:maroon">Бронирование роли и внешности происходит на 3 дня</style>. Ждем вашу сову. <br><br><br>
Искренне Ваша,<br>
Миневра МакГонагалл,<br>
заместитель директора.
</div>
<div class="char">
</div>
<div class="faces">
<b>Madelaine Petsch</b> - до 15.04<br>
<b>John Karna</b> - до 15.04<br>
</div></div>[/html]
Кажется, золотое трио присутствует не в полном составе 
