MM073.- Planes (expediente)

<div class="MM073">

<div class="MM073-tt"><b>Nombre Apellido</b><i class="cp cp-cactus"></i></div>

<div class="MM073-qu">La vida es eso que pasa mientras planeas como vivir</div>

<div class="MM073-txt"><div><div>Personalidad:</div>Oat cake cake cake sweet gummies cheesecake tart cake. Brownie jelly beans marshmallow pudding lemon drops pudding lemon drops lemon drops. Cake candy canes pudding carrot cake gummi bears sweet biscuit muffin topping.

Topping pastry toffee sesame snaps bear claw cake pastry danish. Danish wafer oat cake cotton candy candy canes soufflé tootsie roll caramels cupcake. Toffee cupcake ice cream liquorice danish sugar plum chocolate cake. Lollipop marzipan biscuit.

<div>Historia:</div>Tart wafer jelly beans. Chocolate cake candy canes sugar plum gummi bears chocolate cake sesame snaps cheesecake. Topping chocolate bar bonbon pudding chocolate bar dragée cheesecake ice cream lemon drops.

Marzipan muffin muffin carrot cake pie biscuit. Halvah tiramisu chocolate cake. Biscuit gingerbread gummies sugar plum candy sweet roll halvah tiramisu chocolate bar.

Liquorice cheesecake cookie jujubes. Dragée muffin dessert liquorice carrot cake. Sweet soufflé dragée lollipop soufflé sesame snaps.

<div>Extras:</div>Gummies cheesecake cake pudding lemon drops icing cookie. Brownie jujubes pie sugar plum macaroon sugar plum marzipan brownie. Danish halvah tootsie roll powder pastry chocolate bar ice cream wafer. Halvah dessert sugar plum cotton candy icing danish gingerbread cookie.
</div></div>

<div class="MM073-dd">
<div title="Nombre"><i class="cp cp-id-card"></i>Nombre Apellido</div>
<div title="Edad"><i class="cp cp-id-card"></i>XX años</div>
<div title="Nacionalidad"><i class="cp cp-id-card"></i>País</div>
<div title="Ocupación"><i class="cp cp-id-card"></i>Ocupación</div>
<div title="Rango"><i class="cp cp-id-card"></i>Rango</div>
<div title="Grupo"><i class="cp cp-id-card"></i>Grupo</div>
<div title="Registro"><i class="cp cp-id-card"></i>Nombre del PB</div>
</div>
<div class="MM073-img" style="background-image: url(https://i.postimg.cc/TYNPvXyq/001.png);"></div>

</div><a href="https://emmescodes.tumblr.com/" class="miMM">emme</a><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Newsreader&family=Open+Sans&display=swap" rel="stylesheet"><style>.MM073, .MM073 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .5s; --mm-00: #69b0c5; --mm-01: #e5e5e5; --mm-02: #AAA; --mm-03: #555; } .MM073 br { display: none; } .MM073 { width: 560px; margin: auto; border: 1px solid var(--mm-02); background: var(--mm-01); padding: 10px; display: flex; flex-wrap: wrap; color: var(--mm-03); font: 14px Newsreader; } .MM073 > * { border: 1px solid var(--mm-02); } .MM073-tt { min-width: 100%; display: flex; align-items: center; } .MM073-tt > b { padding: 10px 15px 8px; flex: 1; letter-spacing: 1px; } .MM073-tt > i { padding: 15px; font-size: 20px; color: var(--mm-00); border-left: 1px solid var(--mm-02); } .MM073-img, .MM073-txt { min-width: calc(100% - 180px); margin-top: -1px; flex: 1; position: relative; background-position: center; background-size: cover; } .MM073-dd, .MM073-qu { width: 180px; margin: -1px -1px 0 0; padding: 50px; text-align: center; font-size: 12px; } .MM073-qu::after, .MM073-qu::before { content: "\ec2b"; font: 16px cappuccicons; display: block; color: var(--mm-00); margin-bottom: 10px; } .MM073-qu::after { transform: rotate(180deg); display: block !important; margin: 10px 0 0; } .MM073-dd { padding: 0px; } .MM073-dd > div { display: flex; align-items: center; font: 10px Open Sans; padding-right: 8px; } .MM073-dd > div ~ div { border-top: 1px solid var(--mm-02); } .MM073-dd i { padding: 8px; margin-right: auto; border-right: 1px solid var(--mm-02); color: var(--mm-00); } .MM073-txt > div { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; overflow: auto; font: 12px Open Sans; text-align: justify; } .MM073-txt > div > div { font: bold 14px Newsreader; color: var(--mm-00); letter-spacing: 2px; margin-bottom: 10px; } .MM073-txt > div br { display: block; } .MM073-txt > div br + br { margin: 5px; } .MM073 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM073 div::-webkit-scrollbar-thumb { background: #0006 !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>