Green Space || Ficha de personaje

<center><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bebas+Neue|Staatliches|Poppins|Anton|Syne">

  <div id="p1"><div id="p2">00.01<br><span style="letter-spacing:2px; font-size:10px;line-height:36px;font-family:Poppins;">Green Space</span></div><div id="p3"><div id="p6"><div id="p7">Name<br><span style="letter-spacing:2px; font-size:15px;line-height:36px;">Last name</span></div></div></div><div id="p4"><div id="p5"></div></div><table><tbody><tr><td><div id="p8"><div style="font-size: 20px;color: #8db700;letter-spacing: 2px;font-family:Anton;border-bottom: 1px solid #8d8d8d; padding:5px;">Personalidad</div><div id="p9">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 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 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div><div style="font-size: 20px;color: #8db700;letter-spacing: 2px;font-family:Anton;border-bottom: 1px solid #8d8d8d;padding:5px;">Historia</div><div id="p9">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 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 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div><div style="font-size: 20px;color: #8db700;letter-spacing: 2px;font-family:Anton;border-bottom: 1px solid #8d8d8d;padding:5px;">Extras</div><div id="p9">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 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 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div></td><td valign="top"><div id="p10">Put an X on my chest, but I'm still standing 'cause I won't forget
The hell on earth you put me through. I'll save myself in spite of you</div><div id="p11"><i class="fas fa-om"></i></div><div id="p12"><div style="font-size: 15px;color: #8db700;letter-spacing: 2px;font-family:Anton;padding:2px;">Edad</div><div id="p13">Edad aquí</div><div style="font-size: 15px;color: #8db700;letter-spacing: 2px;font-family:Anton;padding:2px;">Posición</div><div id="p13">Activo/Pasivo/Versátil</div><div style="font-size: 15px;color: #8db700;letter-spacing: 2px;font-family:Anton;padding:2px;">Grupo</div><div id="p13">Grupo al que pertenece</div><div style="font-size: 15px;color: #8db700;letter-spacing: 2px;font-family:Anton;padding:2px;">Raza</div><div id="p13">Raza a la que pertenece</div><div style="font-size: 15px;color: #8db700;letter-spacing: 2px;font-family:Anton;padding:2px;">Ocupación</div><div id="p13">¿A qué se dedica?</div><div style="font-size: 15px;color: #8db700;letter-spacing: 2px;font-family:Anton;padding:2px;">Nacionalidad</div><div id="p13">¿De dónde es?</div><div style="font-size: 15px;color: #8db700;letter-spacing: 2px;font-family:Anton;padding:2px;">Played By</div><div id="p13">Nombre original || De dónde proviene</div></div></td></tr></tbody></table></div><a href="https://hakrabi.tumblr.com" class="credi citos">—Hakrabi</a></center>

<style>#p1 {width: 650px; height: auto; background: #dfdfdf; padding: 20px 15px 15px;}#p2 {width: auto; height: auto; padding: 10px; font-family: Staatliches; font-size: 40px; text-align: left; color: #8db700; display: block; position: relative;}#p3 {width: auto; height: 180px; background: url(https://i.pinimg.com/564x/c9/b3/64/c9b364925d6385cfe141a889d9d0531f.jpg); background-size: cover; padding: 10px;}#p4 {width: 150px; height: 150px; background: #8db700; border-radius: 100px; padding: 5px; margin-top: -90px; margin-left: -400px;}#p5 {width: 150px; height: 150px; background: url(https://i.pinimg.com/564x/8f/96/fe/8f96fe3b06ec0b90370974a56b631d00.jpg); background-size: cover; border-radius: 100px;}#p6 {width: auto; height: 180px; border: 1px solid #fff;}#p7 {margin-top: 55px; margin-left: 450px; font-size: 60px; font-family: Bebas Neue; color: #8db700; line-height: 25px; text-align: left; text-shadow: 2px 2px 3px #000;}#p8 {width: 380px; height: auto; padding: 20px; margin-top: 5px;}#p9 {width: auto; height: auto; padding: 10px; text-align: justify; color: #000; font-family: Calibri; font-size: 13px;}#p10 {width: auto; height: auto; padding: 10px; text-align: center; color: #747474; font-family: Poppins; font-size: 11px; display: block; position: relative;}#p11 {width: 40px; height: auto; padding: 10px; font-size: 35px; color: #8db700; margin-left: 80px; margin-top: -15px; display: block; position: relative;}#p12 {width: auto; height: auto; padding: 20px; display: block; position: relative;}#p13 {width: auto; height: auto; padding: 5px; font-family: Syne; color: #747474; font-size: 13px; border-bottom: 1px solid #808080;}a.credi {color: #4d4d4d; font-family: Arial; text-decoration: none; font-size: 9px; letter-spacing: 2px; width: auto; position: relative; overflow: hidden; text-transform: uppercase; transition: color .3s cubic-bezier(0.11, 0.7, 0, 1);}a.credi:hover {color:#ed6f88; transition: 0.2s}.citos:after {position: absolute; display: block; width: 0%; height: 2px; background-color: #df1233; content: "";}</style>