<!--HTML-->

<style type="text/css">
.rmain
{
    display: inline-block; width: 140px; height: 140px; margin: 5px; border: 3px solid #b2b2b2; outline: 3px double #d0d0d0;
}

.rmisc
{
   width: 135px;
   height: 135px;
   position: relative;
   margin-top: 3px;
   overflow:auto;
   font-size:12px;
   text-align:justify;
   background-color:#0e0b04;
   opacity:0;
color: #d2bb8c;
text-align: center;
font-family: Playfair Display; 
}

.dmain { width: 500px;  background: transparent; padding: 8px 8px 0px 8px; font-family: 'Old Standard TT'; font-size: 10px;  color: #303030;  text-align: justify; border: 20px solid transparent; box-shadow: -5px -5px #9d7c3a; outline: 3px double #d0d0d0;  position: relative; margin-top: 20px; margin-bottom: 40px; line-height:130%;}
.dmisc  {padding: 5px; margin: 0px 10px 0px 0px; line-height: 18px; height : 16px; width: 490px; background-color: #9d7c3a; font-family: 'Old Standard TT'; font-size:14px;  color:#DCDADB;  text-align:center; text-transform:uppercase; letter-spacing:1px;}
.rmisc text { font-size: 12px; color: #100f0b; text-align: justify; display: block; font-family: 'Arial';} 

.rmisc r
{
    font-family: Old Standard TT';
    text-transform: uppercase;
    font-weight: 900;
    font-size: 22px; 
    color: #4f2324;
}

.rmain:hover .rmisc
{
   opacity:1;
}

.rmisc
{
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
}
</style>

<center><div class="dmain">
<center><div class="dmisc">список персонажей</div> </center>

<center>
<div class="rmain" style="background-image: url(https://i.ibb.co/9wW76VD/2.png);">
<div class="rmisc">
<br><br><br><font style=" font-size: 14px;">Andrea Strada<sup>22</sup>
</font style>
<br><font style="font-size: 12px;">безработная</font style>
<br><font style="font-size: 8px;"><i>ОСТАНОВКА ВРЕМЕНИ</i></font style>
<br><a href="http://nkey.rusff.me/profile.php?id=4">▲</a> <a href="ссылка на анкету">▼</a></div></div>

<div class="rmain" style="background-image: url(https://i.ibb.co/k6gYTy2/4.png);">
<div class="rmisc">
<br><br><br><font style=" font-size: 14px;">Danny Down<sup>23</sup>
</font style>
<br><font style="font-size: 12px;">вор, угонщик</font style>
<br><font style="font-size: 8px;"><i>АБСОРБАЦИЯ ЭЛЕКТРИЧЕСТВА</i></font style>
<br><a href="http://nkey.rusff.me/profile.php?id=21">▲</a> <a href="http://nkey.rusff.me/viewtopic.php?id=35#p505">▼</a></div></div>

<div class="rmain" style="background-image: url(https://i.ibb.co/tMvpqFb/3.png);"><div class="rmisc">
<br><br><br><font style=" font-size: 14px;">Jin Summerset <sup>27</sup>
</font style>
<br><font style="font-size: 12px;">безработная</font style>
<br><font style="font-size: 8px;"><i>СОНАР</i></font style>
<br><a href="http://nkey.rusff.me/profile.php?id=11">▲</a> <a href="ссылка на анкету">▼</a>
</div></div>

<div class="rmain" style="background-image: url(https://i.ibb.co/DgDRNz3/6.png);">
<div class="rmisc">
<br><br><br><font style=" font-size: 14px;">Joshua King<sup>29</sup>
</font style>
<br><font style="font-size: 12px;">частный детектив</font style>
<br><font style="font-size: 8px;"><i>МАНИПУЛИРОВАНИЕ ПАМЯТЬЮ</i></font style>
<br><a href="http://nkey.rusff.me/profile.php?id=14">▲</a> <a href="http://nkey.rusff.me/viewtopic.php?id=36#p563">▼</a></div></div>

<div class="rmain" style="background-image: url(https://i.ibb.co/xmkgfkG/1.png);"><div class="rmisc">
<br><br><br><font style=" font-size: 14px;">Rocco Strada<sup>24</sup>
</font style>
<br><font style="font-size: 12px;">вор, аферист</font style>
<br><font style="font-size: 8px;"><i>СВЕРХСКОРОСТЬ</i></font style>
<br><a href="http://nkey.rusff.me/profile.php?id=3">▲</a> <a href="http://nkey.rusff.me/viewtopic.php?id=40#p658">▼</a>
</div></div>

<div class="rmain" style="background-image: url(https://i.ibb.co/74bhCM6/5.png);">
<div class="rmisc">
<br><br><br><font style=" font-size: 14px;">Victor Eames<sup>35</sup>
</font style>
<br><font style="font-size: 12px;">частный детектив</font style>
<br><font style="font-size: 8px;"><i>УПРАВЛЕНИЕ СНАМИ</i></font style>
<br><a href="http://nkey.rusff.me/profile.php?id=24">▲</a> <a href="http://nkey.rusff.me/viewtopic.php?id=32#p436">▼</a></div></div>

<div class="rmain" style="background-image: url(https://i.ibb.co/qxwTZrd/7.png);">
<div class="rmisc">
<br><br><br><font style=" font-size: 14px;">Vincent Troy<sup>27</sup>
</font style>
<br><font style="font-size: 12px;">исполнитель в отделе NK</font style>
<br><font style="font-size: 8px;"><i>ВИСЦЕРАТИКА</i></font style>
<br><a href="http://nkey.rusff.me/profile.php?id=12">▲</a> <a href="http://nkey.rusff.me/viewtopic.php?id=41#p728">▼</a></div></div>

</center></div>