Oh Boy (post de rol)

<div class="MM024" style="color: #f79433;"><div><div class="MM024-tt">
<i>Privado</i>
<b>Título Aquí</b>
<div><b>hora, día</b><b>clima</b><b>lugar</b></div>
<span class="th th-orange"></span>
</div>

<div class="MM024-txt">Dragée wafer cookie biscuit liquorice danish marshmallow. Pastry apple pie jelly-o sugar plum muffin danish gummies.

Pudding carrot cake sesame snaps lollipop. Marzipan cake marshmallow carrot cake cheesecake icing caramels gingerbread.

Oat cake chocolate bar muffin. Macaroon sesame snaps chocolate bar dessert liquorice ice cream donut wafer apple pie. Sweet roll liquorice sweet. Soufflé soufflé jelly beans.

Oat cake wafer chupa chups donut marzipan. Soufflé halvah tiramisu pudding. Chocolate bar pastry gummies dragée jujubes sweet roll dragée.

Gummi bears cheesecake icing jelly candy canes biscuit brownie gummies chocolate bar. Dragée cotton candy powder. Candy canes halvah cupcake gingerbread.

Fruitcake jelly toffee. Donut soufflé pudding carrot cake chocolate bar caramels sweet roll gummies tootsie roll. Pudding soufflé chupa chups muffin cake.</div></div></div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><link href="https://fonts.googleapis.com/css2?family=Jost:wght@400;700&family=Lato&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>.MM024, .MM024 * { box-sizing: border-box; scrollbar-color: #0002 #0005; scrollbar-width: thin; } .MM024 { width: 450px; margin: auto; box-shadow: inset 0 0 0 300px, 5px 5px 8px -5px #0006; border-radius: 60px; position: relative; text-align: center; font: 12px Jost; padding: 20px; } .MM024::before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; box-shadow: inset 10px 10px 40px -10px; border-radius: 55px; mix-blend-mode: multiply; } .MM024 > div { position: relative; background: #FFF; border-radius: 40px; box-shadow: 5px 5px 8px -5px #0006; overflow: hidden; } .MM024-tt { box-shadow: inset 0 0 0 300px; padding: 30px; position: relative; } .MM024-tt::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: inset 0 0 0 300px; mix-blend-mode: multiply; -webkit-mask-image: linear-gradient(45deg, #0000, #0006); } .MM024-tt > i { position: absolute; mix-blend-mode: multiply; font: bold 90px/60px Jost; text-transform: uppercase; top: 0; left: -10px; opacity: .3; } .MM024-tt > b { color: #FFF; display: block; position: relative; font-size: 20px; letter-spacing: 2px; text-shadow: 3px 3px 5px #0004; margin-bottom: 20px; } .MM024-tt > b::after { content:""; } .MM024-tt > div { display: flex; color: #FFF; text-shadow: 1px 2px 3px #0004; font-size: 10px; letter-spacing: 1px; } .MM024-tt > div > b { flex: 1; text-transform: uppercase; padding: 5px; } .MM024-tt > div > b ~ b { border-left: 1px solid; } .MM024-tt > span { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); border-radius: 50px; background: #E1E1E1; display: flex; align-items: center; justify-content: center; border: 2px solid #FFF; text-shadow: 1px 1px #FFF, -1px 1px #FFF, 1px -1px #FFF, -1px -1px #FFF, 3px 4px 8px #0006; box-shadow: inset 5px 5px 20px #0002, inset -5px -5px 20px #FFF, 3px 3px 5px #0003; padding: 18px; font-size: 20px; } .MM024-txt { text-align: justify; border: 40px solid transparent; color: #555; font: 12px lato; max-height: 400px; overflow: auto; padding-right: 3px; } .MM024 br { display: none; } .MM024-txt br { display: block; margin: 5px; } .MM024 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM024 div::-webkit-scrollbar-thumb { background: var(--mm-uno) !important; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; } .miMM:hover { letter-spacing: 3px; }</style>