MM069.- La Niña Bonita (relaciones)

<div class="MM069 rs"><div>

<div class="MM069-img re" style="background-image: url(https://i.postimg.cc/VsCbYQHN/p10.png);"></div>

<div class="MM069-ho"></div>

<div class="MM069-rt"><b>Relaciones</b>¡Hola! Si te interesa un lugar en mis relaciones, escríbeme y acordamos algo :hearts:</div>

<div class="MM069-ho"></div>
<div class="MM069-gr">Nombre Apellido</div>
<div class="MM069-ho"></div>

<div class="MM069-rsc">

<div class="MM069-fx">
<div class="MM069-img mi" style="background-image: url(https://i.postimg.cc/FH9fgfFf/p8.png);"></div>
<div class="MM069-li"></div>
<div class="MM069-no">
<div class="MM069-tt">Nombre Apellido</div>
<div class="MM069-rd"><b>Texto aquí.</b></div></div></div>

<div class="MM069-ho"></div>

<div class="MM069-fx rg">
<div class="MM069-img mi" style="background-image: url(https://i.postimg.cc/xTGJzGQD/p7.png);"></div>
<div class="MM069-li"></div>
<div class="MM069-no">
<div class="MM069-tt">Nombre Apellido</div>
<div class="MM069-rd"><b>Macaroon tart jujubes. Jelly-o cake soufflé gingerbread lollipop. Candy jelly halvah dessert danish halvah muffin jelly-o sesame snaps. Tart dragée dessert tootsie roll cotton candy candy icing caramels danish.

Toffee bonbon tootsie roll brownie. Biscuit sweet marzipan. Cotton candy cake macaroon caramels apple pie.</b></div></div></div>

<div class="MM069-ho"></div>

<div class="MM069-fx">
<div class="MM069-img mi" style="background-image: url(https://i.postimg.cc/rF2RsnvN/p9.png);"></div>
<div class="MM069-li"></div>
<div class="MM069-no">
<div class="MM069-tt">Nombre Apellido</div>
<div class="MM069-rd"><b>Toffee bonbon tootsie roll brownie. Biscuit sweet marzipan. Cotton candy cake macaroon caramels apple pie.</b></div></div></div>

</div>

<div class="MM069-ho"></div>

</div><a href="https://emmescodes.tumblr.com/" class="MM069-MM">emme</a></div><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap" rel="stylesheet"><style>@font-face { font-family: 'PinkS'; src: url(//dl.dropbox.com/s/z30jel1s8hrvpa1/PinkS.otf); } .MM069, .MM069 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .5s; } .MM069 input, .MM069 br { display: none; } .MM069 { --mm-a0: #fff3e6; --mm-a1: #f2d6c1; --mm-a2: #d7b6ac; --mm-a3: #99ac9e; --mm-a4: #788d83; --mm-a5: #51484d; --mm-a6: repeating-linear-gradient(to left, var(--mm-a3), var(--mm-a3) 10px, var(--mm-a4) 10px, var(--mm-a4) 11px, var(--mm-a3) 11px, var(--mm-a3) 21px, var(--mm-a4) 21px, var(--mm-a4) 23px ); --mm-a7: repeating-linear-gradient(45deg, var(--mm-a1), var(--mm-a1) 10px, var(--mm-a0) 10px, var(--mm-a0) 11px, var(--mm-a1) 11px, var(--mm-a1) 21px, var(--mm-a0) 21px, var(--mm-a0) 23px ); } .MM069 { width: 450px; margin: 0 auto 20px; text-align: center; font: 10px Raleway; color: var(--mm-a5); background: var(--mm-a7); padding: 60px; border: 1px solid var(--mm-a1); box-shadow: 0 20px 20px -20px var(--mm-a5); position: relative; } .MM069 > div { background: var(--mm-a0); border: 1px solid var(--mm-a2); padding: 10px; box-shadow: 0 10px 20px -10px var(--mm-a5); border-radius: 5px; display: flex; flex-direction: column; } .MM069-fx { display: flex; } .MM069-img { min-width: 120px; min-height: 200px; border: 1px solid var(--mm-a2); border-radius: 5px; margin-left: -21px; background-color: var(--mm-a0); box-shadow: 0 5px 10px -5px; background-position: center; background-size: cover; } .MM069-ho { margin: 10px -10px; border-top: 1px solid var(--mm-a2); } .MM069-rt { border: 1px solid var(--mm-a2); background: var(--mm-a1); padding: 8px; border-radius: 5px; position: relative; box-shadow: 0 5px 10px -5px var(--mm-a5); text-shadow: 1px -1px var(--mm-a0), -1px 1px var(--mm-a0), -1px -1px var(--mm-a0), 1px 1px var(--mm-a0); } .MM069-gr { margin: 0 -21px; padding: 15px 10px 10px; border-radius: 5px; font: 50px/24px PinkS; } .MM069-MM { position: absolute; bottom: 0; left: 50%; padding: 5px 5px 5px 10px; color: var(--mm-a0) !important; transform: translate(-50%, 50%); font-weight: bold; letter-spacing: 5px; border-radius: 5px; } .MM069-rt > b { position: absolute; text-transform: uppercase; font-size: 8px; top: -5px; left: 8px; letter-spacing: 2px; } .MM069-gr, .MM069-tt, .MM069-MM { background: var(--mm-a6); color: var(--mm-a0); box-shadow: 0 5px 10px -5px var(--mm-a5); border: 1px solid var(--mm-a4); text-shadow: 1px 1px var(--mm-a4), -1px 1px var(--mm-a4), 1px -1px var(--mm-a4), -1px -1px var(--mm-a4); } .rg .MM069-tt { margin: 10px -22px 0 auto; border-radius: 5px 0 0 5px; } .MM069-tt { margin: 10px auto 0 -22px; padding: 5px 10px; border-radius: 0 5px 5px 0; font-size: 12px; font-weight: bold; letter-spacing: 1px; } .MM069-rt { margin: 10px -21px 10px 10px; text-align: justify; padding: 20px; } .MM069-li { border-left: 1px solid var(--mm-a2); margin: -10px 10px; } .MM069-rt > br { display: block; } .MM069-img.re { min-height: 100px; margin: 0 -21px; } .MM069-fx.rg { flex-direction: row-reverse; } .MM069-rd > b { padding: 5px 8px 4px 10px; flex-grow: 1; margin: 2.5px; border: 1px solid var(--mm-a2); background: var(--mm-a1); border-radius: 5px; text-transform: uppercase; font-size: 8px; letter-spacing: 2px; text-shadow: 1px -1px var(--mm-a0), -1px 1px var(--mm-a0), -1px -1px var(--mm-a0), 1px 1px var(--mm-a0); } .MM069-rsc { margin: -10px -21px; padding: 10px 13px 10px 21px; max-height: 217px; overflow-y: auto; overflow-x: hidden; } .MM069-rsc .MM069-rd > b { text-align: justify; text-transform: none; letter-spacing: 1px; font-size: 10px; font-weight: normal; box-shadow: 0 5px 10px -5px var(--mm-a5); padding: 10px; hyphens: auto; } .MM069.rs > div { padding-bottom: 0; } .MM069-rd { display: flex; margin: 17.5px -23.5px 7.5px 7.5px; flex-wrap: wrap; } .rg .MM069-rd { margin: 17.5px 7.5px 7.5px -23.5px; } .MM069-rt br, .MM069-rsc .MM069-rd > b br { display: block; } .rg .MM069-img.mi { margin: 0 -21px 0 0; }</style>