MM087.- Hello (post de rol)

<div class="MM087"><div>
<div class="MM087-img" style="background-image: url(https://i.postimg.cc/fRHNgHfv/hh1.png);"></div>
<b>Hello Here</b>
<span>con Nombre Apellido</span>
<div class="MM087-dd">
<b><b>Hora, día.</b></b>
<b><b>Lugar.</b></b>
<b><b>Clima.</b></b>
</div>

<div class="MM087-txt">Bonbon cheesecake cheesecake marshmallow chocolate halvah marshmallow halvah. Jelly beans lollipop sweet roll shortbread chocolate [b]cake sesame snaps brownie dragée[/b]. Chupa chups cotton candy jelly cheesecake macaroon macaroon shortbread caramels donut.

Caramels lemon drops gummi bears gummi bears brownie marzipan sweet lemon drops soufflé. Jelly liquorice candy cake pudding icing. Topping jujubes gummi bears oat cake marzipan.

Wafer macaroon candy soufflé biscuit shortbread apple pie. Gummies lollipop cupcake icing jelly beans gingerbread. Ice cream toffee liquorice chocolate bar carrot cake powder. Oat cake cake pudding muffin sugar plum biscuit ice cream pie cookie.</div>

</div></div><a href="https://emmescodes.tumblr.com/" class="miMM">emme</a><link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Open+Sans:wght@400;700&display=swap" rel="stylesheet"><style>.MM087, .MM087 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .3s; } .MM087 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM087 div::-webkit-scrollbar-thumb { background: #0006 !important; } .MM087 { background: linear-gradient(-45deg, #FFF, #e1e2e7); border-style: solid; border-width: 1px; border-color: #dddee2 #FFF #FFF #dddee2; width: 400px; margin: auto; border-radius: 40px; padding: 30px; box-shadow: 0 40px 40px -30px #0009; font: 10px Open Sans; color: #555; } .MM087 > div { border-style: solid; border-width: 1px; border-color: #dddee2 #FFF #FFF #dddee2; border-radius: 20px; background: linear-gradient(-45deg, #e1e2e7, #FFF9); text-align: center; display: flex; flex-direction: column; } .MM087-img { height: 150px; background-position: center; background-size: cover; margin: 20px; border-radius: 10px; border-style: solid; border-width: 1px; border-color: #dddee2 #FFF #FFF #dddee2; } .MM087-dd > b > b, .MM087 > div > b { background: linear-gradient(45deg, #9ca2b9, #5e667b); background-clip: text; color: transparent; font: 700 40px Josefin Sans; text-transform: uppercase; } .MM087 > div > span { text-transform: uppercase; letter-spacing: 3px; padding-left: 3px; color: #f58b2e; font-weight: bold; min-width: 100%; } .MM087-dd { display: flex; margin: 15px 30px 10px; } .MM087-dd > b { border-style: solid; border-width: 1px; border-color: #dddee2 #FFF #FFF #dddee2; padding: 6px 15px; border-radius: 10px; position: relative; background: #FFF; flex-grow: 1; letter-spacing: 1px; } .MM087-dd > b > b { font: bold 8px Open Sans; } .MM087-dd > b ~ b { margin-left: 10px; } .MM087-dd > b:hover { transform: scale(1.1); box-shadow: 0 10px 20px -10px #0009; z-index: 20; } .MM087-txt { border-style: solid; border-width: 1px; border-color: #dddee2 #FFF #FFF #dddee2; padding: 10px 15px; border-radius: 10px; background: #FFF; margin: 0 30px 30px; text-align: justify; hyphens: auto; } .MM087-txt > strong { color: #f58b2e; } .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>