I'm Hot Hot Hot Hot Fire

<center>
<link href="https://fonts.googleapis.com/css?family=Khula|Kumar+One" rel="stylesheet">
<style>
  .euphie {
    height: 650px;
    width: 400px;
    background-color: #23213B;
    border: 2px solid #CFB97A;
    position: relative;}
  .eugif {
    height: 150px;
    width: 268px;
    border: 1px solid #CFB97A;
    top: 25px;
    left: 65px;
    position: absolute;
    }
  .eutitle {
    height: 25px;
    width: 320px;
    background: linear-gradient(to right, rgba(207,185,122,.25), #CFB97A);
    background: -webkit-background: linear-gradient(to right, rgba(207,185,122,.25), #CFB97A);
    background: -moz-background: linear-gradient(to right, rgba(207,185,122,.25), #CFB97A);
    background: -o-background: linear-gradient(to right, rgba(207,185,122,.25), #CFB97A);
    padding: 10px;
    color: #23213B;
    font-family: 'Kumar One', cursive;
    font-size: 20px;
    position: absolute;
    top: 190px;
    left: 32px;
    line-height: 1.5;
    text-align: center;
    }
  .eubars {
    height: 565px;
    width: 2px;
    background-color: #CFB97A;
    position: absolute;
    left: 30px;
    top: 25px;
    }
  .eutext {
    height: 310px;
    width: 248px;
    padding: 10px;
    position: absolute;
    border: 2px solid #CFB97A;
    top: 247px;
    left: 65px;
    color: white;
    font-family: 'Khula', sans-serif;
    font-size: 12px;
    text-align: justify;
    text-indent: 25px;
    overflow: auto;
    }
  .eunotes {
    height: 25px;
    width: 322px;
    background-color: #CFB97A;
    position: absolute;
    padding: 10px;
    top: 590px;
    left: 30px;
    font-family: 'Khula', sans-serif;
    font-size: 12px;
    color: #23213B;
    overflow: auto;
    text-align: center;
    line-height: 1;
    }
  .eucredit {font-family: 'space mono', monospace; color: white; font-size: 8px; margin-top: 637px;}
  .eucredit a {font-family: 'space mono', monospace; color: white; font-size: 8px; text-decoration: none;}

</style>

<div class="euphie"><div class="eubars"></div>
  <div class="eugif"><img src="https://placehold.it/268x150" style="width: 100%; height: 100%;"></div>
  <div class="eutitle">Title here</div>
  <div class="eutext">blah blah blah, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sem justo, auctor at suscipit nec, condimentum at sapien. Quisque sit amet porta nisl. Nullam dolor est, rhoncus sit amet diam ut, volutpat molestie erat. Vivamus nec metus eget risus convallis interdum sed a eros. Nam et nibh et velit rutrum lobortis sit amet vel sem. Sed maximus gravida augue. Pellentesque ut massa in risus vehicula tincidunt. Nunc pulvinar commodo neque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam non tortor sit amet turpis tincidunt blandit. Aenean aliquet finibus dignissim. Nullam nisi magna, tristique eu pretium et, tincidunt sit amet leo.
<p>
Nulla vel sagittis dolor, vitae interdum turpis. Sed nec porttitor neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi posuere suscipit metus, a vulputate eros efficitur ac. Suspendisse accumsan convallis ex, ac efficitur elit commodo nec. Proin dapibus congue augue, non tristique neque congue vel. Vivamus bibendum massa at eros sollicitudin, vitae ornare nisl faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec lacinia, ex sed pellentesque aliquet, sem nibh varius diam, nec pretium elit enim quis libero. Sed consectetur nunc in cursus rutrum. Nullam molestie dui ut elit lacinia posuere.</div>
  <div class="eubars" style="left: 370px;"></div>
  <div class="eunotes">beep beep beep beep beep beep beep beep beep beep beep beep notes lalalalalalala lalalalalalal lalalal beep beep beep beep beep beep beep beep beep beep beep beep notes lalalalalalala lalalalalalal lalala</div>
   <div class="eucredit"><a href="https://rpginitiative.com/profile/2592-penny/">♔</a></div>
</div>
</center>