MM025.- Lima (ficha)

<div class="MM025"><b></b><div class="MM025-img" style="background-image: url(https://i.postimg.cc/Cx1my53r/Lima.jpg);"></div><div class="MM025-txt"><b class="MM025-tt"><span class="th th-orange-o"></span><b>General</b></b><div>

<div><b>Nombre</b>Info aquí <span class="th th-agenda"></span></div>
<div><b>Edad</b>Info aquí <span class="th th-calendar-1"></span></div>
<div><b>Nacionalidad</b>Info aquí <span class="th th-location-3"></span></div>
<div><b>Ocupación</b>Info aquí <span class="th th-push-pin"></span></div>
<div><b>PB:</b>Info aquí <span class="th th-user"></span></div>

</div><b class="MM025-tt"><span class="th th-orange-o"></span><b>Resumen</b></b><div>Muffin sweet roll topping lollipop. Donut bear claw liquorice tootsie roll. Apple pie bonbon pastry soufflé biscuit tiramisu.

Muffin jujubes tiramisu danish sweet fruitcake pie fruitcake. Marzipan halvah halvah bear claw candy. Lollipop dessert toffee chocolate cake tootsie roll.

Liquorice toffee sweet. Bonbon ice cream gummi bears cake. Caramels jelly-o topping sweet roll gummi bears topping cake toffee brownie.

Marshmallow halvah sugar plum. Chupa chups toffee marzipan jelly beans dessert biscuit tart sweet bear claw. Jujubes jujubes lollipop croissant biscuit lollipop gummies.

Jelly beans toffee sweet chocolate. Sweet roll ice cream jelly marshmallow jelly. Pie bonbon croissant bonbon gingerbread pie. Chupa chups gingerbread cake dragée lollipop.</div><b class="MM025-tt"><span class="th th-orange-o"></span><b>Extras</b></b><div>Liquorice toffee sweet. Bonbon ice cream gummi bears cake. Caramels jelly-o topping sweet roll gummi bears topping cake toffee brownie.

Marshmallow halvah sugar plum. Chupa chups toffee marzipan jelly beans dessert biscuit tart sweet bear claw. Jujubes jujubes lollipop croissant biscuit lollipop gummies.</div></div></div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&family=Sriracha&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>.MM025, .MM025 * { box-sizing: border-box; scrollbar-color: var(--mm-01) #0002 !important; scrollbar-width: thin; } .MM025 br { display: none; } .MM025 { --mm-00: #FFF; --mm-01: #a4c618; background: var(--mm-00); width: 320px; border: 1px solid transparent; margin: auto; padding: 25px; overflow: hidden; display: flex; position: relative; z-index: 0; flex-direction: row-reverse; font: 12px Raleway; color: #333; } .MM025::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--mm-01); opacity: .4; z-index: -1; } .MM025 > b::before, .MM025 > b::after { content: ""; position: absolute; border-radius: 50%; opacity: .7; z-index: -1; } .MM025 > b::before { width: 300px; height: 300px; border: 40px solid var(--mm-01); top: -100px; right: -80px; } .MM025 > b::after { width: 100px; height: 100px; border: 20px solid var(--mm-01); bottom: -30px; left: -30px; } .MM025-txt { width: 250px; overflow: auto; height: 550px; border: 1px solid var(--mm-00); margin-right: -250px; position: relative; } .MM025-tt { background: var(--mm-01); color: var(--mm-00); padding: 5px 3px 3px 5px; border-bottom: 1px solid; display: flex; align-items: center; overflow: hidden; position: sticky; top: 0; z-index: 5; } .MM025-tt > b { font: 10px Sriracha; text-transform: uppercase; letter-spacing: 2px; flex: 1; text-align: right; } .MM025-tt > span { font-size: 40px; margin: -15px -10px -5px; } .MM025-txt > div { background: #FFF7; padding: 15px; text-align: justify; } .MM025-txt > span { background: #FFF7; flex: 1; position: relative; overflow: auto; } .MM025-txt > div > div { padding: 10px 50px 10px 10px; position: relative; background: var(--mm-00); border: 1px dotted var(--mm-01); overflow: hidden; } .MM025-txt > div > div ~ div { margin-top: 5px; } .MM025-txt > div > div > b { display: block; font-size: 8px; text-transform: uppercase; letter-spacing: 3px; margin: -6px -5px 5px; } .MM025-txt > div > div > span { position: absolute; color: transparent; font-size: 50px; top: 50%; transform: translateY(-50%); right: -5px; -webkit-text-stroke: 2px var(--mm-01); } .MM025-img { border: 1px solid var(--mm-00); position: relative; flex: 1; box-shadow: inset 0 0 0 5px var(--mm-01), inset 0 0 0 6px var(--mm-00); background-color: var(--mm-00); background-position: center; background-size: cover; z-index: 10; } .MM025:hover { width: 500px; } .MM025:hover .MM025-txt { margin-right: 10px; } .MM025-txt > div ~ div br { display: block; margin: 5px; } .MM025 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM025 div::-webkit-scrollbar-thumb { background: var(--mm-01) !important; } .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>