08. The Animal Scar | Registro

----------THE ANIMAL SCAR | REGISTRO PARA FORO MODERNBB----------

<div class="Athe8post">
<div class="Athe8img" style="background-image: url(https://i.servimg.com/u/f81/19/51/91/06/scar10.jpg);">
<div class="Athe8titulo">The Animal Scar</div>
<audio src="https://dl.dropboxusercontent.com/scl/fi/dg4jhvwgsqpc0mi0edga9/Chase-holfelder-animal.mp3?rlkey=du9mmzxj9314hhigtwytkinm6&st=ejov3bt2&" controls="controls" type="audio/mpeg" preload="preload"></audio></div>
<input type="radio" name="Athe8b" id="uno" checked>
<input type="radio" name="Athe8b" id="dos">
<input type="radio" name="Athe8b" id="tres">
<input type="radio" name="Athe8b" id="cuatro">
<input type="radio" name="Athe8b" id="cinco">
<div class="Athe8botones">
<div class="Athe8cita">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<label class="Athe8boton" for="uno"><i class="fa-solid fa-burst"></i> D. Básicos </label>
<label class="Athe8boton" for="dos"><i class="fa-solid fa-child"></i> Des. Física </label>
<label class="Athe8boton" for="tres"><i class="fa-solid fa-brain"></i> Des. Psic </label>
<label class="Athe8boton" for="cuatro"><i class="fa-solid fa-book-open"></i> Historia </label>
<label class="Athe8boton" for="cinco"><i class="fa-solid fa-star"></i> Extras </label>

<div class="Athe8cre"><a href="https://athenea-owl.tumblr.com"><img src="https://i.servimg.com/u/f33/20/61/20/67/athene10.png"/></a></div>
</div>
<div class="pp">
<div class="pi pi1"><h2>Datos básicos</h2>
<div class="Athe8cd"><div class="Athe8dato"><i class="fa-solid fa-burst"></i> <b>Grupo</b> </div>
<div class="Athe8dato"><i class="fa-solid fa-burst"></i> <b>Raza</b> </div>
<div class="Athe8dato"><i class="fa-solid fa-burst"></i> <b>Nombre</b> </div>
<div class="Athe8dato"><i class="fa-solid fa-burst"></i> <b>Edad</b> </div>
<div class="Athe8dato"><i class="fa-solid fa-burst"></i> <b>Profesión</b> </div>
<div class="Athe8dato"><i class="fa-solid fa-burst"></i> <b>Preferencias</b> </div>
</div>

<h2>Otros datos...</h2>
<b>Negrita</b> | <i>Italica</i> | <u>Subrayado</u> | <s>Tachado</s>

<b>Lorem ipsum</b> dolor sit amet, <i>consectetur adipiscing elit</i>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <u>Ut enim ad minim veniam</u>, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu <s>fugiat nulla pariatur</s>. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div class="pi pi2"><h2>Descripción Física</h2> Información 2 </div>
<div class="pi pi3"><h2>Descripción Psicológica</h2> Información 3 </div>
<div class="pi pi4"><h2>Historia</h2> Información 4 </div>
<div class="pi pi5"><h2>Extras</h2>
<u>Mis Gustos</u>
<b>01.</b> Me gusta
<b>02.</b> Me gusta
<b>03.</b> Me gusta

<s>Me Disgusta</s>
<b>01.</b> Me disgusta
<b>02.</b> Me disgusta
<b>03.</b> Me disgusta

<i>Curiosidades</i>
<b>01.</b> Sabías que...
<b>02.</b> Sabías que...
<b>03.</b> Sabías que...
</div></div></div>

<style>.Athe8post{--8fuente: "Lora", serif;--8fondo: #1a1a1a;--8fondotrans: #0000004d;--8musica: linear-gradient(90deg, #1a1a1a 0%, #f00 50%, #1a1a1a);--8borde: #000;--8titletra: 50px;--8letrasize: 12px;--8letrasizeb: 10px;--8texto: #ccc;--8acento: #8b0000;}</style>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" crossorigin="anonymous"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.0/css/all.min.css"><link rel="stylesheet" href="https://dl.dropboxusercontent.com/scl/fi/rle7licklglq750d45ul8/08.-The-Animal-Scar-Registro.css?rlkey=nxujgbspx9igx5wbx09s0x3ma&st=h157ykgm&" crossorigin="anonymous"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">