En la Cima (post de rol)

<div class="MM042" style="color: #3a9399;"><div class="MM042-l"><span style="background-image: url(https://i.postimg.cc/qq2ScJ9W/01.png);"></span><i></i>
<b>Título Aquí</b><i></i></div>

<div class="MM042-r"><div style="background-image: url(https://i.postimg.cc/jS9VrFQg/04.png);"></div>Caramels tart pudding chocolate bar wafer. Lollipop ice cream jelly apple pie sweet roll. Candy canes chocolate sweet sesame snaps. Pudding powder marzipan.

Caramels tart pudding chocolate bar wafer. Lollipop ice cream jelly apple pie sweet roll. Candy canes chocolate sweet sesame snaps. Pudding powder marzipan. Caramels tart pudding chocolate bar wafer. Lollipop ice cream jelly apple pie sweet roll. Candy canes chocolate sweet sesame snaps. Pudding powder marzipan.</div>

</div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><style>.MM042, .MM042 * { box-sizing: border-box; scrollbar-color: var(--mm-01) #0002 !important; scrollbar-width: thin; transition: .5s; } .MM042 br { display: none; } .MM042 { width: 600px; margin: auto; background: #111; display: flex; font: 14px Calibri; } .MM042-l { box-shadow: inset 0 0 0 300px; display: flex; flex-direction: column; align-items: center; padding: 30px; } .MM042-l > span { width: 130px; height: 130px; border-style: solid; padding: 8px; border-radius: 50%; background-position: center; background-clip: content-box; background-size: cover; border-width: 5px; border-color: #1110 #111; position: relative; margin-bottom: -2px; } .MM042-l > span::before { content: ""; border: 1px solid #111; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; } .MM042-l > b { color: #111; text-align: center; padding: 5px 10px; font-size: 16px; border-top: 1px solid; border-bottom: 1px solid; max-width: 130px; } .MM042-l > i { border-left: 1px solid #111; height: 20px; } .MM042-l > i ~ i { flex: 1; } .MM042-r { margin: 40px; flex: 1; text-align: justify; -webkit-text-fill-color: #AAA; } .MM042-r * { -webkit-text-fill-color: initial; filter: brightness(1.5); } .MM042-r > div { border: 10px solid; height: 200px; background-clip: content-box; margin-bottom: 30px; background-position: center; background-size: cover; position: relative; filter: brightness(1) !important; } .MM042-r > div::before { content: ""; position: absolute; width: 30px; height: 30px; left: calc(50% - 15px); bottom: -20px; transform: rotate(45deg); clip-path: polygon(100% 0, 0% 100%, 100% 100%); box-shadow: inset 0 0 0 20px; border-radius: 6px; } .MM042-r br { display: block; } .MM042-r br + br { margin: 5px; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>