damn me up | article

<style>
.body{
	padding: 20px;
	width: 550px;
	background: #2C3D55;
  	margin: auto;
    font-family: 'georgia';
	font-size: 15px;
	border: 1px solid rgba(150,0,0,0.2);
	color: #fff;
    border-radius: 10px
}
.text1{
	margin: -200px 0px 65px 360px;
    font-size: 14px;
    width: 190px;
	color: #fff;
}
.text2{
	margin: -135px 0px 20px 20px;
    font-size: 14px;
    width: 190px;
   	text-align: right;
    color: #fff;
}
.text3{
	padding: 20px;
    text-align: justify;
    border-bottom: 1px solid #fff;
}
h2, h3{
	margin: 0px 0px;
}
h2, i{
	color: #84828F
}
h3, b{
	color: #bbb
}
</style>
<div class="body">
<!--- make the text short unless you want to manual shift them to fit omegalul; text1 will affect the entire thing while text2 shouldn't  -->
<img src="https://64.media.tumblr.com/940381f39ea1869f7e0fc91a877598b2/6fc2091068f746f8-13/s640x960/3c8830c52054afca85be1e73f0a3bbd465af1586.gifv" style="height: 200px; width: 200px; object-fit: cover; padding: 10px; border: 1px solid #fff; z-index: 1; margin-left: 125px;">
<div class="text1">Lorem ipsum dolor sit amet, ius at reque tantas fastidii, ei vis dicta repudiare necessitatibus, movet dolore ad sea. In usu audiam ceteros, qui nonumy labitur constituam ex.
</div>
<img src="https://64.media.tumblr.com/75ebb6dc919213246b4aa703406a3e78/tumblr_pzh87bPqOa1shmkbho4_r1_400.gifv" style="height: 200px; width: 200px; object-fit: cover; padding: 10px; border: 1px solid #fff; z-index: 2; margin-left: 225px; margin-top: -50px;">
<div class="text2">Lorem ipsum dolor sit amet, ius at reque tantas fastidii, ei vis dicta repudiare necessitatibus, movet dolore ad sea. In usu audiam ceteros, qui nonumy labitur constituam ex.
</div>
<div class="text3">
<h2>we fell down a hole</h2>
<h3>down the hole you go and there you are</h3>
<p>Lorem ipsum dolor sit amet, ius at reque tantas fastidii, ei vis dicta repudiare necessitatibus, movet dolore ad sea. In usu audiam ceteros, qui nonumy labitur constituam ex. Partem officiis accusamus ex mel, inermis fastidii eloquentiam per at.<b> In vim sanctus inimicus repudiare, vis velit animal nominavi ne. Eos et homero iisque debitis, decore ceteros nec te.</b>

<p>Duo liber harum admodum ei. Et sea propriae maluisset hendrerit, nec cu primis hendrerit mediocritatem. Sumo nibh per id, vel ludus nihil altera ne. Eam sale scaevola recteque te, ad putant noluisse persecuti eos. Te qui everti legendos definitionem.

<p><i>iriure omittam constituam ne. Vix ex ludus fuisset detracto, prima laboramus vis ne. Feugait interesset pri cu, illum reformidans cu vis.</i> Sonet tollit ne pro, vix affert deseruisse ne. menandri percipitur ea, his ignota primis mandamus id. Ea mei dicam labore nonumes, nam an facilisi conceptam, duo cu nobis accusata. Congue fastidii accusamus sed no, et nec quaerendum signiferumque.

<p>Ius sale modus menandri an, ei sit cetero tibique suavitate. Ne eos stet maluisset, minim ancillae necessitatibus an vel. Sed sint case homero ut, ex petentium splendide, id mea noster vocibus. Pro prompta alienum abhorreant in, eam causae definiebas signiferumque cu. Qui et errem causae animal.

<p>Ei tota autem vim. Id mollis invenire nec, eum et viris equidem praesent. Sit ei ancillae recusabo. Illum quidam minimum his eu. Aeterno maluisset ex sit.
</div>
<div style="text-align: center; font-size: 15px; margin-top: 10px"><a href="https://finchscodes.tumblr.com" style="text-decoration: none;color: #fff;" target="_blank">CODED BY FINCH</a></div>
</div>