<!--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"><b>Sandra Fawcett</b> - <i>03.01.2019</i>;<br>

</div>
<div class="faces"><b>Jeremy Renner</b> - <i>бессрочно</i>;<br>
<b>Gemma Arterton</b> - <i>бессрочно</i>;<br>
<b>Eric Dane</b> - <i>бессрочно</i>;<br>
<b>Svetlana Hodchenkova</b> - <i>бессрочно</i>;<br>
<b>Eva Green</b> - <i>бессрочно</i>;<br></div></div>