Marea (post de Rol)

<div class="MM047" style="color: #00a2a2;"><strong></strong><div class="MM047-img" style="background-image: url(https://i.postimg.cc/zXCSNbC9/06.png);"></div>

<b>Título Aquí</b>
<i>Comentario random</i>

<div>Powder cotton candy brownie sweet roll pastry apple pie gummies. Donut lollipop candy gummi bears gingerbread candy canes oat cake macaroon cookie. Cookie donut brownie chupa chups macaroon. Brownie jelly-o cake marzipan.

<b>Tiramisu icing sesame snaps</b> jelly beans cupcake chupa chups. Caramels danish marzipan pie soufflé marshmallow. Soufflé sugar plum macaroon sesame snaps sweet roll icing icing. Tart chocolate bar cotton candy chocolate bar tart apple pie apple pie lollipop.

Donut donut danish jujubes macaroon powder <i>candy carrot cake soufflé</i>. Jelly beans danish liquorice sweet roll muffin wafer brownie chocolate. Pastry donut sweet roll wafer dessert wafer jelly-o dragée. Wafer halvah gummies.

Dessert sugar plum pastry brownie. Carrot cake dragée pudding wafer dragée gingerbread. Biscuit pie pastry.

Marzipan lemon drops cookie apple pie cotton candy dragée. Biscuit wafer macaroon marshmallow topping fruitcake halvah candy canes soufflé. Lollipop sugar plum gingerbread liquorice chocolate bar candy canes chocolate cake.</div>

</div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Montserrat:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"><style>.MM047, .MM047 * { box-sizing: border-box; transition: .5s; } .MM047 br { display: none; } .MM047 { width: 500px; text-align: center; margin: auto; padding: 50px; background-color: #ccc; position: relative; box-shadow: 0 20px 40px -20px #000; font: 12px Montserrat; display: flex; flex-direction: column; border: 10px solid #FFF9; } .MM047 > strong { position: absolute; bottom: 0; left: 0; right: 0; height: 300px; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; } .MM047 > strong::after, .MM047 > strong::before { content: ""; position: absolute; width: 800px; height: 800px; border: 120px solid; border-radius: 360px 400px; margin: -90px; opacity: .3; box-sizing: border-box; animation: wave 10s linear infinite; box-shadow: inset 0 0 10px 10px #FFF; } .MM047 > strong::after { animation-delay: 2s; } @keyframes wave { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } .MM047 > * { position: relative; } .MM047-img { height: 150px; border: 1px solid; padding: 6px; margin: 0 auto; background-color: #999; background-clip: content-box; box-shadow: 0 0 0 1px #EEE, inset 0 0 0 1px #EEE; width: 100%; background-size: cover; background-position: center; } .MM047 > b { margin-top: 20px; font: 14px Libre Baskerville; text-shadow: 1px 1px #EEE, -1px 1px #EEE, 1px -1px #EEE, -1px -1px #EEE; letter-spacing: 1px; } .MM047 > i { font-size: 10px; color: #222; letter-spacing: 1px; margin-bottom: 30px; } .MM047 > div { -webkit-text-fill-color: #333; text-align: justify; } .MM047 > div > * { -webkit-text-fill-color: initial; text-shadow: 1px 1px #EEE, -1px 1px #EEE, 1px -1px #EEE, -1px -1px #EEE; letter-spacing: 1px; } .MM047 > b::after { content: ""; display: block; width: 50px; border-top: 2px solid; margin: 5px auto 20px; } .MM047 > div br { display: block; } .MM047 > 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>