Shadows Lurking Post de Rol sin Scroll

<div class="marisha">
<div class="mbody">
<div class="mheader">
<div class="mimagen" style="background-image:url(https://via.placeholder.com/100);"></div>
<div class="mnombre">título de post</div>
<div class="mdatos">Lugar - Fecha - Compañero</div>
</div>
<div class="mtexto">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate lobortis consectetur. Donec ullamcorper, lacus eu placerat mollis, nibh quam rhoncus lorem, sed interdum elit quam id orci. Nunc id lobortis leo. Duis luctus turpis id tellus feugiat pharetra. Suspendisse potenti. Donec id orci libero. Integer quis justo in felis dictum bibendum. Suspendisse sit amet laoreet lorem, in placerat tortor. Mauris eu dui nulla. Cras quam urna, vestibulum ac laoreet id, tincidunt nec felis. Nunc malesuada suscipit erat at volutpat. Mauris elementum cursus ipsum at posuere.

Sed sed interdum dolor, eu porttitor nisl. Ut auctor ultricies nisi non euismod. Ut quis augue ut purus egestas vulputate et sed nibh. Quisque ac faucibus nulla. Morbi vitae lorem non tortor consectetur fermentum feugiat blandit turpis. Phasellus velit massa, pellentesque sed sagittis sit amet, posuere sit amet libero. In porta dignissim justo, ut convallis massa sollicitudin a. Quisque porta sed enim rutrum consectetur.</div>
</div>
</div>
<a href="https://necromancercoding.tumblr.com/" class="ncredit">NC</a>
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap&subset=latin-ext" rel="stylesheet"/>
<style type="text/css">.marisha{ width:375px; height:fit-content; padding:40px; box-shadow:border-box; background: linear-gradient(#cc6889, #b03c5d); margin:15px auto; border:1px solid rgba(0,0,0,0.1); } .marisha br{ display:none; } .mtexto br{ display:block; } .mbody{ background-color:#fff; background-color:rgba(255,255,255,0.95); padding:30px; outline:1px solid rgba(0,0,0,0.1); } .mimagen{ width:100px; height:100px; border-radius:100%; border:5px solid #b03c5d; margin: 0 auto 5px; } .mnombre{ font:35px "Abril Fatface", serif; text-align:center; margin-bottom:-3px; font-style:italic; color:#222; text-shadow:2px 2px 0px #fff, 3px 3px 0px #b03c5d; } .mdatos{ font:9px Calibri, Sans-serif; text-transform:uppercase; color:#666; text-align:center; border-top:1px solid #cc6889; padding-top:5px; letter-spacing:1px; } .mtexto{ margin:50px; text-align:justify; font:10px Verdana, ssans-serif; line-height:14px; color:#333; } .mtexto a, .mtexto b, .mtexto strong{ color:#b03c5d; } .ncredit { width: 400px; text-align: center; margin: 0 auto; display: block; font-size: 10px; text-decoration: none; font: 8px verdana; } .marisha + br + .ncredit { margin-top: -15px; } .ncredit:before { content: "©"; }</style>