Primera FICHA

<link href='http://fonts.googleapis.com/css?family=Poiret+One|Rokkitt|Mrs+Saint+Delafield|Cinzel+Decorative' rel='stylesheet' type='text/css'>
   <center><div id="principio" style="background: url(URL DE IMAGEN 500 X 280) no-repeat, top black; border-left: solid 40px #3A1121;">

   <div id="cia">Nombre completo</div>
   <div id="cia">Edad</div>
   <div id="cia">Nacionalidad</div>
   <div id="cia">Grupo</div>
   <div id="cia">Empleo</div>
   <div id="letra">Frase corta</div>
   <div id="letra2"><font style="font-size: 25px; font-family: Poiret One; color: #C29D6E; letter-spacing: 5px; text-shadow: 1px 1px 2px #000000; position: relative; line-height: 20%;">Psicología</font></div>

   <div id="cosita">Haz aquí una descripción psicológica de tu personaje. ¿Cómo es su personalidad? ¿Tiene miedos? ¿Aspiraciones? ¿Qué le gusta o le disgusta? [Mínimo 8 líneas] </div>

   <div id="letra2"><font style="font-size: 25px; font-family: Poiret One; color: #C29D6E; letter-spacing: 5px; text-shadow: 1px 1px 2px #000000; position: relative; line-height: 20%;">Historia</font></div>

   <div id="cosita">Describe aquí la historia de tu pj. ¿Cuáles es su relación con la guerra? ¿Cuál es el efecto de la guerra sobre tu personaje? ¿Cómo ha afectado su vida? ¿Cómo ha llegado a Sydney? ¿Cuál es su historia como amo o esclavo? [Mínimo 8 líneas]
   </div>

   <div id="letra2"><font style="font-size: 25px; font-family: Poiret One; color: #C29D6E; letter-spacing: 5px; text-shadow: 1px 1px 2px #000000; position: relative; line-height: 20%;">Rasgos destacables</font></div>

   <div id="cosita"> Esto NO es una descripción física. Aquí tienes que detallar rasgos destacables en tu pj. Si tiene alguna cicatriz en el cuerpo, algún tipo de enfermedad, si siempre viste de la misma forma... Cosas que lo hagan único e irrepetible.
   </div>
   <div style="width: 500px; height: 40px; font-family: Poiret One;color: #C29D6E;letter-spacing: 5px;text-shadow: 1px 1px 2px #000000;font-size: 13px; background: #3A1121; position: relative; top: 220px "></div>
   </div></center>



   <style type="text/css">#cosita{margin-bottom:-20px;width: 450px; height: 200px; overflow-y: auto; border: dotted 1px #3A1121; text-align: left; position: relative; top: 210px}#letra2{width: 300px; height: 10px; background-color: #3A1121; text-align: center; position: relative; top: 230px;}#letra{line-height: 30px; width: 500px;height: 60px;background: #3A1121;color:#C29D6E;font-family: Mrs Saint Delafield ;font-size: 42px;position: relative;top: 30px;text-shadow: 2px 2px 2px rgb(37, 43, 40); margin-bottom: -180px}#principio {width: 500px; height: 1190px; border-right: solid 40px #3A1121}#cia{-moz-transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out; width: 250px ;font-family: Poiret One;color: #C29D6E;letter-spacing: 5px;text-shadow: 1px 1px 2px rgb(44, 19, 19);font-size: 13px;background: rgba(58, 17, 33, 0.72);position: relative;right: 190px;} #cia:hover{-moz-transition:all 1s ease-in-out ;-webkit-transition:all 1s ease-in-out; background: #3A1121} </style>