<div class="bananico12">
   <div class="bananaheader">

&nbsp;Твоё &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <font color="#5c0d0b">имя</font>

   </div> 
<div class="nanico2frase">

Авелара и Азазель

</div>
<div class="nanicotextme">

Что для архидемона его имя? Тайна? Что-то столь личное, из-за чего он готов его скрыть? <br>
  Служанки говорят лишнего, вынуждая желанную для своего господина гостью задавать вопросы.... Но что из этого выйдет, и назовет ли Архидемон свое истинное имя, наконец рассказав, кто он на самом деле?

</div> 
  <div class="nininorodpe">

Особняк Азазеля в Эфирионе ┃ 15:15 дня, за месяц до квеста "Мерцание Эфириона" ┃ Личный

  </div> 
  <div class="efeitim"></div>
  <a href="https://ephyrion.f-rpg.me/viewtopic.php?id=284#p33667" class="crediggs" title="прошлый эпизод"></a>
</div>

<style type="text/css">

:root {
                   /** first image banner. min width: 500px;  **/
       --imagem1b: url(https://forumupload.ru/uploads/0019/d5/79/78/70407.png);

                   /** first banner text color  **/
--titlecolor1b:  #de1738;

                   /** 2th banner image and footer image. min width: 500px **/
--imagem2b: url(https://forumupload.ru/uploads/0019/d5/79/78/75714.png);

                   /** 2th banner image color  **/
--backmist2b: #de1738

                   /** 2th banner text color  **/;
--txtbackcolor1b: #dcc2c1;

                   /** bold text color  **/
--corfalas1bs: #de1738;

                   /** footer background color  **/
--rodapeback1bs:  #24b7e3;

                   /** footer text color  **/
--rodapecor1bs: whitesmoke;
}

.bananico12 { width: 750px; overflow: hidden; position: relative; margin: 20px auto; box-shadow: 3px 3px 5px rgba(0,0,0,.3);}

@font-face { font-family: 'jaapokki'; src: url('https://files.jcink.net/uploads/forumdodiggs/fonts/jaapokki/jaapokkisubtract_regular_webfont.woff2') format('woff2'), url('https://files.jcink.net/uploads/forumdodiggs/fonts/jaapokki/jaapokkisubtract_regular_webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

.bananaheader { width: 750px; padding: 100px 0px; font-family: jaapokki; font-size: 40px; text-transform: uppercase; background-blend-mode: multiply; background-position: -5px -0px; background-size: cover; color: #5c0d0b; background-image: var(--imagem1b); text-align: center; }

.nanico2frase { width: 750px; padding: 80px 30px; box-sizing: border-box; text-align: center; background-image: var(--imagem2b); background-size: cover; background-position: center; background-color: var(--backmist2b); background-blend-mode: multiply; color: whitesmoke; font-family: jaapokki; font-size: 13px; letter-spacing: 8px }

.nanicotextme { width: 100%; padding: 40px 50px; box-sizing: border-box; text-align: justify; background-color: #b8afb5; color: #282828; font-family: calibri; font-size: 15px; line-height: 160%; letter-spacing: 1px; }

.nanicotextme b { color: var(--corfalas1bs); font-family: jaapokki; font-size: 16px; font-weight: normal; }

.nininorodpe { width: 100%; padding: 60px 40px; box-sizing: border-box; text-align: left; background-color: var(--rodapeback1bs); color: var(--rodapecor1bs); background-image: var(--imagem2b); background-blend-mode: multiply; background-size: cover; background-position: center; font-family: jaapokki; letter-spacing: 2px; font-size: 13px; }

.nininorodpe a { color: var(--corfalas1bs); font-family: jaapokki; text-transform: uppercase; text-decoration: none; }

.efeitim { width: 1px; height: 95%; position: absolute; top: 2.5%; right: 10px; background: whitesmoke; }

.crediggs { position: absolute; bottom: 10px; right: 5px; font-family: jaapokki; color: whitesmoke!important; text-decoration: none; font-size: 10px; display: block; padding: 2px; }
</style>