emme

<div class="MM012"><div class="MM012-left"><b>Nombre Apellido</b><div><div class="MM012-img" style="background-image: url(https://i.postimg.cc/FHNwsbx0/ezgif-2-0bfd39104219.jpg);"></div>

<div class="MM012-quote">Soufflé pastry jelly. Marshmallow croissant dragée. Sweet wafer dragée. Icing lemon drops powder.</div>

<div class="MM012-data">

<b><span class="th th-calendar-1"></span><i>Edad</i></b>
<b><span class="th th-location-3"></span><i>Nacionalidad</i></b>
<b><span class="th th-megaphone"></span><i>Ocupación</i></b>
<b><span class="th th-user"></span><i>PB</i></b>

</div></div></div><div class="MM012-right">

<strong><span class="th th-bookmark-1"></span>Resumen</strong>
<div>Cheesecake cotton candy donut bear claw powder bear claw bear claw cake. Liquorice marzipan cheesecake cake marshmallow sugar plum pastry cotton candy candy canes. Icing jelly muffin. Cookie gummi bears gummi bears toffee croissant caramels lollipop.

Sesame snaps sugar plum cheesecake dragée gummi bears sesame snaps cookie carrot cake ice cream. Dragée gummi bears ice cream. Macaroon cupcake pie candy canes sweet roll pastry tootsie roll pie danish. Tiramisu icing danish jelly-o.

Chupa chups jujubes chocolate bonbon marshmallow dragée cake. Sesame snaps chupa chups danish chupa chups soufflé topping cheesecake gingerbread sesame snaps. Cookie gingerbread caramels gummi bears lemon drops biscuit candy canes sugar plum.</div>

<strong><span class="th th-push-pin"></span>Extras</strong>
<div>Cheesecake cotton candy donut bear claw powder bear claw bear claw cake. Liquorice marzipan cheesecake cake marshmallow sugar plum pastry cotton candy candy canes. Icing jelly muffin. Cookie gummi bears gummi bears toffee croissant caramels lollipop.

Sesame snaps sugar plum cheesecake dragée gummi bears sesame snaps cookie carrot cake ice cream. Dragée gummi bears ice cream. Macaroon cupcake pie candy canes sweet roll pastry tootsie roll pie danish. Tiramisu icing danish jelly-o.

Chupa chups jujubes chocolate bonbon marshmallow dragée cake. Sesame snaps chupa chups danish chupa chups soufflé topping cheesecake gingerbread sesame snaps. Cookie gingerbread caramels gummi bears lemon drops biscuit candy canes sugar plum.</div>

</div></div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>.MM012, .MM012 * { box-sizing: border-box; scrollbar-color: var(--mm-uno) #FFF; scrollbar-width: thin; } .MM012 { width: 450px; margin: auto; position: relative; text-align: center; font: 12px calibri; color: #555; --mm-uno: #fdc5b4; --mm-dos: #ef8376; --mm-som: 1px 1px var(--mm-dos), -1px 1px var(--mm-dos), 1px -1px var(--mm-dos), -1px -1px var(--mm-dos); --mm-box: 0 5px 15px -5px #000; } .MM012-left { width: 180px; } .MM012-right { position: absolute; top: 0; left: 190px; right: 0; bottom: 0; background: #FFF; border-radius: 10px; box-shadow: var(--mm-box); padding: 10px; } .MM012-left > b { background: var(--mm-uno); display: block; color: #FFF; padding: 10px; text-transform: uppercase; letter-spacing: 1px; border-radius: 10px; text-shadow: var(--mm-som); box-shadow: var(--mm-box); } .MM012-left > div { background: #FFF; margin-top: 10px; border-radius: 10px; padding: 30px 10px; box-shadow: var(--mm-box); } .MM012-img { border: 3px solid var(--mm-uno); padding: 3px; border-radius: 50%; width: 96px; height: 96px; margin: auto; background-clip: content-box; background-size: cover; background-position: center; } .MM012-quote { margin: 25px 0; font-style: italic; letter-spacing: 1px; padding: 0 10px; font-size: 10px; } .MM012-quote::before, .MM012-quote::after { display: block; font: 20px honeybee; color: var(--mm-uno); margin: 5px; } .MM012-quote::before { content:"\eca9"; } .MM012-quote::after { content:"\eca7"; } .MM012-data { display: flex; flex-wrap: wrap; margin: 0 20px; justify-content: space-between; height: 120px; align-content: space-between; } .MM012-data > b { margin: 1px; background: var(--mm-uno); height: 55px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #FFF; text-shadow: var(--mm-som); position: relative; width: 55px; font-size: 20px; } .MM012-data i { position: absolute; text-transform: uppercase; font: bold 10px calibri; letter-spacing: 2px; background: var(--mm-dos); padding: 8px 10px 8px 12px; z-index: 10; border-radius: 10px; left: 50%; transform: translate(-50%); box-shadow: 0 5px 10px -10px #000; top: 10%; transition: .3s; pointer-events: none; opacity: 0; } .MM012-data b:hover i { top: calc(100% - 5px); opacity: 1; } .MM012-data i::before { content: ""; position: absolute; width: 14px; height: 5px; background: var(--mm-dos); bottom: 100%; left: calc(50% - 7px); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); } .MM012-right > strong { display: block; border-bottom: 1px solid var(--mm-uno); text-align: right; font-size: 10px; text-transform: uppercase; letter-spacing: 5px; padding: 3px 0; } .MM012-right > strong span { float: left; color: var(--mm-dos); margin: 2px 5px; } .MM012-right > div { text-align: justify; margin: 15px; height: calc(100% - 200px); overflow: auto; padding-right: 3px; } .MM012-right > div br { display: block; margin: 5px; } .MM012-right > div ~ div { height: 100px; } .MM012 br { display: none; } .MM012 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #FFF !important; } .MM012 div::-webkit-scrollbar-thumb { background: var(--mm-uno) !important; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; } .miMM:hover { letter-spacing: 3px; }</style>