Expediente Dezaboia

<div style="margin:0 auto;overflow: hidden;" class="efecto"><div class="circ"><div class="circ2" style=" background:url('IMG 200x200 ');"></div></div><div class="Cuadro" style="background:url(IMG432x482);"><div class="efecto2"><div class="cuadt"></div><div class="cuadt2">

</br><div class="rombo"><div style="background:url('IMG100x100');" class="rombo2"></div></div>
<div class="text2"><div class="dato2">
<div class="dato">Nombre Completo</div> Escribe Aquí.
<div class="dato">Edad</div> Escribe Aquí.
<div class="dato">Género</div> Escribe Aquí.
<div class="dato">Raza</div> (Cuanto porcentaje hay de Mehen Ángel y Mehen demonio)
<div class="dato">Apodo</div> Escribe Aquí.
<div class="dato">Ubicación actual</div> Escribe Aquí.
</div></div>

<div class="titulo"><b>Psycho</b>logy</div>
<div class="dato3">Una frase aquí.</div>
<div class="text">Descripción psicológica.</div>

<div class="titulo"><b>Physi</b>cal</div>
<div class="dato3">Una frase aquí.</div>
<div class="text"> Descripción física tanto humana como lobuna. </div>

<div class="titulo"><b>Skills|Po</b>wers</div>
<div class="dato3">Una frase aquí.</div>
<div class="text">Habilidades y poderes aquí.</div>

<div class="titulo"><b>Biographical </b>Data</div>
<div class="dato3">Una frase aquí.</div>
<div class="text">
<b>· Familiares:
· Pareja:
· Descendencia:
· Historia:</b></div>

<div class="titulo"><font class="color">Mo</font>re</div>
<div class="dato3">Una frase aquí.</div>
<div class="text2">Extras. Extras. Extras. Extras. Extras. Extras. Extras. Extras. Extras. </div>

<div class="titulo2"></div><div class="titulo3"></div></div></div></div></div><div class="cre"><a class="credi" href="https://cookiecodes.tumblr.com">Galleta</a></div>

<link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet"><style>.efecto2 div::-webkit-scrollbar {width: 9px; height: 9px;background: #333333;border: 4px solid #111111;}.efecto2 div::-webkit-scrollbar-thumb {background: #ed4421;border: 4px solid #111111;}.efecto{width:230px;height:215px; padding-top:150px; padding-bottom:150px; transition-duration: 1s; -moz-transition-duration: 1s; -htm-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 5ms;}.efecto:hover{width:450px;transition-duration: 1s; -moz-transition-duration: 1s; -htm-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 5ms;}.efecto2{width:400px; height:450px;border:solid #ed4421 1px;opacity: 0;transition-duration: 1s; -moz-transition-duration: 1s; -htm-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 5ms;}.efecto2:hover{opacity: 1;transition-duration: 2s; -moz-transition-duration: 2s; -htm-transition-duration: 2s; -webkit-transition-duration: 2s; -o-transition-duration: 5ms;}.Cuadro{border:solid #090909 10px;margin-top:-360px; padding:15px; opacity: 0;transition-duration: 1s; -moz-transition-duration: 1s; -htm-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 5ms;}.Cuadro:hover{opacity: 1;transition-duration: 1s; -moz-transition-duration: 3s; -htm-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 5ms;} .rombo{width:100px;height:100px;padding:5px; border:solid #ed4421 1px;margin:0 auto;margin-top:40px;margin-bottom:50px;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}.rombo2{width:100px;height:100px;}.titulo{font-family: 'Abril Fatface', cursive; font-size: 24px;text-align:right;color:#fff;line-height: 120%;border-bottom:solid #ed4421 1px;}.titulo2{font-family: 'Abril Fatface', cursive; font-size: 16px;color:#ed4421;line-height: 120%;border-bottom:solid #ed4421 1px;}.titulo3{font-family: 'Abril Fatface', cursive; font-size: 16px;text-align:right;color:#fff;line-height: 120%;} .text{padding:25px;text-align: justify;color: #ffffff;font-family: georgia;font-size: 11px;line-height:180%;border:solid #222222 1px;}.text2{padding:40px;padding-top:0px;text-align: justify;color: #ffffff;font-family: georgia;font-size: 11px;}.dato{font-family: Trebuchet MS, serif; font-size: 11px;color:#ed4421;text-transform: uppercase;border-bottom:solid #ed4421 1px;padding-top:5px;text-align: justify; } .dato2{text-align: right;}.dato3{font-family: Trebuchet MS; font-size: 10px;color:#ed4421;text-transform: uppercase;text-align: justify;line-height:110%;letter-spacing: 1px;margin-top:-12px;}.color{color:#ed4421;}.circ{width:200px; height:200px;padding:10px;border-radius:100%;border:solid #ed4421 1px;}.circ2{width:200px; height:200px;border-radius:100%;}.cuadt{width:370px; height:420px; background: #111111;margin-top:15px; margin-left: 15px; opacity: 0.6;}.cuadt2{width:260px; height:300px; background: #111;margin-left: 40px; margin-top:-390px; padding-right:30px; padding-left:30px;border-bottom:solid #111111 30px;border-top:solid #111111 30px; overflow-y: scroll; opacity: 0.85;}.cuadt2 b{color:#ed4421;}.cre{margin:0 auto; font-size: 9px; text-align:center; family: Georgia;}</style>