MM081.- Pink Fakegram (publicación)

<div class="MM081"><div class="MM081-top">https://fakegram.com/</div>

<div class="MM081-fx">
<div class="MM081-ava"><div style="background-image: url(https://i.postimg.cc/nhtSDszx/f00.png);"></div></div>
<div class="MM081-pre">
<b>@dere-cheeto</b>
<span>Gordito y bonito. Atigrado y narajito, amante de los abrazos, las caricias, y arañar con la patita.</span>
</div>
</div>

<img class="MM081-img" src="https://i.postimg.cc/RV6B8qJk/fa01.png" />

<div class="MM081-re">
<i class="cp cp-heart"></i>
<i class="cp cp-chat"></i>
<i class="cp cp-camera"></i>
</div>

<div class="MM081-txt"><b>@dere-cheeto</b> ¿Por qué conformarse con blanco o negro cuando el mundo puede ser rosado?</div>

<a href="https://emmescodes.tumblr.com/">emme</a></div><link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;900&family=Maven+Pro:wght@400;500&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.MM081, .MM081 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .5s; } .MM081 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM081 div::-webkit-scrollbar-thumb { background: #0006 !important; } .MM081 br { display: none; } .MM081 { width: 400px; background: #F7D3C3; border-radius: 30px; overflow: hidden; min-height: 300px; margin: auto; font: 10px Montserrat; position: relative; } .MM081-top { background: #9d565d; text-align: right; padding: 2px 5px; } .MM081-top > a { color: #FFF !important; letter-spacing: 5px; font-size: 8px; } .MM081-fx { display: flex; align-items: flex-start; } .MM081-ava { background: #DE7671; padding: 20px; border-radius: 0 0 30px; margin-top: -14px; } .MM081-ava > div { width: 70px; height: 70px; border-radius: 50%; background-position: center; background-size: cover; } .MM081-pre { margin: 20px; color: #333; } .MM081-pre > b { display: block; font: 500 20px Maven Pro; color: #9d565d; margin-bottom: 5px; } .MM081-img { border-radius: 20px 0 0 20px; margin: 30px 0 0 30px; width: calc(100% - 30px); } .MM081-re { display: flex; justify-content: flex-end; height: 0px; align-items: flex-end; margin: 0 10px 30px; } .MM081-re > i { padding: 8px 8px 5px; margin-left: 5px; background: #f7d3c3; border-radius: 30px 30px 0 0; color: #9d565d; font-size: 14px; } .MM081-re > i:hover { padding-bottom: 10px; } .MM081-txt { margin: 30px; color: #333; font-size: 12px; } .MM081-txt > b { color: #9d565d; } .MM081 > a { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); color: #FFF !important; background: #de7671; font-size: 8px; font-weight: bold; letter-spacing: 10px; padding: 3px 0 2px 10px; border-radius: 10px 10px 0 0; } .MM081 > a:hover { letter-spacing: 15px; padding: 3px 0 2px 15px; }</style>