En la Cima (expediente)

<div class="MM044" style="color: #3a9399;"><strong><b>Nombre Apellido</b><i>Frase o algo bonito</i></strong>

<div class="MM044-img" style="background-image: url(https://i.postimg.cc/d0xVp6Lw/A1.jpg);">

<div class="MM044-l">
<div class="MM044-iimg" style="background-image: url(https://i.postimg.cc/j5nSbf7N/02.png);"></div>

<span><b>Nombre:</b> Info Aquí</span>
<span><b>Edad:</b> Info Aquí</span>
<span><b>Grupo:</b> Info Aquí</span>
<span><b>Nacionalidad:</b> Info Aquí</span>
<span><b>Genero:</b> Info Aquí</span>
<span><b>Orientación sexual:</b> Info Aquí</span>
<span><b>Imagen de referencia:</b> Info Aquí</span>
<span><b>Registro:</b> Info Aquí</span>

</div>

<div class="MM044-r"><div>
<b><span class="th th-broken-heart"></span><hr>Personalidad</b>
<div>Muffin liquorice liquorice gummies. Bear claw oat cake tiramisu brownie halvah pastry tootsie roll jelly beans. Tiramisu jelly beans croissant jelly sugar plum. Candy canes cupcake cake dessert chocolate bar brownie jelly-o.

Liquorice muffin cotton candy cotton candy topping sugar plum marshmallow sweet. Wafer dessert croissant gummi bears. Dragée carrot cake tiramisu pudding oat cake cotton candy powder chupa chups.</div>


<b><span class="th th-atom"></span><hr>Historia</b>
<div>Jujubes biscuit gummi bears pie marshmallow donut cake. Icing cupcake jelly beans cake. Tart candy jujubes lemon drops jujubes tart croissant tootsie roll.

Carrot cake icing macaroon. Biscuit pudding pie icing. Candy pie tart jelly. Gummi bears cupcake marshmallow pudding macaroon biscuit biscuit macaroon pudding.

Muffin liquorice liquorice gummies. Bear claw oat cake tiramisu brownie halvah pastry tootsie roll jelly beans. Tiramisu jelly beans croissant jelly sugar plum. Candy canes cupcake cake dessert chocolate bar brownie jelly-o.</div>


<b><span class="th th-push-pin"></span><hr>Extras</b>
<div>Liquorice muffin cotton candy cotton candy topping sugar plum marshmallow sweet. Wafer dessert croissant gummi bears. Dragée carrot cake tiramisu pudding oat cake cotton candy powder chupa chups.</div>


</div></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=Oswald:wght@500&display=swap" rel="stylesheet"><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><style>.MM044, .MM044 * { box-sizing: border-box; scrollbar-color: #999 #0002 !important; scrollbar-width: thin; transition: .5s; } .MM044 br { display: none; } .MM044 { width: 600px; margin: auto; text-align: center; font: 14px Calibri; background: #222; min-height: 300px; } .MM044 > strong { box-shadow: inset 0 0 0 200px; display: block; padding: 30px; display: flex; flex-direction: column; position: relative; z-index: 10; } .MM044 > strong > b { color: #111; font: 40px Oswald; } .MM044 > strong > i { color: #111; letter-spacing: 2px; margin: -8px 0 0 2px; } .MM044 > strong::before { content: ""; position: absolute; width: 30px; height: 30px; left: calc(50% - 15px); bottom: -14px; transform: rotate(45deg); clip-path: polygon(100% 0, 0% 100%, 100% 100%); box-shadow: inset 0 0 0 20px; border-radius: 6px 0; } .MM044-img { min-height: 300px; overflow: hidden; display: flex; border-bottom: 15px solid; } .MM044 div[class*="img"] { background-position: center; background-size: cover; } .MM044-l { background: #111; display: flex; flex-flow: column; width: 220px; transform: translate(-100%); } .MM044-iimg { height: 250px; } .MM044-l > span { padding: 10px; box-shadow: inset 0 0 0 100px; -webkit-text-fill-color: #111; font: 20px Oswald; } .MM044-l > span:nth-of-type(2n) { opacity: .7; } .MM044-l b { display: block; font: bold 11px calibri; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 -5px 2px; } .MM044-r { flex: 1; background: #222E; position: relative; transform: translate(100%); } .MM044-r > div { position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; overflow: auto; padding-right: 5px; } .MM044-r > div > b { font: 25px Oswald; display: flex; align-items: center; text-shadow: 1px 1px #111, -1px 1px #111, 1px -1px #111, -1px -1px #111; } .MM044-r > div > div { text-align: justify; margin-top: 10px; -webkit-text-fill-color: #AAA; } .MM044-r hr { border-top: 2px solid; flex: 1; margin: 5px 10px 0; color: inherit; } .MM044-r > div > div * { -webkit-text-fill-color: initial; text-shadow: 1px 1px #111, -1px 1px #111, 1px -1px #111, -1px -1px #111; } .MM044-r > div > b ~ b { margin-top: 30px; } .MM044-img:hover > div { transform: translate(0%); } .MM044-r > div > div br { display: block; } .MM044-r > div > div br + br { margin: 5px; } .MM044 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0002 !important; } .MM044 div::-webkit-scrollbar-thumb { background: #999 !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>