<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">

<style type="text/css"> 
 
 .fish {width: 474px;
 height: 550px;
 position: relative;
 overflow: hidden;
 margin-left: -50px;
 }

 .fish .left { -WEBKIT-TRANSITION: 2S;
 -MOZ-TRANSITION: 0.8S; 
 O-TRANSITION: 0.8S; position: absolute;
 left: 0px;
 bottom: 154px;
 width: 243px; 
 height: 233px;
 
 }

.fish:hover .left {-WEBKIT-TRANSITION: 0.8S;
-MOZ-TRANSITION: 0.8S;
O-TRANSITION: 0.8S;
left: -250px;

}

.fish .right { -WEBKIT-TRANSITION: 2S;
-MOZ-TRANSITION: 0.8S;
O-TRANSITION: 0.8S;
position: absolute;
right: 0px;
bottom: 154px;
width: 231px;
height: 233px;}

.fish:hover .right {-WEBKIT-TRANSITION: 0.8S;
-MOZ-TRANSITION: 0.8S;
O-TRANSITION: 0.8S;
right: -250px;}

.cat5 {width: 550px;
      height: 492px;
      background-image: url(http://funkyimg.com/i/2o4a2.jpg);
      background-repeat: no-repeat;
      margin: auto;
      padding: 20px;
}

.text { width: 380px; height: 220px; color: #493c1c; font-style: bold; font-family: Frank Ruhl Libre; text-align: justify; font-size: 13px; margin-top: 170px; overflow: auto; } 

.cat1:hover { opacity: 0.99}

.text::-webkit-scrollbar-thumb {background-color: #af997b; height: auto; border: 1px solid #af997b; }
.text::-webkit-scrollbar-track { background-color: #af997b; height:10px; width:1px; border: 2px solid #af997b;}
.text::-webkit-scrollbar { background-color: #af997b; height: 0px; width:4px; border: 2px solid #af997b;}

</style>

<center>
<div class="cat5"><div class="fish"><div class="left">

<img src="http://funkyimg.com/i/2o3SX.png">

</div>

<div class="right">

<img src="http://funkyimg.com/i/2o3SY.png">

</div>

<div class="text">
<table>
<tr>
<td>
- за регистрацию - 30 фишек 
<br>- за регистрацию по акции or нужным - 50 фишек
<br>- за написание заявки на нужного персонажа - 20 фишек 
<br>- за написание анкеты - 100 фишек 
<br>- за оформление отношений - 10 фишек  
<br>- за оформление хронологии - 10 фишек 
<br>- за приглашение на форум друга - 20 фишек 
<br>- за попадание в таблицу - 60 фишек 
<br>- за первый пост - 20 фишек 
<br>- за создание эпизода - 10 фишек 
<br>- за закрытый эпизод - 150 фишек 
<br>- за участие в квесте - 50 фишек
<br>- за пост во флешбеке, альтернативе, будущем:
<br>° за каждые 2 000 символов (40 фишек)
<br>- за пост в настоящем:
<br>° за каждые 2 000 символов  (60 фишек)
<br>- за пост в квест (50 фишек): 
<br>° за каждые 2 000 (50 фишек)
<br>° за удачный исход совершенного дела в пользу своей касты/организации (30 фишек)
<br>° за закрытый квест (150 фишек)
<br>- за победу своей касты в общем зачете - 60 фишек
<br>- за взаимодействие с гм-мастером - 40 фишек
<br>- за графику для форума, игроков (за каждый элемент - 20 фишек)
<br>- за выполнения всех заданий к одной дораме из раздела "Дорамы" (50 фишек)
<br>- за выполнение игрового задания касты (за каждое выполненное задание - 5 фишек)
<br>- за попадание в номер газеты - 20 фишек
<br>- за создание соцсети - 20 фишек
<br>- за пост в соцсети - 10 фишек
<br>- за 250 сообщений - 10 фишек
<br>- за 500 сообщений - 30 фишек 
<br>- за каждые 500 сообщений - 30 фишек
<br>- за "это интересно" и топы - 10 фишек 
<br>- за пиар форума - 10 фишек
</td>
<td>
- заказ личной плашки - 2000 фишек
<br>- заказ рекламы с нужным персонажем - 1000 фишек
<br>- подарки (ссылка?)
<br>- выкуп внешности для нужных - 3000 фишек 
<br>- выкуп второй роли - 2000 фишек
</td>
</tr>
</table>
</div>

</div>
</div>
</center>