#01. Ficha Huesos

<div id="HF">
<div class="HF1">Nombre del Personaje</div>
<div class="HF1o">
<img src="https://i.imgur.com/bR8HJHp.jpg" />
<div class="HF1A"></div>
<div class="HF1B"></div>
<div class="HF1C">
<div class="HF4">
<img src="https://i.imgur.com/vSgDFt3.jpg" />
<div class="HF4d" style="margin-top: -165px;">Dato 1</div>
<div class="HF4d">Dato 2</div>
<div class="HF4d">Dato 3</div>
<div class="HF4d">Dato 4</div>
<div class="HF4d">Dato 5</div>
<div class="HF4d">Dato 6</div>
</div>
<div class="HF2"><span class="cp cp-skull"></span>Psicología</div>
<div class="HF2txt">Mínimo 150 palabras.</div>
<div class="HF3"><span class="cp cp-skull"></span>Historia</div>
<div class="HF3txt">Mínimo 150 palabras.</div>
<div class="HF5"><span class="cp cp-skull"></span>Otros datos</div>
<div class="HF5txt">Tus datos extra</div>
</div>
</div>
</div>

<link href="https://fonts.googleapis.com/css2?family=Fondamento&family=Spectral+SC&display=swap" rel="stylesheet"><script src="//pull.cappuccicons.com/cpf.js"></script>
<link href="https://dl.dropbox.com/s/1y05bcy9odp6cbh/huesos.css?dl=0" rel="stylesheet" />


<style>:root {--background: #111111; --borde1: #000; --borde2: #ccc; --texto: #f1f1f1; --acento1: #2c1f25; --acento2: #9e714c; --transpa: #000000ad;} br {display: none;} .HF2txt br, .HF3txt br, .HF5txt br {display: block;}</style>