Rory Ficha

<div class="rory">
<input type="radio" name="rory" id="r1" checked></input>
<input type="radio" name="rory" id="r2"></input>
<input type="radio" name="rory" id="r3"></input>
<div class="rcont">
<div class="r1" style="background:url(https://placehold.it/460);">
<h>nombre <strong>apellido</strong>
<span>una cita pequeña</span>
</h>
</div>
<div class="r2">
<div class="rhistoria">Historia.</div>
<div class="rimg" style="background:url(https://olacehold.it/210);"></div>
<div class="rdatas">
<span>nombre completo. <i class="fas fa-user"></i></span>
<span>XX años. <i class="fas fa-birthday-cake"></i></span>
<span>Lugar de nacimiento. <i class="fas fa-globe"></i></span>
<span>Grupo. <i class="fas fa-server"></i></span>
<span>Empleo. <i class="fas fa-gavel"></i></span>
<span>Face Claim. <i class="fas fa-camera"></i></span>
</div>
</div>
<div class="r3">
<div class="rother">Otros datos.</div>
<div class="rplus">
<span class="rlikes">
<i class="fas fa-plus"></i>
Gusto / Gusto / Gusto
</span>
<span class="rdislikes">
<i class="fas fa-minus"></i>
Disgusto / Disgusto / Disgusto
</span>
<span class="rfears">
<i class="fas fa-skull"></i>
Miedos, sé breve.
</span>
</div>
<div class="rimg" style="background:url(https://placehold.it/150x460)"></div>
</div>
</div>
<div class="rtabs">
<label for="r1"><i class="fas fa-camera"></i></label>
<label for="r2"><i class="fas fa-book-open"></i></label>
<label for="r3"><i class="fas fa-question"></i></label>
</div>
</div>
<a href="https://necromancercoding.tumblr.com/" class="ncredit">NC</a>

<style>.rory { --color-fondo: #fafafa; --color-fondo-texto:#f4f4f4; --color-bordes: #eee; --color-borde-oscuro: #ddd; --color-borde-claro: #fff; --color-tabs: #888; --color-acento:#841715; --color-texto: #444; }</style><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"/><link href="https://fonts.googleapis.com/css?family=Playfair+Display:700,700i,900,900i&display=swap&subset=latin-ext" rel="stylesheet"><link href="https://dl.dropbox.com/s/iu9ehigk1s1oliv/rory.css" rel="stylesheet">