<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

</style>

<style type="text/css">
.text {background: white; color: black; width:350; height: 80px; padding-left:10px; padding-right:10px; overflow:auto; transition-duration: .9s; -moz-transition-duration: .9s; -webkit-transition-duration: .9s; -o-transition-duration: .9s; opacity: 0.0; }
.text:hover {opacity: 0.9;}

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background-color: #d5f0f6; }
::-webkit-scrollbar-thumb { background-color: #2789a1; }
</style>

<center>
<div style="width: 480px; background-color: #145378; border: 1px solid #003847; color: white; padding: 5px;">
<div style="font-family: verdana; text-transform: uppercase; font-size: 9px; color: white; letter-spacing: 5px; margin-bottom: -10px;">Is a book I'm afraid to write it's</div>
<div style="font-family: Oswald; font-size: 50px; letter-spacing: 2px; text-align: center; margin-top: -5px;">A BOOK OF MY DAYS</div>
<div style="font-family: verdana; text-transform: uppercase; font-size: 9px; color: #b6b6b6; margin-top: -76px;" class="text">после того, как вы окажетесь среди основного состава здешних жителей, наступит момент, когда вы зайдете в эту тему, чтобы найти шаблон для заполнения уже не анкеты, но личного дела. после вашего главного и принятого документа вы оставляете <b>два сообщения с расписанными отношениями</b> с другими жителями и <b>хронологией ваших эпизодов</b>, которую. как правило, никто и никогда не заполняет, но мы лелеем робкую надежду, что кто-то это все же сделает.</div>
</div>
<p>
<center><div style="width: 470px; height: 125px; border: 3px solid #003847; background-color: #ffeee2; ">
<div style="line-height: 80%; font-family: georgia; font-size: 25px; font-style: italic; font-weight: bold; color: #003847; text-shadow: 1px 1px 0px white;">шаблон заполнения</div>
<div style="width: 450px; height: 75px;padding: 10px; text-align: center; text-transform: uppercase; font-size: 9px; overflow: auto; "> <b>1.</b> отношения первым сообщением.<br>
<b>2.</b> хронология вторым сообщением.<br>
<b>3.</b> картинки в отношениям/хронологии не предусмотрены, не вставлять.<br>
<b>4.</b> шаблон не видоизменять.<br>
<b>5.</b> в отношениях строки с именем персонажа/отношениями с ним можно размножить в зависимости от количества.<br> </div>
</div></center>

<p>