MM068.- Algo Mágico (resumen)

<div class="MM068" style="color: #ff113e;">
<div class="MM068-tt"><span>Algo mágico<i>Team Cucharaca</i></span></div>

<div class="MM068-dd">

<div class="MM068-us"><div style="background-image: url(https://i.postimg.cc/7Yp4Ft0B/s1.png);"></div>
<b>Nombre</b><span>Info Aquí</span>
<b>Edad</b><span>Info Aquí</span>
<b>Raza</b><span>Info Aquí</span>
</div>

<div class="MM068-us"><div style="background-image: url(https://i.postimg.cc/Jh8LnyTZ/s2.png);"></div>
<b>Nombre</b><span>Info Aquí</span>
<b>Edad</b><span>Info Aquí</span>
<b>Raza</b><span>Info Aquí</span>
</div>

<div class="MM068-us"><div style="background-image: url(https://i.postimg.cc/Gpj1scNN/s3.png);"></div>
<b>Nombre</b><span>Info Aquí</span>
<b>Edad</b><span>Info Aquí</span>
<b>Raza</b><span>Info Aquí</span>
</div>

<div class="MM068-us"><div style="background-image: url(https://i.postimg.cc/jSPTt6hR/s4.png);"></div>
<b>Nombre</b><span>Info Aquí</span>
<b>Edad</b><span>Info Aquí</span>
<b>Raza</b><span>Info Aquí</span>
</div>

</div>

<div class="MM068-txt">
<b>Subtítulo</b>
<div>

Cheesecake sugar plum croissant jelly-o sesame snaps gummi bears bear claw chupa chups chocolate cake. Liquorice donut tiramisu sugar plum. Candy jelly carrot cake. Tiramisu chocolate bar candy canes topping. Chocolate gummi bears sugar plum candy canes cookie chupa chups biscuit lollipop liquorice. Cotton candy jujubes soufflé macaroon topping jelly beans. Pie gingerbread pudding powder gingerbread. Liquorice chocolate powder topping apple pie chocolate sweet roll carrot cake. Cotton candy gummi bears tiramisu.

Icing pudding tart pastry soufflé. Carrot cake dragée croissant tootsie roll. Topping jujubes biscuit gingerbread. Fruitcake cookie biscuit candy canes cheesecake. Chocolate bar dessert pie powder sweet jujubes. Cake jujubes apple pie. Donut danish brownie bear claw. Gummies chocolate apple pie croissant wafer candy canes gummi bears.

Gingerbread sweet roll toffee cotton candy tootsie roll. Soufflé sweet gummi bears chocolate cake danish. Wafer chocolate danish chupa chups macaroon ice cream sweet. Ice cream lemon drops cake. Tootsie roll macaroon toffee brownie danish topping chocolate bar bear claw. Gummi bears cotton candy caramels fruitcake dessert sweet wafer liquorice. Chocolate cake jelly tart brownie chocolate cake. Dragée ice cream tart jujubes. Macaroon chocolate cake liquorice brownie muffin.</div>
</div>

</div><a href="https://emmescodes.tumblr.com/" class="miMM">emme</a><style>.MM068, .MM068 * { box-sizing: border-box; transition: .5s; } @font-face { font-family: Righthand; src: url(https://dl.dropbox.com/s/jhtmt0u7g9andoy/righthand.ttf); } .MM068 br { display: none; } .MM068 { width: 500px; background: #1e1e1e; margin: auto; text-align: center; border: 1px solid #f5f5f5; border-radius: 10px; overflow: hidden; font: 12px Calibri; } .MM068-tt { font: 30px Righthand; background: #242424; padding: 15px; display: flex; align-items: center; justify-content: center; margin: 30px; border-radius: 10px; } .MM068-tt > span { color: #f5f5f5; } .MM068-tt > span > i { display: block; font: 10px Calibri; letter-spacing: 3px; margin: -5px 0 0 3px; } .MM068-tt::after, .MM068-tt::before { content: ""; box-shadow: inset 0 0 0 5px; width: 20px; height: 5px; border-radius: 5px; margin: 0 10px; } .MM068-dd { background: #f5f5f5; display: flex; padding: 25px; justify-content: center; position: relative; } .MM068-txt::before, .MM068-us::before, .MM068-dd::before { content: ""; width: 20px; height: 20px; position: absolute; left: calc(50% - 10px); transform: rotate(45deg); border-radius: 5px 0; } .MM068-dd::before { top: -10px; background: #1e1e1e; } .MM068-us { background: #1e1e1e; margin: 5px; padding: 5px 5px 10px; border-radius: 100px 100px 10px 10px; border-bottom: 3px solid; position: relative; } .MM068-us::before { box-shadow: inset 0 0 0 10px; bottom: -12px; transform: rotate(45deg) scale(.5); } .MM068-us > div { width: 90px; height: 90px; border-radius: 50%; background-position: center; background-size: cover; } .MM068-us > b { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; display: block; margin: 10px 0 0 1px; } .MM068-us > span { color: whitesmoke; } .MM068-txt { text-align: left; padding: 30px; position: relative; } .MM068-txt > b { background: #242424; padding: 10px 12px 6px 15px; display: inline-block; border-radius: 10px; font: 20px Righthand; letter-spacing: 2px; } .MM068-txt > div { margin: 20px; color: whitesmoke; text-align: justify; hyphens: auto; } .MM068-txt::before { top: -10px; background: whitesmoke; } .MM068-txt > div br { display: block; } .MM068-txt > div 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>