<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
<style type="text/css">
.hpdh-kreacher {
    width:700px;
    height:126px;
    background-image:url(http://i.imgur.com/DX0XpBS.png);
}
.hpdh-dobby {
    width:80px;
    height:80px;
    padding:0px;
    border:0px transparent;
}
.hpdh-winky {
    width:200px;
    font-family:playfair display;
    font-size:11px;
    font-style:italic;
    padding-bottom:4px;
    text-align:center;
    border-bottom:1px solid #fcfcfc;
    margin-left:26px;
    color:#fcfcfc;
}
.hpdh-griphook {
    background-image: url("http://i.imgur.com/ywAAHoq.png");
background-color: #bdc4c3;
  color: #01221b;
  border: 3px double rgba(1,46,37,0.6);}
    width: 480px;
    padding-left:30px;
    padding-right:10px;
    padding-top:25px;
    padding-bottom:15px;
    font-family:victorian let;
    font-size:14px;
    text-align:justify;
    line-height:98%;
  
}
.hpdh-griphook i {
    font-style:italic;
    font-size:30px;
    font-weight:bold;
    line-height:100%;
    float:left;
    padding-left:15px;
    padding-right:3px;
    color:#191919;
}</style>

<center>
    <div class="hpdh-kreacher">
        <div style="padding-top:10px;"></div>
        <table>
            <tr>
                <td>
                    <div class="hpdh-dobby">
                        <img src="http://i.imgur.com/DX0XpBS.png">
                    </div>
                </td>
                <td>
                    <div class="hpdh-winky"><br> 
<br> эпизодическая кроссоверная мультиплатформа
<br></div>
                </td>
            </tr>
        </table>
    </div>
    <div class="hpdh-griphook">

<style>
.temptop {
    width: 420px;
    background-color: #023329;
    color:#cccccc
    
</style>

<center><div style="font: 30px LITHOGRAPH; color: rgb(83, 91, 40); text-align: center; text-transform: uppercase; line-height: 80%; letter-spacing: 3px; padding-bottom: 4px; position: relative; right: 4px; word-spacing: 4px; ">a</div>
<hr>

<br>

<center> <div class="temptop"><div class="tempcodewords">attack on titan | атака на титанов</div> </center>
<br>



<center><div style="font: 30px LITHOGRAPH; color: rgb(83, 91, 40); text-align: center; text-transform: uppercase; line-height: 80%; letter-spacing: 3px; padding-bottom: 4px; position: relative; right: 4px; word-spacing: 4px; ">b</div>

<center> <div class="temptop"><div class="tempcodewords">borderlands | пограничье</div> </center>
<br>

<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>

<center><div style="font: 30px LITHOGRAPH; color: rgb(83, 91, 40); text-align: center; text-transform: uppercase; line-height: 80%; letter-spacing: 3px; padding-bottom: 4px; position: relative; right: 4px; word-spacing: 4px; ">d</div>
<div class="temptop"><div class="tempcodewords">dragon age | век дракона</div> </center>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>



<center> <div class="temptop"><div class="tempcodewords"></div> </center>


<br>

<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>

<center><div style="font: 30px LITHOGRAPH; color: rgb(83, 91, 40); text-align: center; text-transform: uppercase; line-height: 80%; letter-spacing: 3px; padding-bottom: 4px; position: relative; right: 4px; word-spacing: 4px; ">k</div>

<center> <div class="temptop"><div class="tempcodewords">k project | проект кей</div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>

<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>



<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>



<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


<center> <div class="temptop"><div class="tempcodewords"></div> </center>
<br>


</div>
    <div class="hpdh-kreacher" style="height:50px;">
        <div class="hpdh-winky" style="padding-top:13px; margin-left:0px; font-size:9px;"> <center> CROSS-AGE: <br> Erwin Smith, Levi, Yata Misaki, Tenrias Lavellan </center></div>
    </div>
    <div style="font-size:8px; text-transform:uppercase;">
    </div>
</center>