Mine (expediente)

<div class="MM015"><div class="MM015-tt">Nombre del PB es <b>Nombre Apellido</b></div><div class="MM015-dd">

<div style="background-image: url(https://i.postimg.cc/c4ynZ7mJ/a1.jpg);"><b>Edad</b></div>
<div style="background-image: url(https://i.postimg.cc/2SCLLzgR/a3.jpg);"><b>País</b></div>
<div style="background-image: url(https://i.postimg.cc/jdHJjWg4/a2.jpg);"><b>Ocupación</b></div>

</div><div class="MM015-txt xx"><b>Resumen</b><div>Carrot cake jujubes cheesecake toffee gummies. Tiramisu sweet chocolate cake icing pastry pie cotton candy. Chocolate bar powder liquorice apple pie tart.

Tart cake cake lollipop ice cream sweet cookie macaroon. Topping tootsie roll icing chocolate bar. Jelly cotton candy cupcake cake sweet roll halvah halvah. Jujubes powder gummi bears.

Pie tootsie roll toffee cotton candy. Candy canes brownie biscuit brownie sweet roll muffin. Pie cookie donut jujubes liquorice bear claw.

Pie muffin gingerbread marzipan powder. Jelly jelly lollipop sweet cotton candy cake apple pie chupa chups. Gingerbread jujubes macaroon sugar plum gingerbread cake. Jelly beans gummi bears topping tart dragée gummies cake cookie.</div></div>

<div class="MM015-txt st"><b>Cualidades</b><div>

<div><i>Sinceridad</i><b style="width: 50%;"></b></div>
<div><i>Lealtad</i><b style="width: 30%;"></b></div>
<div><i>Resistencia</i><b style="width: 70%;"></b></div>
<div><i>Generosidad</i><b style="width: 50%;"></b></div>
<div><i>Empatía</i><b style="width: 100%;"></b></div>

</div></div><div class="MM015-txt xx"><b>Extra</b><div>Pie muffin gingerbread marzipan powder. Jelly jelly lollipop sweet cotton candy cake apple pie chupa chups. Gingerbread jujubes macaroon sugar plum gingerbread cake. Jelly beans gummi bears topping tart dragée gummies cake cookie.</div></div>

</div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><style>.MM015, .MM015 * { box-sizing: border-box; scrollbar-color: #0006 #0003; scrollbar-width: thin; } .MM015 { --mm-uno: #121214; --mm-dos: #252427; --mm-tre: #373539; --mm-txt: #f0f0f0; width: 350px; margin: auto; padding: 30px; background: var(--mm-uno); border-radius: 50px; min-height: 300px; color: var(--mm-txt); text-align: center; font: 10px Calibri; } .MM015 > * { background: var(--mm-dos); border-radius: 20px; box-shadow: 10px 10px 10px -5px #0009; padding: 15px; } .MM015-tt b { display: block; font-size: 20px; } .MM015-dd { display: flex; margin-top: 30px; } .MM015-dd > div { background-color: var(--mm-tre); height: 90px; flex: 1; border-radius: 10px; margin-top: -35px; display: flex; align-items: flex-end; overflow: hidden; background-position: center; background-size: cover; } .MM015-dd > div ~ div { margin-left: 10px; } .MM015-dd b { width: 100%; background: var(--mm-txt); color: var(--mm-dos); text-transform: uppercase; letter-spacing: 1px; padding: 3px 0; border-top: 5px solid; } .MM015-txt { margin-top: 10px; } .MM015-txt > b { display: block; background: var(--mm-txt); margin-bottom: 5px; padding: 8px 0 8px 10px; font-size: 12px; text-transform: uppercase; letter-spacing: 10px; border-radius: 10px 10px 0 0; color: var(--mm-dos); } .MM015-txt > div { max-height: 200px; background: var(--mm-tre); border-radius: 0 0 10px 10px; border: 20px solid transparent; text-align: justify; font-size: 12px; overflow: auto; } .MM015-txt.st > div > div { position: relative; background: var(--mm-dos); margin-top: 10px; height: 5px; border-radius: 5px; } .MM015-txt.st > div > div i { position: absolute; bottom: 100%; font: bold 10px Calibri; letter-spacing: 3px; left: 5px; } .MM015-txt.st > div > div b { position: absolute; top: 0; left: 0; bottom: 0; border-radius: 5px; background-image: linear-gradient(to right, #0000, var(--mm-txt) ); background-size: 300px; background-position: -30px; } .MM015-txt.st > div > div ~ div { margin-top: 30px; } .MM015 br { display: none; } .MM015-txt.xx > div br { display: block; margin: 5px; } .MM015 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0006 !important; } .MM015 div::-webkit-scrollbar-thumb { background: #0003 !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>