this is me - post de rol

<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Playfair+Display&display=swap" rel="stylesheet">

<div class="this1"><div class="this2">titulo del tema</div><div style="margin: 5px auto; width: 100px; height: 1px; background: #d07347"></div><div class="this3">nombre del personaje & nombre del personaje</div><div class="this4">dato + dato + dato + dato</div><div class="this5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut interdum enim ac dictum eleifend. Pellentesque quam ex, fringilla a malesuada a, semper ut odio. In quis erat nisl. Ut mattis consectetur lectus, quis viverra tortor mollis nec. Duis eu nisl dapibus, fringilla lacus in, cursus enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse eros turpis, condimentum eget suscipit eu, varius et justo. In dignissim odio quis sapien sollicitudin, ut auctor eros egestas. Curabitur egestas dolor vitae leo posuere posuere. Nullam at magna quis justo aliquet blandit. </div>
<div class="this6"><div class="this7"><img src="https://via.placeholder.com/110"></div><div class="this8"><b>Dato:</b> Respuesta.
<b>Dato:</b> Respuesta.
<b>Dato:</b> Respuesta.
<b>Dato:</b> Respuesta.</div></div>
<div class="this6"><div class="this9"><b>nombre del pj</b>
Curabitur nec mi sit amet nibh feugiat consectetur sit amet sit amet lacus. Quisque id viverra orci, et dignissim nisi. Nunc at dignissim sapien. Curabitur eleifend urna sed dui blandit, vel tristique nisl volutpat.

Curabitur nec mi sit amet nibh feugiat consectetur sit amet sit amet lacus. Quisque id viverra orci, et dignissim nisi. Nunc at dignissim sapien. Curabitur eleifend urna sed dui blandit, vel tristique nisl volutpat.</div><div class="this7"><img src="https://via.placeholder.com/110"></div></div>
</div>
<div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.this1 {margin: 0 auto; width: 400px; background: #fff; border: 15px solid #f6f6f6; outline: 1px solid #eee; padding: 15px;}.this2 {font-family: hellostockholm-regular; font-size: 60px; color: #a7462d; text-align: center; padding: 10px; line-height: 10px;}.this3 {font-family: playfair display; font-size: 12px; color: #888; text-align: center;}.this4 {font-family: playfair display; font-size: 11px; color: #888; text-align: center;}.this5 {font-family: calibri; font-size: 12px; color: #2e2e2e; text-align: justify; line-height: 110%; padding: 30px;}.this6 {display: flex; justify-content: center;}.this7 {width: 130px; height: 110px; text-align: center;}.this7 img {width: 110px; height: 110px; border-radius: 50%; padding: 5px; border: 1px solid #eee;}.this8 {width: 230px; height: 58px; overflow: auto; padding: 5px; border: 5px solid #f6f6f6; font-family: calibri; font-size: 12px; color: #2e2e2e; text-align: justify; line-height: 120%; margin: 25px 0 0 10px;}.this8 b{font-family: abril fatface; font-size: 12px; color: #d07347;}.this9 {width: 230px; height: 58px; overflow: auto; padding: 5px; border: 5px solid #f6f6f6; font-family: calibri; font-size: 12px; color: #2e2e2e; text-align: justify; line-height: 120%; margin: 25px 10px 0 0}.this9 b{font-family: abril fatface; font-size: 12px; color: #d07347;}@font-face {font-family: "hellostockholm-regular"; src:url('https://dl.dropbox.com/s/drgdhechmeu0bvl/HelloStockholm-Regular.ttf');}.this8::-webkit-scrollbar {width: 8px;}.this8::-webkit-scrollbar-track {background: #f1f1f1;}.this8::-webkit-scrollbar-thumb {background: #d07347;}.this9::-webkit-scrollbar {width: 8px;}.this9::-webkit-scrollbar-track {background: #f1f1f1;}.this9::-webkit-scrollbar-thumb {background: #d07347;}.stcred {margin: 0 auto; width: 380px; text-align: center;} .stcred a {text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px;}</style>