MM029.- Escarcha (post de rol / resumen)

<div class="MM029"><div>

<div class="MM0029-tt"><b>Escarcha</b></div>
<div class="MM0029-img"><div class="img" style="background-image: url(https://64.media.tumblr.com/05a7f8d58275a343887648f8ed1a5413/811b8ee777a7338c-21/s540x810/e4ed015fbbef228a832e04c28b06cfbd2f88e497.jpg);"></div></div>

<div class="MM0029-tt m2"><span>!</span><i>dato</i><i>dato</i><i>dato</i></div>

<div class="MM0029-txt">Pie pudding powder tart candy canes gummies biscuit liquorice. Oat cake gummies topping pudding gingerbread pie. Bear claw chocolate bar donut. Oat cake bear claw dessert dessert toffee halvah.

Candy tart chocolate cake cheesecake muffin ice cream jelly beans. Dessert bear claw jujubes cake jujubes wafer dragée. Danish dragée ice cream. Donut cookie liquorice pie bear claw donut tootsie roll cake tiramisu.

Marshmallow chocolate chupa chups brownie biscuit jelly beans cheesecake. Pie liquorice lemon drops jelly-o cake. Chocolate muffin marshmallow marzipan chupa chups ice cream brownie. Marshmallow powder candy carrot cake.

Bear claw bonbon sugar plum. Liquorice danish bear claw soufflé ice cream. Jujubes caramels soufflé tootsie roll cheesecake. Apple pie tootsie roll chocolate wafer tart apple pie.</div>

<div class="MM0029-pjs">

<div><div class="img" style="background-image: url(https://i.postimg.cc/jdMVXRVD/Song.png);"></div>
<span><b>Nombre Apellido</b>
<i>dato</i>
<i>otro dato</i></span>
</div>

<div><div class="img" style="background-image: url(https://i.postimg.cc/VsBPJjDB/Xiao.png);"></div>
<span><b>Nombre Apellido</b>
<i>dato</i>
<i>otro dato</i></span>
</div>

</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=Lato:wght@400;900&display=swap" rel="stylesheet"><style>.MM029, .MM029 * { box-sizing: border-box; scrollbar-color: var(--mm-01) #0002 !important; scrollbar-width: thin; --mm-01: #9ab3b9; --mm-02: #FFF; } .MM029 br { display: none; } .MM029 { background-color: #FFF; width: 480px; margin: auto; min-height: 300px; padding: 30px; background-image: url(https://i.postimg.cc/43c52Q0Y/Top.png), url(https://i.postimg.cc/G21jWs0q/bottom.png); background-repeat: no-repeat; background-position: top left, bottom right; border: 1px solid var(--mm-01); font: 12px lato; color: #444; } .MM029 > div { background: #fffd; border: 3px solid var(--mm-01); min-height: 300px; box-shadow: 0 10px 40px -20px #000; } .MM0029-tt { text-align: center; } .MM0029-tt > b { display: block; padding: 15px; background: linear-gradient(-45deg, var(--mm-01), #FFF0 150%); border: 1px solid var(--mm-01); color: var(--mm-02); text-shadow: 1px 1px var(--mm-01), -1px 1px var(--mm-01), 1px -1px var(--mm-01), -1px -1px var(--mm-01), 0 3px 5px #0009; letter-spacing: 2px; font-size: 14px; } .MM0029-tt, .MM0029-img { border-bottom: 3px solid var(--mm-01); padding: 8px; } .MM029 .img { background-position: center; background-size: cover; background-color: var(--mm-01); background-clip: content-box; } .MM0029-img > div { height: 150px; border: 1px solid var(--mm-01); } .MM0029-tt.m2 { display: flex; } .MM0029-tt.m2 > span { background: var(--mm-01); padding: 3px 10px; color: var(--mm-02); font-weight: bold; } .MM0029-tt.m2 > i { flex-grow: 1; border: 1px solid var(--mm-01); margin-left: -1px; padding: 2px 5px; background: var(--mm-02); } .MM0029-txt { padding: 30px; text-align: justify; } .MM0029-txt::first-letter { float: left; padding: 10px; font-size: 30px; font-weight: bold; background: var(--mm-01); color: var(--mm-02); margin: 2px 5px 0 0; } .MM0029-pjs > div { border-top: 3px solid var(--mm-01); padding: 8px; display: flex; } .MM0029-pjs > div > span { padding: 5px 10px; flex: 1; margin: 10px 5px; border-left: 3px solid var(--mm-01); } .MM0029-pjs span > i { display: block; } .MM0029-pjs span > i::before { content: ""; display: inline-block; width: 6px; height: 6px; background: var(--mm-01); border-radius: 50%; margin-right: 3px; } .MM0029-pjs span > b { font-size: 14px; } .MM0029-pjs .img { width: 100px; border: 1px solid var(--mm-01); } .MM0029-txt br { display: block; } .MM0029-txt br + br { margin: 5px; } .MM029 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM029 div::-webkit-scrollbar-thumb { background: var(--mm-01) !important; } .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>