MM107.- Twins Sisters (post de rol)

<div class="MM107"><div class="MM107-tt">
<div class="m1"><i style="background-image: url(https://i.postimg.cc/kGxFyBQ7/s2.png);"></i><b>Cherry</b></div>
<div class="m2"><b>Mint</b><i style="background-image: url(https://i.postimg.cc/kM8cChkL/s1.png);"></i></div>
</div>

<div class="MM107-en">Twins Sisters</div>

<div class="MM107-txt"><i class="cp cp-cherry-o"></i><i class="cp cp-leaf-alt-o"></i>[b]Caramels gummi bears jelly[/b] beans caramels lollipop. Danish caramels shortbread jujubes candy canes. Cake cheesecake sweet roll chocolate dessert. Donut cake ice cream marzipan donut jelly chocolate. Pudding jelly-o powder sugar plum jelly-o caramels candy.

<b>Pie cotton candy donut bear claw tootsie roll</b>. Fruitcake ice cream toffee pie cookie croissant halvah.

Shortbread tiramisu jelly-o powder liquorice jelly beans pastry. Soufflé pudding jelly-o croissant oat cake. Caramels jujubes soufflé cotton candy sweet roll chupa chups ice cream dessert brownie. Dragée sweet lemon drops halvah sweet carrot cake macaroon apple pie.

Bear claw brownie cotton candy shortbread croissant gummi bears gingerbread. Pastry halvah apple pie apple pie danish. Cookie chocolate cake candy brownie wafer jujubes marshmallow liquorice soufflé.</div>

<div class="MM107-dd">
<b class="m1">Hora, día</b>
<b class="m2">Clima</b>
<b class="m1">Lugar</b>
<b class="m2">Libre/Privado</b>
</div>

</div><a href="https://emmescodes.tumblr.com/" class="miMM">emme</a><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><style>.MM107, .MM107 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; } .MM107 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM107 div::-webkit-scrollbar-thumb { background: #0006 !important; } .MM107 br { display: none; } .MM107 { width: 540px; margin: auto; background: #FFF; overflow: hidden; font: 10px montserrat; border-radius: 10px; --m1: #ff448a; --m2: #df005f; --m1a: #15c0ca; --m2a: #006d8f; } .m1 { --m1: #ff448a; --m2: #df005f; } .m2 { --m1: #15c0ca; --m2: #006d8f; } .MM107-tt { display: flex; color: #FFF; align-items: center; overflow: hidden; position: relative; } .MM107-tt::before { content: "&"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; text-shadow: 1px 1px var(--m2), -1px 1px var(--m2), 1px -1px var(--m2), -1px -1px var(--m2); font-weight: bold; } .MM107-tt > div { background: var(--m1); flex: 1; text-align: center; font: bold 12px montserrat; text-transform: uppercase; letter-spacing: 2px; text-shadow: 1px 1px var(--m2), -1px 1px var(--m2), 1px -1px var(--m2), -1px -1px var(--m2); display: flex; align-items: center; justify-content: space-between; } .MM107-tt > div > i { border-radius: 0 50px 50px 0; width: 70px; height: 70px; background-position: center; background-size: contain; border: 5px solid var(--m2); margin: -5px; } .MM107-tt > .m2 > i { border-radius: 50px 0 0 50px; } .MM107-tt > div > b { margin: 0 15px 0 17px; } @font-face { font-family: Abingdon; src: url(https://dl.dropbox.com/s/uk9gywmg3pw9hmx/Abingdon.otf); } .MM107-en { text-align: center; margin: 70px auto; font: 70px/70px Abingdon; color: var(--m1); width: max-content; position: relative; } .MM107-en::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 5px; background: var(--m1a); border-radius: 5px; } .MM107-en::after { content: ""; position: absolute; width: 20px; height: 20px; background: var(--m1a); left: calc(50% - 10px); clip-path: polygon(0 0, 0% 100%, 100% 100%); transform: rotate(-45deg); top: calc(100% - 11px); } .MM107-dd { display: flex; } .MM107-dd > b { flex-grow: 1; text-align: center; padding: 5px; text-shadow: 1px 1px var(--m2), -1px 1px var(--m2), 1px -1px var(--m2), -1px -1px var(--m2); color: #FFF; background: var(--m1); letter-spacing: 2px; } .MM107-txt { background: #F1F4F7; padding: 40px; margin: 0 30px; font-size: 12px; border-radius: 20px 20px 0 0; text-align: justify; hyphens: auto; color: #111; position: relative; z-index: 1; overflow: hidden; } .MM107-txt br { display: block; margin: 5px; } .MM107-txt b { color: var(--m2a); } .MM107-txt strong { color: var(--m2); } .MM107-txt > .cp { position: absolute; font-size: 120px; color: #FFF; top: -15px; left: -20px; z-index: -1; } .MM107-txt > .cp ~ .cp { top: inherit; left: inherit; right: -20px; bottom: -15px; } .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>