De Rolo Ficha

<div class="derolo">
<div class="drbody">
<div class="drbuttons">
<span dato="Percival Fredrickstein de Rolo III"><i class="fas fa-user"></i></span>
<span dato="Human"><i class="fas fa-chart-pie"></i></span>
<span dato="Gunslinger"><i class="fas fa-user-secret"></i></span>
<span dato="23 y.o."><i class="fas fa-birthday-cake"></i></span>
<span dato="Neutral Good"><i class="fas fa-thumbs-up"></i></span>
<span dato="Whitestone, Tal'Dorei"><i class="fas fa-globe"></i></span>
</div>
<div class="drtext">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis sapien eget urna fermentum vehicula. In commodo arcu nec ex vestibulum lobortis. Quisque fermentum ultricies eros nec scelerisque. In quis ante semper, porta ipsum id, vulputate purus. Sed tristique, dui eget finibus feugiat, metus est scelerisque purus, tincidunt dictum nulla elit ac mi. Duis a dignissim sapien, ac pulvinar tortor. Maecenas tristique nisi molestie lorem pharetra efficitur. Suspendisse eget sagittis ipsum, sit amet vulputate nisi. Morbi pellentesque, enim eu volutpat sagittis, ligula mauris tincidunt justo, eu maximus ipsum sapien sit amet sem. Nam eget laoreet felis, blandit egestas enim. Nam cursus maximus massa, quis blandit lectus efficitur id. Phasellus at lacus tortor. Curabitur efficitur varius finibus.
<br/><br/>
Maecenas lobortis ipsum dui, quis accumsan neque pharetra ac. Pellentesque lacus est, tempus et pulvinar porta, condimentum in purus. Etiam cursus nisi eu dui finibus viverra. Duis lacinia in lacus cursus dapibus. Suspendisse dapibus blandit enim vel mattis. Nunc sit amet placerat turpis, eget ullamcorper sem. Vivamus dapibus vitae magna in rutrum. Proin tempus pulvinar aliquet. Sed auctor metus a libero pharetra placerat. Fusce vestibulum mauris lectus, ac fringilla augue tincidunt ac. Pellentesque metus turpis, suscipit sit amet aliquet dignissim, mollis ac turpis. Nulla ullamcorper nec metus sit amet rhoncus.
<br/><br/>
Ut lobortis turpis magna, in ornare metus efficitur eu. Aenean mauris elit, sagittis id pellentesque in, sodales ut erat. Duis sodales, metus in auctor ornare, nisi massa ornare ante, quis dignissim risus lorem eget leo. Maecenas non varius tellus. Nunc venenatis nec velit in suscipit. Quisque elementum imperdiet neque in bibendum. Ut in massa nibh. Sed viverra ligula mi, rhoncus lobortis arcu egestas nec. Pellentesque maximus massa id lectus accumsan luctus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla ultrices risus ut enim bibendum elementum. Pellentesque at suscipit nunc. Donec non augue dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vestibulum felis non tellus sagittis finibus.
<br/><br/>
Vestibulum vel ultrices tortor. Integer nulla lorem, sollicitudin eget nunc et, accumsan pellentesque sapien. Phasellus vestibulum risus sit amet porttitor luctus. Sed interdum sodales massa, nec maximus tortor tristique sit amet. Vivamus aliquet pellentesque magna vel rutrum. Donec elit mi, porttitor et pretium ac, efficitur ut tortor. Phasellus sit amet lectus sit amet odio laoreet ultricies.</p>
</div>
<div class="drside">
<div class="drimg"></div>
<div class="drname">PERCIVAL DE ROLO</div>
<div class="drsubtext">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis sapien eget urna fermentum vehicula. In commodo arcu nec ex vestibulum lobortis. Quisque fermentum ultricies eros nec scelerisque. In quis ante semper, porta ipsum id, vulputate purus. Sed tristique, dui eget finibus feugiat, metus est scelerisque purus, tincidunt dictum.</p>
</div>
</div>
</div>
</div>
<a href="http://necromancercoding.tumblr.com/" class="ncredit">NC</a>
<style type="text/css">.derolo{ --bckgimg:url(https://i.imgur.com/Y4YaMA8.png); --icon:url(https://i.imgur.com/x98Ez9T.png); --border1: #ccc; --border2: rgba(255,255,255,0.3); --bckg1: #f2f2f2; --bckg2: #eaeaea; --accent1: #5e6a68; --accent2: #435252; --txt:#444; }</style>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"/><link rel="stylesheet" href="https://dl.dropbox.com/s/xympcb9o1gughh6/derolo.css"/>