Ahhh*

<div style="width: 80%; max-width: 800px; min-width: 550px; background: #f8f0e0; border: 15px solid #fff; outline: 7px solid lightblue; font-family: arial; color: #777; font-size: 11px;" alt="sheet#1"><div style="background: #fff; width: 100%; height: 130px; padding: 0 5%; box-sizing: border-box" alt="barra"><div style="width: 200px; height: 200px; background: #888 url('https://data.whicdn.com/images/197232964/original.gif') no-repeat center; background-size: cover; border-radius: 100%; float: left; margin: 10px 4% 0 0; background-blend-mode: screen; transform: rotate(-25deg); box-shadow: 4px 4px lightblue, -4px -2px bisque" alt="img#1"></div><div style="text-align: left; font-size: 10px; text-transform: uppercase;" alt="anagrafica"><div style="font-size: 15px; line-height: 25px; letter-spacing: 12px; font-weight: 300; padding: 20px 0 0; text-shadow: 3px 0px lightblue, -3px 0px bisque;" alt="nome">Nome
personaggio</div><div style="letter-spacing: 2px; word-spacing: 6px" alt="dati">nn/nn/nn | from far away | F/M/Q</div>
<span style="font-size: 50px; line-height: 35px; display: inline-block; float: left">“</span><marquee style="width: 50%; float: left; display: inline-block; font-size: 9px; text-transform: initial; letter-spacing: 2px" behavior="scroll" direction="left" scrolldelay="20" alt="cit">questa è una citazione che rappresenta il personaggio
</marquee></div></div>
<div style=" font-size: 9px; text-align: right; padding: 0 20px 15px; line-height: 15px; letter-spacing: 2px; border-bottom: 10px solid #fff" alt="info"> <i style="text-decoration: underline; text-decoration-color: bisque">caotico neutrale</i> &#9702; <b style="background: lightblue; padding: 1px 0 0 1px">A</b>LLINEAMENTO
<i style="text-decoration: underline; text-decoration-color: bisque">mago</i> &#9702; <b style="background: lightblue; padding: 1px 0 0 1px">C</b>LASSE
<i style="text-decoration: underline; text-decoration-color: bisque">umano</i> &#9702; <b style="background: lightblue; padding: 1px 0 0 1px">R</b>azza
<i style="text-decoration: underline; text-decoration-color: bisque">guerrieri dell'apocalisse</i> &#9702; <b style="background: lightblue; padding: 1px 0 0 1px">G</b>ruppo</div>
<div style="padding: 0 30px 0; border-left: 20px solid #fff; border-right: 20px solid #fff; margin: 0 5%; line-height: 18px;" alt="aspetto"><div style="font-size: 60px; line-height: 60px; text-align: right; font-weight: 800; transform: rotate(2deg); -webkit-text-stroke: 1px #777; color:transparent; text-shadow: 5px -3px bisque " alt="titolo#1">&#9812;ASPETTO</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id fermentum dui. Praesent accumsan eros id ullamcorper imperdiet. In consectetur, nulla sed congue varius, nibh eros efficitur turpis, sit amet ultricies neque nisi vel dui. Aenean fermentum vel augue scelerisque bibendum. Sed condimentum ipsum sed libero posuere venenatis. Nam auctor dui non velit dapibus imperdiet. Nulla auctor lacinia justo quis efficitur. Sed auctor leo eleifend nisl finibus faucibus. Morbi quis vestibulum ex. Quisque eleifend mi id mollis feugiat. Ut sapien mi, vestibulum nec sagittis ac, placerat ut sem. Nam ultricies vitae ipsum a porta.
Nulla sagittis pulvinar viverra. Aliquam sagittis, quam ac aliquet fringilla, sem sapien mattis nunc, quis malesuada mi orci eu metus. Vivamus ac leo ut nisi convallis ultrices. Nam mattis accumsan vulputate. Proin ex ante, lobortis ac lectus sed, semper pulvinar leo. Nulla facilisi. Cras gravida quis mauris eget porta. Cras id justo in nibh suscipit iaculis in eget elit. Fusce sit amet feugiat ante, vel rutrum augue. Curabitur viverra hendrerit nisl volutpat tincidunt. Aliquam quis diam volutpat, laoreet lectus id, euismod tortor. Aenean turpis sapien, suscipit id nulla ut, blandit venenatis mi. Proin a aliquet urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce in orci eget ex convallis condimentum a feugiat elit.
<span style="text-align: center; display: block; margin: 0; background: wheat; width: 100%; text-transform: uppercase; font-size: 8px; letter-spacing: 3px" alt="prestavolto">FACE &#9702; nome prestavolto</span></div>
<div style="padding: 0 20px 20px; line-height: 18px; border-top: 10px solid #fff; border-bottom: 10px solid #fff" alt="carattere">
<div style="float: right; width: 120px; height: 210px; background: #444 url('https://media2.giphy.com/media/1kTHV1mGrBVzTyXglh/source.gif') center; margin-left: 10px; background-size: cover; background-blend-mode: screen; box-shadow: 3px 4px lightblue; border-left: 3px solid wheatzs; border-top: 3px solid wheat" alt="img#2"></div><div style="font-size: 55px; line-height: 60px; text-align: left; font-weight: 800; transform: rotate(-2deg); -webkit-text-stroke: 1px #777; color:transparent; text-shadow: 5px -3px lightblue " alt="titolo#1">CARATTERE</div>
Vestibulum eget gravida metus. Praesent mollis lacus ac arcu ultrices consequat. Praesent sem diam, sodales a nisl at, porta tincidunt massa. Curabitur pretium magna orci, non ornare ante cursus sit amet. Integer ut dignissim sem, non vestibulum sem. Morbi sodales, nisl ac malesuada placerat, ex eros malesuada leo, vel mattis neque lorem et dolor. Integer feugiat ultrices diam, et porta augue ultrices at. Interdum et malesuada fames ac ante ipsum primis in faucibus. In id lacinia urna, quis iaculis leo. Donec nisi justo, venenatis sed iaculis sit amet, condimentum a mauris. Mauris vel scelerisque ex, et aliquet metus. Donec congue, velit id hendrerit posuere, dui justo auctor neque, sit amet elementum nibh eros et augue.
Fusce vulputate laoreet nunc, at volutpat neque. Nulla tincidunt sapien eget libero malesuada, eu mollis mi mollis. Aliquam convallis lobortis arcu et placerat. Nullam in facilisis neque. In mollis tristique aliquam. Cras molestie nec nisi vitae vehicula. Mauris tincidunt, neque dignissim luctus sagittis, felis mauris vestibulum lorem, eget vulputate velit odio ut metus. In varius euismod blandit. Mauris mattis efficitur viverra. Proin fermentum nisi in tortor convallis egestas. Ut tempus lobortis interdum. Fusce vitae ex facilisis, auctor tellus ut, congue tortor.
</div>
<div style="padding: 0 20px 0 0px; line-height: 18px; border-right: 20px solid #fff; margin: 0 20px; " alt="storia"><div style="float: left; width: 40%; height: 190px; margin: 0px 20px 0 0; background: #fff; box-shadow: 3px 4px lightblue, -4px -2px wheat; overflow: auto; " alt="relazioni"><div style="border-bottom: 2px solid lightblue; margin: 2px; padding: 8px 3px"><span style="display: inline-block; background: #fff; color: wheat; border-radius: 100%; padding: 0 4px">&#10084;</span> <span style="display: inline-block; font-size: 10px; letter-spacing: 1px">nome &#9702; relazione</span>
</div><div style="text-align: right; border-bottom: 2px solid lightblue; margin: 2px; padding: 8px 3px"> <span style="display: inline-block; font-size: 10px; letter-spacing: 1px">nome &#9702; relazione</span> <span style="display: inline-block; background: #fff; color: wheat; border-radius: 100%; padding: 0 4px">&#10084;</span>
</div><div style="border-bottom: 2px solid lightblue; margin: 2px; padding: 8px 3px"><span style="display: inline-block; background: #fff; color: wheat; border-radius: 100%; padding: 0 4px">&#10084;</span> <span style="display: inline-block; font-size: 10px; letter-spacing: 1px">nome &#9702; relazione</span>
</div><div style="text-align: right; border-bottom: 2px solid lightblue; margin: 2px; padding: 8px 3px"> <span style="display: inline-block; font-size: 10px; letter-spacing: 1px">nome &#9702; relazione</span> <span style="display: inline-block; background: #fff; color: wheat; border-radius: 100%; padding: 0 4px">&#10084;</span>
</div><div style="border-bottom: 2px solid lightblue; margin: 2px; padding: 8px 3px"><span style="display: inline-block; background: #fff; color: wheat; border-radius: 100%; padding: 0 4px">&#10084;</span> <span style="display: inline-block; font-size: 10px; letter-spacing: 1px">nome &#9702; relazione</span>
</div><div style="text-align: right; border-bottom: 2px solid lightblue; margin: 2px; padding: 8px 3px"> <span style="display: inline-block; font-size: 10px; letter-spacing: 1px">nome &#9702; relazione</span> <span style="display: inline-block; background: #fff; color: wheat; border-radius: 100%; padding: 0 4px">&#10084;</span>
</div></div><div style="font-size: 60px; line-height: 60px; text-align: right; font-weight: 800; transform: rotate(2deg); -webkit-text-stroke: 1px #777; color:transparent; text-shadow: 5px -3px wheat " alt="titolo#1">STORIA</div>
Nullam ac orci ac lectus fermentum porttitor. Vivamus porttitor, mauris eget auctor euismod, risus dui pulvinar risus, ac maximus leo justo eu sem. Integer at dui non nunc dignissim vehicula. Proin lobortis ornare nibh, sed porta nulla consequat et. Maecenas et nisl lobortis, faucibus risus a, molestie sem. Nulla dignissim vehicula aliquam. Vivamus sit amet mollis erat. Aliquam gravida est et feugiat pulvinar. In hac habitasse platea dictumst. Nullam lobortis, neque dictum hendrerit commodo, elit ligula dignissim nunc, sit amet commodo felis libero convallis magna.
Proin volutpat, orci sed maximus consectetur, turpis elit fermentum lectus, ac pharetra justo est ac sapien. Pellentesque vitae turpis velit. Nam hendrerit magna in ex interdum auctor. In hac habitasse platea dictumst. Fusce sed fringilla libero. Pellentesque risus risus, sodales quis ante at, vehicula venenatis velit. Phasellus non laoreet mi. In dignissim pretium ultrices. Praesent pellentesque leo nec justo molestie dapibus. Donec elementum pellentesque purus ac volutpat. Vivamus velit risus, tristique et eleifend vestibulum, maximus in augue. Mauris semper condimentum luctus. Praesent in sapien eget tortor consectetur dictum nec vel velit. Proin lacinia venenatis sem vitae pretium.
</div>
<div style="width: 50%; display: inline-block; height: 200px; background: #555 url('https://media3.giphy.com/media/nbwCrgeTqGk3qQ64U8/source.gif') center; background-blend-mode: screen;background-size: cover; border-top: 10px solid #fff" alt="img#3"></div><div style="width: 50%; height: 200px; background: #888 url('https://assets.mubicdn.net/images/cast_member/32430/image-original.png?1600882122') center; display: inline-block; background-size: cover; background-blend-mode: screen;border-top: 10px solid #fff" alt="img#4"></div>
</div>
<div style="font-size: 7.5px; letter-spacing: 2px; text-align: center" alt="credits">codice by [URL=https://whatevs.forumcommunity.net/]<u>mar/seé</u>[/URL], do whatever you want with it</div>