<lj-raw><!--HEADER--><div style="width:510px;height:200px;margin:0 auto;background:#ddd url(HEADER_PIC)center -200px;background-size:cover;border-radius:10px 10px 0 0;display:flex;align-items:flex-end;justify-content:center;text-align:center;font-family:georgia;"><div style="margin:0 0 20px 0;background:#fff;padding:15px 30px;line-height:1;text-transform:uppercase;"><div style="font-size:20px;letter-spacing:1px;color:#000;">TITLE</div><div style="font-size:7px;letter-spacing:2px;color:#111;">SUBTITLE</div></div></div><!--CONTENT CONTAINER--><div style="height:500px;overflow:hidden;font-family:calibri,sans-serif;font-size:12px;color:#222;text-align:justify;margin:0 0 7px 0;"><!--PAGE CONTAINER--><a name="1"></a><div style="height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:1.6;"><!--BACK ARROW--><a href="#5"><img src="https://i.imgur.com/Bh3m23o.png" style="margin:0 0 200px 0;"></a><!--PAGE--><div style="height:100%;width:510px;margin:0 20px;overflow:auto;background:#fff;border:1px solid rgba(0,0,0,0.15);border-top:0;padding:30px;box-sizing:border-box;"><!--PAGE HEADER--><div style="font-family:georgia;font-size:8px;letter-spacing:4px;color:#000;text-align:center;margin:0 0 20px 0;">• FIRST IMPRESSIONS •</div><!--ABOUT COLUMNS--><div style="display:flex;justify-content:space-between;margin:0 0 20px 0;"><!--ABOUT PIC--><div style="width:calc(50% - 10px);background:rgba(0,0,0,0.05) url(ABOUT_PIC)center;background-size:cover;border:10px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,0.15);box-sizing:border-box;"></div><!--ABOUT STATS--><div style="width:calc(50% - 10px);">INFO<b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>INFO<b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>INFO<b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>INFO<b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>INFO<b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>INFO<b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>INFO<b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b></div></div><b style="font-family:georgia;font-size:8px;letter-spacing:2px;color:#222;">VOICE</b><div style="padding:10px;border:1px solid rgba(0,0,0,0.15);">Phasellus at lacus hendrerit, imperdiet diam ut, lobortis arcu. Quisque eget elementum turpis, id consectetur massa. Pellentesque mi ipsum, aliquam eget pharetra quis, convallis at eros. Vivamus bibendum libero vel odio posuere, ac faucibus mi consectetur.</div><br><b style="font-family:georgia;font-size:8px;letter-spacing:2px;color:#222;">STYLE</b><div style="padding:10px;border:1px solid rgba(0,0,0,0.15);">Phasellus at lacus hendrerit, imperdiet diam ut, lobortis arcu. Quisque eget elementum turpis, id consectetur massa. Pellentesque mi ipsum, aliquam eget pharetra quis, convallis at eros. Vivamus bibendum libero vel odio posuere, ac faucibus mi consectetur.</div><br><b style="font-family:georgia;font-size:8px;letter-spacing:2px;color:#222;">ETC.</b><div style="padding:10px;border:1px solid rgba(0,0,0,0.15);">Phasellus at lacus hendrerit, imperdiet diam ut, lobortis arcu. Quisque eget elementum turpis, id consectetur massa. Pellentesque mi ipsum, aliquam eget pharetra quis, convallis at eros. Vivamus bibendum libero vel odio posuere, ac faucibus mi consectetur.</div></div><!--FORWARD ARROW--><a href="#2"><img src="https://i.imgur.com/XAJgCoR.png" style="margin:0 0 200px 0;"></a></div><!--PAGE CONTAINER--><a name="2"></a><div style="height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:1.6;"><!--BACK ARROW--><a href="#1"><img src="https://i.imgur.com/Bh3m23o.png" style="margin:0 0 200px 0;"></a><!--PAGE--><div style="height:100%;width:510px;margin:0 20px;overflow:auto;background:#fff;border:1px solid rgba(0,0,0,0.15);border-top:0;padding:30px;box-sizing:border-box;"><!--PAGE HEADER--><div style="font-family:georgia;font-size:8px;letter-spacing:4px;color:#000;text-align:center;margin:0 0 20px 0;">• ABILITIES & SKILLS •</div><b style="font-family:georgia;font-size:8px;letter-spacing:2px;color:#222;">ABILITY</b><div style="padding:10px;border:1px solid rgba(0,0,0,0.15);">ABILITY_INFO</div><br><b style="font-family:georgia;font-size:8px;letter-spacing:2px;color:#222;">ABILITY</b><div style="padding:10px;border:1px solid rgba(0,0,0,0.15);">ABILITY_INFO</div><br><b style="font-family:georgia;font-size:8px;letter-spacing:2px;color:#222;">ABILITY</b><div style="padding:10px;border:1px solid rgba(0,0,0,0.15);">ABILITY_INFO</div><br></div><!--FORWARD ARROW--><a href="#3"><img src="https://i.imgur.com/XAJgCoR.png" style="margin:0 0 200px 0;"></a></div><!--PAGE CONTAINER--><a name="3"></a><div style="height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:1.6;"><!--BACK ARROW--><a href="#2"><img src="https://i.imgur.com/Bh3m23o.png" style="margin:0 0 200px 0;"></a><!--PAGE--><div style="height:100%;width:510px;margin:0 20px;overflow:auto;background:#fff;border:1px solid rgba(0,0,0,0.15);border-top:0;padding:30px;box-sizing:border-box;"><!--PAGE HEADER--><div style="font-family:georgia;font-size:8px;letter-spacing:4px;color:#000;text-align:center;margin:0 0 20px 0;">• APPEARANCE •</div><img src="APPEARANCE_PIC" style="width:40%;padding:10px;border:1px solid rgba(0,0,0,0.15);margin:0 20px 0 0;float:left;">Phasellus at lacus hendrerit, imperdiet diam ut, lobortis arcu. Quisque eget elementum turpis, id consectetur massa. Pellentesque mi ipsum, aliquam eget pharetra quis, convallis at eros. Vivamus bibendum libero vel odio posuere, ac faucibus mi consectetur.</div><!--FORWARD ARROW--><a href="#4"><img src="https://i.imgur.com/XAJgCoR.png" style="margin:0 0 200px 0;"></a></div><!--PAGE CONTAINER--><a name="4"></a><div style="height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:1.6;"><!--BACK ARROW--><a href="#3"><img src="https://i.imgur.com/Bh3m23o.png" style="margin:0 0 200px 0;"></a><!--PAGE--><div style="height:100%;width:510px;margin:0 20px;overflow:auto;background:#fff;border:1px solid rgba(0,0,0,0.15);border-top:0;padding:30px;box-sizing:border-box;"><!--PAGE HEADER--><div style="font-family:georgia;font-size:8px;letter-spacing:4px;color:#000;text-align:center;margin:0 0 20px 0;">• PERSONALITY •</div><img src="PERSONALITY_PIC" style="width:40%;padding:10px;border:1px solid rgba(0,0,0,0.15);margin:0 0 0 20px;float:right;">Phasellus at lacus hendrerit, imperdiet diam ut, lobortis arcu. Quisque eget elementum turpis, id consectetur massa. Pellentesque mi ipsum, aliquam eget pharetra quis, convallis at eros. Vivamus bibendum libero vel odio posuere, ac faucibus mi consectetur.</div><!--FORWARD ARROW--><a href="#5"><img src="https://i.imgur.com/XAJgCoR.png" style="margin:0 0 200px 0;"></a></div><!--PAGE CONTAINER--><a name="5"></a><div style="height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:1.6;"><!--BACK ARROW--><a href="#4"><img src="https://i.imgur.com/Bh3m23o.png" style="margin:0 0 200px 0;"></a><!--PAGE--><div style="height:100%;width:510px;margin:0 20px;overflow:auto;background:#fff;border:1px solid rgba(0,0,0,0.15);border-top:0;padding:30px;box-sizing:border-box;"><!--PAGE HEADER--><div style="font-family:georgia;font-size:8px;letter-spacing:4px;color:#000;text-align:center;margin:0 0 20px 0;">• HISTORY •</div>Phasellus at lacus hendrerit, imperdiet diam ut, lobortis arcu. Quisque eget elementum turpis, id consectetur massa. Pellentesque mi ipsum, aliquam eget pharetra quis, convallis at eros. Vivamus bibendum libero vel odio posuere, ac faucibus mi consectetur.</div><!--FORWARD ARROW--><a href="#1"><img src="https://i.imgur.com/XAJgCoR.png" style="margin:0 0 200px 0;"></a></div></div><!--OOC INFO--><center style="font-family:georgia;font-size:8px;letter-spacing:4px;color:#000;text-align:center;">• NAME | AGE | TIMEZONE | PB NAME | <a href="http://tessisamess.insanejournal.com/" style="text-decoration:none;color:#000;">CODE</a> •</center></lj-raw>

<lj-raw><div style="margin:0 auto;width:600px;height:400px;overflow:hidden;font-family:monospace;font-size:12px;line-height:2;"><a name="YOUR_NAME-gift-wrapped" title="Read note:" href="#YOUR_NAME-gift-note" style="display:block;height:100%;background:url(https://i.imgur.com/tTrR96s.png)center no-repeat;background-size:auto 100%;opacity:1!important;"></a><a name="YOUR_NAME-gift-note" title="Open gift!" href="#YOUR_NAME-gift-opened" style="background:#eee url(https://www.action-mailing.com/wp-content/uploads/2020/05/designing-a-postcard.jpg)center;background-size:cover;display:flex;align-items:center;justify-content:center;text-decoration:none;height:100%;box-sizing:border-box;padding:20px 50px;color:#222;opacity:1!important;"><div><b>Name</b><br>YOUR_NOTE<div align="right">—<b>Name</b></div></div></a><a name="YOUR_NAME-gift-opened" title="Go back." href="#YOUR_NAME-gift-wrapped" style="display:block;height:100%;background:url(https://images-na.ssl-images-amazon.com/images/I/41pL2dKzKML._AC_SL1024_.jpg)center no-repeat;background-size:auto 100%;opacity:1!important;"></a></div></lj-raw>

<lj-raw><div style="display:flex;justify-content:center;flex-wrap:wrap;font-family:palatino linotype,georgia,sans-serif;font-size:14px;line-height:1.4;color:#111;text-transform:lowercase;"><!--CARD--><div style="margin:10px;width:450px;background:#fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.1);overflow:hidden;"><div style="-webkit-mask:url(https://i.imgur.com/nYQit9a.png);mask:url(https://i.imgur.com/nYQit9a.png);-webkit-mask-size:auto 150px;mask-size:auto 150px;margin:20px 0 0 0;"><div style="height:150px;background:#ddd url(YOUR_GIF);background-size:cover;"></div></div><div style="padding:0 30px 30px 30px;"><i style="display:block;font-weight:bold;font-size:18px;margin:0 0 10px 0;">WORD</i>(n.) DEFINITION
Phasellus at lacus hendrerit, imperdiet diam ut, lobortis arcu. Quisque eget elementum turpis, id consectetur massa. Pellentesque mi ipsum, aliquam eget pharetra quis, convallis at eros. Vivamus bibendum libero vel odio posuere, ac faucibus mi consectetur.
</div> </div></div><center style="font-family:arial;font-size:8px;letter-spacing:2px;line-height:2;"><a href="http://tessisamess.insanejournal.com/" style="color:#bbb;text-decoration:none;">CODE BY TESSISAMESS</a></center></lj-raw>

<lj-raw><div style="margin:0 auto;width:450px;background:#fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.1);font-family:palatino linotype,georgia,sans-serif;font-size:13px;line-height:1.4;color:#111;text-transform:lowercase;overflow:hidden;"><div style="-webkit-mask:url(https://i.imgur.com/vvSV8Wy.png);mask:url(https://i.imgur.com/vvSV8Wy.png);-webkit-mask-size:auto 150px;mask-size:auto 150px;"><div style="height:150px;background:#ddd url(YOUR_GIF);background-size:cover;"></div></div><div style="padding:0 30px 10px 30px;"><i style="display:block;font-weight:bold;font-size:24px;margin:0 0 10px 0;">WORD</i>(n.) DEFINITION</div><a href="http://tessisamess.insanejournal.com/" style="float:right;margin:0 -4px -4px 0;font-size:14px;text-decoration:none;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0.2);border-radius:100%;color:#bbb;font-weight:bold;line-height:0;text-transform:uppercase;">C</a></div></lj-raw>

<style>.gly-fiche-rp-01-wd > .body { width: 500px; margin: auto; background-color: #333; background-image: url('https://2img.net/r/hpimg15/pics/57964620150829211455.png'); font-family: 'Lato', sans-serif; color: #fff; text-align: left; border-radius: 5px; padding: 25px 0; } .gly-fiche-rp-01-wd > .body > .title-img { width: 450px; text-align: center; background-color: #000; border-radius: 5px 5px 0 0; margin: auto; }.gly-fiche-rp-01-wd > .body > .title-img > img { width: 450px; text-align: center; background-color: #000; border-radius: 5px 5px 0 0; margin: auto; } .gly-fiche-rp-01-wd > .body > .block { padding: 10px; margin: 5px; border-radius: 5px; } .gly-fiche-rp-01-wd > .body > .block > .block-text { font-family: 'Lato', sans-serif; text-align: justify; padding: 10px; font-size: 12px; font-weight: 700; background-color: #000; margin-bottom: 10px; } .gly-fiche-rp-01-wd > .body > .title { text-align: center; padding: 30px 10px 0 10px; width: 100%; } .gly-fiche-rp-01-wd > .body > .title > .primary, .gly-fiche-rp-01-wd > .body > .title > .secondary { font-family: 'Russo One', sans-serif; text-transform: uppercase; color: #fff; font-size: 15px; display: inline-block; text-shadow: 0 0 3px #000; } .gly-fiche-rp-01-wd > .body > .title > .secondary { font-size: 20px; color: #34DDDD; } .gly-fiche-rp-01-wd > .credits { font-family: 'Russo One', sans-serif; text-transform: uppercase; color: #000; font-size: 8px; text-align: center; } .gly-fiche-rp-01-wd > .credits > a { color : #222; font-family: 'Russo One', sans-serif; text-transform: uppercase; font-size: 8px; text-decoration: none; } .gly-fiche-rp-01-wd > .body > .block > .block-text a { text-decoration: none; color: #34dddd; } .gly-fiche-rp-01-wd > .body > .block > .block-text a:hover { text-decoration: none; color: #fff; } .gly-fiche-rp-01-wd > .body > .block > .block-text > .rp-desc { padding: 0 5px; font-weight: normal; font-style: italic; overflow: hidden; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 0; height: 0; } .gly-fiche-rp-01-wd > .body > .block > .block-text:hover > .rp-desc { -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 1; padding-top: 5px; height: auto; }</style>

<link href='https://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'><link href='https://codepen.io/devnerdgirl/pen/JoLLoK.css' rel='stylesheet' type='text/css'><div class="gly-fiche-rp-01-wd"><div class="body"><div class="title-img"><img src="https://40.media.tumblr.com/4b730784d652fec2b1d64b463f87ad1f/tumblr_nispqv3Lpv1qz62xqo5_1280.jpg" alt=""/></div><div class="title"><span class="primary">Statut</span><br/><span class="secondary">Disponible</span></div><div class="block"><div class="block-text"><div style="max-height: 200px; padding: 0 5px; overflow: auto;"><center>RP en cours : ?? / ??<br/><br/><a href="#">Fiche</a> :diamonds: <a href="#">Liens</a> :diamonds: <a href="#">Contact</a></center></div></div></div><div class="title"><span class="primary">Sujets</span><br/><span class="secondary">En cours</span></div><div class="block"><!-- START --><div class="block-text"><span>// [ <a href="#">www</a> ] _ Nom du sujet { personnages }</span><div  class="rp-desc">Entre ce que je pense, ce que je veux dire, ce que je crois dire, ce que je dis, ce que vous avez envie d'entendre, ce que vous croyez entendre, ce que vous entendez, ce que vous avez envie de comprendre, ce que vous comprenez, il y a dix possibilités qu'on ait des difficultés à communiquer. Mais essayons quand même...</div></div><!-- END --></div> <div class="title"><span class="primary">Sujets</span><br/><span class="secondary">Terminés</span></div><div class="block"><!-- START --><div class="block-text"><span>// [ <a href="#">www</a> ] _ Nom du sujet { personnages }</span><div  class="rp-desc">Entre ce que je pense, ce que je veux dire, ce que je crois dire, ce que je dis, ce que vous avez envie d'entendre, ce que vous croyez entendre, ce que vous entendez, ce que vous avez envie de comprendre, ce que vous comprenez, il y a dix possibilités qu'on ait des difficultés à communiquer. Mais essayons quand même...</div></div><!-- END --></div><div class="title"><span class="primary">Sujets</span><br/><span class="secondary">Abandonnés</span></div><div class="block"><!-- START --><div class="block-text"><span>// [ <a href="#">www</a> ] _ Nom du sujet { personnages }</span><div  class="rp-desc">Entre ce que je pense, ce que je veux dire, ce que je crois dire, ce que je dis, ce que vous avez envie d'entendre, ce que vous croyez entendre, ce que vous entendez, ce que vous avez envie de comprendre, ce que vous comprenez, il y a dix possibilités qu'on ait des difficultés à communiquer. Mais essayons quand même...</div></div><!-- END --></div><div class="title"><span class="primary">Sujets</span><br/><span class="secondary">Réservés</span></div><div class="block"><!-- START --><div class="block-text">- Personnage</div><!-- END --></div></div><div class="credits">Fiche by <a href="https://devnerdgirl-rpgstuff.tumblr.com">Dev Nerd Girl</a></div></div>

 <style> .prayablock {margin:auto; width:700px; height:auto; background-color: #a5a5a5} .profilpraya { float: left; margin-top: -100px; position: relative; margin-left: 31px; border-radius: 50%; border: 3px solid #ffffff; } .barreblanche { background-color: #ffffff; height: 50px; margin-bottom: -21px; } .barrenav_praya { float: right; height: 30px; margin-top: 12px; padding-right: 33px; } .info_praya { background-color: #ffffff; float: left; height: auto; width: 200px; } .publi_praya {background-color:#ffffff; float: left; height:auto; width:478px; } .Idpraya { position: absolute; color: #ffffff; margin-left: 190px; margin-top: -27px; font-size: 20px; font-family: arial; } .Idpost { color: #a4cecc; font-size: 15px; font-family: arial; font-weight: bold; margin-top: 15px; margin-left: 63px; } .date_praya { color: #a5a5a5; margin-left: 62px; font-size: 12px; } .contenant_praya {color: #a5a5a5; font-size: 12px; font-family: arial; margin-top: -30px; float: right; display: flex; } .praya_tiret {padding-left:10px; padding-right:10px; color:#a4cecc;} .citapraya{background-color:transparent; width:200px; margin:auto; text-align:center;} .textcitapraya{color:#191919; font-size:12px; font-family:arial; padding:7px;} .separapraya{margin-left:50px;} .infointro{padding-left:7px;padding-bottom:8px;color:#191919;}    .infointro span{font-size:12px; color:#a5a5a5; padding-right:6px;} .infointro img{margin-right:6px;} .textinfo{padding-bottom:8px; padding-left:6px; float:right; color:#191919;}.etudeinfo{font-size:12px; color:#a5a5a5;float:left; padding-left:6px;} .imgecole{float:left;} .imgpost{border-radius:50%; float:left; padding-right:10px; padding-left:6px; padding-top:5px; width:40px; height:40px;} .fontpublipraya{ background-color:transparent; margin:auto; text-align:center;}.publipraya{color:#191919; font-size:12px; font-family:arial; padding:9px;} .fontjaime{background-color:transparent; float:left; width:200px;} .likepraya{color:#a5a5a5; font-size:14px; font-family:arial; float:left;    padding-left:5px; padding-top:2px;} .imglikepraya{margin-left:7px; margin-bottom:7px; margin-right:5px; float:left;} .nbrcom{color:#a5a5a5; font-size:14px; font-family:arial; float:right; padding-top: 2px; padding-right:7px;} .comentbarre{margin-bottom: 10px;} .fontinfopubli{background-color:transparent; width:700px; height:auto;} .copyright_oceen{background-color:transparent; margin:auto; text-align:center; color:#BDBDBD; font-size:10px; padding:5px;} .blocpublicationP{float:right; background-color:transparent; margin-top:-36px;} .intropad{padding:5px;}
</style>

<!-- le haut de page --><div class="prayablock"><img src="https://zupimages.net/up/20/06/p4qr.png"/>
<!-- l'url de l'image de couverture --><img src="https://zupimages.net/up/20/06/yljn.jpg" alt="image de couverture" /><!-- le nom et prenom --><div class="Idpraya">Lëan Vandorallen</div>
<!-- l'image de profil --><img src="https://zupimages.net/up/20/06/t80b.jpg" alt="image de profil" class="profilpraya"/><div class="barreblanche"><div class="barrenav_praya">

<!-- les liens --><div class="contenant_praya"><a href="URL ICI">Amis</a><div class="praya_tiret">|</div><a href="URL ICI">Photos</a><div class="praya_tiret"> |</div><a href="URL ICI">Plus ▼</a></div></div></div>

<!-- la colonne introduction --><div class = "info_praya"><img src="https://zupimages.net/up/20/06/o8cy.png" alt="symbole intro" class="intropad"/><div class="citapraya"><!-- le texte d'introduction --><div class="textcitapraya">"Si vous voulez dépasser les limites dans lesquelles la société vous cantonne, il faut vous battre."</div></div>
<div class="separapraya"><img src = "https://zupimages.net/up/20/06/43gq.png"/></div>
<div class="infointro"><img src="https://zupimages.net/up/20/06/cd5z.png"/><!-- le métier --> Ingénieur Robotique </div><div class="infointro"><img src="https://zupimages.net/up/20/06/5fcz.png"/><!-- le lieu d'habitation --> District 2 </div><div class="infointro"> <img src="https://zupimages.net/up/20/06/i96z.png"/><span>A étudié à:</span><!-- l'école où le personnage a étudié --> E.I.R du District 1</div> <div class="infointro"><img src="https://zupimages.net/up/20/06/gu3q.png"/><!-- Situation -->Célibataire </div></div>

<!-- profil et pseudo publication --><div class="blocpublicationP"><div class="publi_praya"><!-- url image de profil --><img src="https://zupimages.net/up/20/10/b7ak.jpg" alt="image de profil" class="imgpost"/><!-- nom prénom --><div class="Idpost">Tom Waller</div><!-- date publication --><div class="date_praya">2 Juin, 23:12</div>

<!--publication--><div class="fontpublipraya"><div class="publipraya"> C'est thème Cyborg à la Fleurette ! Ton cocktail t'attends :coktail:</div></div>

<!-- bas de la publication --><img src="https://zupimages.net/up/20/06/bm14.png" alt="barre séparation"/>
<div class="fontjaime"><img src = "https://zupimages.net/up/20/06/smvg.png" alt="like" class="imglikepraya"/><!-- nombre de likes --><div class="likepraya">32</div></div><!-- nombre de commentaires --><div class="nbrcom">10 commentaires</div>
<img src="https://zupimages.net/up/20/06/bm14.png" alt="barre séparation"/>
<img src="https://zupimages.net/up/20/06/9fy3.png" alt="barre commenter" class="comentbarre"/></div>
</div>

<div class="copyright_oceen">@Nasträlya</div></div>

<style>.Roadshow{ width:540px; background-color:#2E2E2E; overflow:hidden; border-radius:8px; margin-left:auto; margin-right:auto; margin-top:20px; display:flex; flex-direction:row; flex-wrap:wrap; cursor:crosshair;}.Roadblock{ width:180px; height:180px; background: linear-gradient(to left, var(--accent) 0%, var(--accent) 90%), var(--image); background-blend-mode:color; background-size:250px; background-position:center; opacity:.5; transition:.3s; display:flex; flex-direction:column; text-align:center; flex-wrap:nowrap;}.Roadblock:hover{opacity:1;transition:.3s;}.Roadblock h1{ color:#fafafa; font-size:15px; text-shadow:0px 0px 10px var(--accent); margin:0px; margin:auto; background:radial-gradient(circle, rgba(30,30,30,1) 0%, rgba(0,0,0,0) 100%); opacity:0; transition:.3s; z-index:2; font-family: 'Open Sans', sans-serif; line-height:15px;}.Roadblock:hover h1{ opacity:1; transition:.3s;}.Roadblock b{ font-size:20px; text-transform:uppercase; color:var(--accent); text-shadow:1px 0px 0px #fafafa; font-family: 'Montserrat', sans-serif;}.Roadblock h2{ margin:0px; margin-bottom:auto;}.dijitalxccredit{width:380px;margin-left:auto;margin-right:auto;text-align:center;margin-bottom:20px;}.dijitalxccredit a{font-size:8px;padding-top:5px;text-transform:uppercase;text-decoration:none;}</style>
<style> #MyraGalanis{ --image:url(https://i.ibb.co/qDGV5LY/111-1113616-pixiv-id-1992038-kiznaiver-sonozaki-noriko-kiznaiver-sonozaki-1.jpg); --accent:#669EF1; } #SirAtamas{ --image:url(https://i.ibb.co/sH4Mv1v/image0-4.jpg); --accent:#55D4E7; } #Dionysos{ --image:url(https://i.ibb.co/JF2Hq4c/9ae7f2c846915f4005a8157d5d4dbbf7.jpg); --accent:#CF5E00; }</style><div class="Roadshow"> <div class="Roadblock" id="MyraGalanis"> <h1><b>Myra Galanis</b><br> Clock Tower Aristocrat</h1> <span class="th th-fox" style="font-size:80px;margin-left:50px;margin-top:50px;position:absolute;color:#fafafa;"></span> </div> <div class="Roadblock" id="SirAtamas"> <h1><b>Sir Atamas</b><br> Knight of the Spring</h1> <span class="th th-z-aquarius" style="font-size:80px;margin-left:50px;margin-top:50px;position:absolute;color:#fafafa;"></span> </div> <div class="Roadblock" id="Dionysos"> <h1><b>Dionysos</b><br> The Twice Born Ruler</h1> <span class="th th-tiger" style="font-size:80px;margin-left:50px;margin-top:50px;position:absolute;color:#fafafa;"></span> </div> </div><div class="dijitalxccredit"><a href="https://pixel-perfect.boards.net/user/2793">✭ dijit</a></div><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&display=swap" rel="stylesheet">

<style>.joestar{ width:400px; background-color:#2D2D2D; display:flex; flex-direction:column; margin-left:auto; margin-right:auto; margin-top:20px; overflow:hidden; border:1px solid var(--color); font-family: 'PT Sans', sans-serif; box-shadow:0px 0px 5px var(--color); border-bottom:10px solid var(--color);}.joetopper{ height:170px; width:400px; background: radial-gradient(circle, #858585 0%, #ADADAD 110%), var(--backgroundimage); background-blend-mode:multiply; background-position:center; background-size:400px; z-index:1; display:flex; flex-direction:column; box-shadow:0px 0px 10px rgba(38, 38, 38,.9);}.joestar h1{ text-align:center; color:#D7D7D7; font-size:45px; margin:0px; opacity:1!important; margin:auto; text-shadow:1px 1px 0px var(--color); transform:rotate(-3deg); font-family: 'Bebas Neue', cursive;}.joetopper b{ border-bottom:5px solid var(--color); margin:0px; padding:0px;}.joeentry{ margin:20px; padding:15px; text-align:justify; font-size:13px; line-height:15px; background-color:#3E3E3E; color:#000000; box-shadow:0px 0px 10px rgba(38, 38, 38,.9);}.joeentry b{ color:var(--color)!important;}</style>
<style> #CHARACTERNAME{ --color:#61A63E; --backgroundimage:url(https://i.ibb.co/W2JJs7G/sample-fc3545d368849dbcc6565c1a489fe8237104a15f.jpg); }</style><div class="joestar" id="CHARACTERNAME"> <div class="joetopper"> <h1>i saw a <b>devil</b> before me</h1> </div> <div class="joeentry">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <b>"Aenean commodo ligula eget dolor. Aenean massa."</b> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. <i>Nulla consequat massa quis enim.</i> Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.<br><br>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.<br><br>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</div> </div><link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=PT+Sans&display=swap" rel="stylesheet">

<style>.stormwrap{ display:flex; flex-direction:column; width:430px; background: linear-gradient(to left, var(--accent) 0%, var(--accent) 90%), url(https://i.ibb.co/x3hDNMB/Seamless-Texture-Subtle-Plaster-Wall-Background-171229-681x454.jpg); background-size:430px; background-position:center; background-blend-mode:overlay; margin-left:auto; margin-right:auto; margin-top:30px;}.stormtop{ height:220px; background: linear-gradient(to left, #020202 0%, #020202 90%), var(--image); background-blend-mode:color; background-position:center; background-size:430px; border-bottom:10px solid #fafafa; display:flex; flex-direction:row;}.stormtop h1{ font-size:35px; line-height:43px; text-align:left; margin-left:10px; color:#fafafa; margin-top:181px; font-family: 'Oswald', sans-serif; text-transform:uppercase;}.stormtop b{ color:#020202!important;}.stormentry{ margin:40px 25px 25px 25px; padding:20px; text-align:justify; font-size:12px; font-family: 'Tinos', serif; background-color:rgba(250, 250, 250,.2); color:#1C1C1C;}.stormentry b{ font-size:13px;}.dijitalccredit{width:380px;margin-left:auto;margin-right:auto;text-align:center;}.dijitalccredit a{font-size:8px;padding-top:5px;text-transform:uppercase;text-decoration:none;</style>
<style> #WARNING{ --accent:#192C6D; --image:url(https://i.ibb.co/HYp5b7x/Lumine-Genshin-Impact-full-3020729-1.jpg); }</style><div class="stormwrap" id="WARNING"> <div class="stormtop"> <h1>THE SKY <br><b>IS THE LIMIT ▸</b></h1> </div> <div class="stormentry"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <b>"Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</b><br><br>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.<br><br>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.<br><br>Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, </div> </div><div class="dijitalccredit"><a href="https://pixel-perfect.boards.net/user/2793">✭ dijit</a></div><link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500&family=Tinos&display=swap" rel="stylesheet">

<style>.godesswrap{ width:450px; height:270px; background: radial-gradient(circle, rgba(48,48,48,1) 0%, rgba(20,20,20,1) 100%); margin-left:auto; margin-right:auto; margin-top:30px; border-radius:5px; display:flex; flex-direction:row; overflow:hidden; box-shadow:0px 0px 5px var(--accent2); font-family: 'Noto Sans HK', sans-serif;}.goddessright{ width:180px; height:290px; background: linear-gradient(to left, var(--accent2) 0%, var(--accent) 90%), var(--image); background-blend-mode:color; background-size:200px; background-position:center; transform:rotate(5deg); margin-top:-15px; margin-left:-15px; opacity:.8; -webkit-animation: borderic 10s infinite; -moz-animation: borderic 10s infinite; -o-animation: borderic 10s infinite; animation: borderic 10s infinite;}.goddessleft{ width:205px; height:180px; padding:20px; margin-left:10px; margin-top:25px; overflow:auto; font-size:11px; line-height:12px; text-align:justify; color:#909090;}.goddessleft b{ color:var(--accent2)!important; font-size:12px;}@-webkit-keyframes borderic { 0% { border-right:10px solid var(--accent); } 50% { border-right:10px solid var(--accent2); } 100% { border-right: 10px solid var(--accent); }}@-moz-keyframes borderic { 0% { border-right:10px solid var(--accent); } 50% { border-right:10px solid var(--accent2); } 100% { border-right: 10px solid var(--accent); }}@-o-keyframes borderic { 0% { border-right:10px solid var(--accent); } 50% { border-right:10px solid var(--accent2); } 100% { border-right: 10px solid var(--accent); }}@keyframes borderic { 0% { border-right:10px solid var(--accent); } 50% { border-right:10px solid var(--accent2); } 100% { border-right: 10px solid var(--accent); }}.goddessleft::-webkit-scrollbar-track{ background-color:var(--accent)!important; border-radius: 12px;}.goddessleft::-webkit-scrollbar{ width: 2px; background-color:var(--accent2)!important; border-radius:10px;}.goddessleft::-webkit-scrollbar-thumb{ background:var(--accent2); border-radius:10px;}.dijitalccredit{width:380px;margin-left:auto;margin-right:auto;text-align:center;}.dijitalccredit a{font-size:8px;padding-top:5px;text-transform:uppercase;text-decoration:none;}</style>
<style> #GODLY{ --accent:#A82654; --accent2:#FD8C69; --image:url(https://i.ibb.co/3WssZ16/Lancer-Ereshkigal-full-2659231.jpg); }</style><div class="godesswrap" id="GODLY"> <div class="goddessright"></div> <div class="goddessleft"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <b>"Aenean commodo ligula eget dolor."</b> Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br><br> <i>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</i> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.<br><br>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.<br><br>Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, </div> </div><link href="https://fonts.googleapis.com/css2?family=Noto+Sans+HK&display=swap" rel="stylesheet"><div class="dijitalccredit"><a href="https://pixel-perfect.boards.net/user/2793">✭ dijit</a></div>

<style>.evewrap{ width:300px; padding:20px; background: radial-gradient(circle, rgba(250,250,250,1) 0%, rgba(229,229,229,1) 100%); box-shadow:0px 0px 3px var(--accent2); display:flex; flex-direction:column; margin-left:auto; margin-right:auto; margin-top:30px; font-family: 'Merriweather', serif; color:#686868;}.evewrap h1{ font-size:10px; background: linear-gradient(to left, var(--accent2) 0%, var(--accent) 90%); margin:0px; margin:auto; padding:2px 8px; line-height:20px; text-align:center; color:#fafafa;}.eveentry{ text-align:justify; font-size:10px; line-height:13px; padding:20px 10px; }.eveentry b{ color:var(--accent); font-size:11px;}.evebottom{ height:80px; width:340px; margin-left:-20px; background: linear-gradient(to left, var(--accent2) 0%, var(--accent) 90%), var(--image); background-blend-mode:color; background-size:440px; background-position:center; display:flex; flex-direction:column; opacity:.8;}.botbaraP{ width:340px; height:30px; background: linear-gradient(to left, var(--accent2) 0%, var(--accent) 90%), var(--image); background-blend-mode:overlay; background-position:center; background-size:340px; margin-left:-20px; opacity:.8;}</style>
<style> #EVERYBODY{ --accent:#0EC4EC; --accent2:#368292; --image:url(https://i.ibb.co/6HwZB29/Black-Saber-full-2986464.jpg); }</style><div class="evewrap" id="EVERYBODY"> <div class="evebottom"> <h1>EVERYBODY KNOWS THAT ITS NOW OR NEVER </h1> </div> <div class="eveentry"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <b>"Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</b> Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.<br><br>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.<br><br>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.<br><br>Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, </div> <div class="botbaraP"> </div> </div><link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat:wght@700&display=swap" rel="stylesheet">

<style>.caewrap{ width:450px; background-color:#1A1A1A; margin-left:auto; margin-right:auto; margin-top:20px; display:flex; flex-direction:column; font-family: 'Libre Baskerville', serif; font-family: 'PT Sans', sans-serif; border:2px solid var(--accenta); box-shadow:0px 0px 3px #1a1a1a; border-bottom:10px solid var(--accenta);}.caegrad{ height:150px; width:450px; background: rgb(26,26,26);background: linear-gradient(0deg, rgba(26,26,26,1) 18%, rgba(253,187,45,0) 100%); margin-bottom:-18px; display:flex; flex-direction:column;}.caegrad h1{ margin:0px; margin-left:20px; margin-bottom:5px; text-transform:uppercase; margin-top:auto; color:#404040; font-family: 'Montserrat', sans-serif;}.caegrad b{ color:var(--accenta)!important;}.caeban{ width:450px; height:150px; background: linear-gradient(to bottom, var(--accenta) 0%, #1A1A1A 90%), var(--imgone); background-blend-mode:multiply; background-size:480px; color:#fafafa; background-position:center;}.caeba{ width:430px; background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(55,55,55,1) 65%); height:1px; margin-left:10px;}.caebb{ width:100px; height:6px; background-color:var(--accenta); margin-top:-3px;}.entryc{ padding:22px; margin:22px; text-align:justify; font-size:12px; line-height:15px; color:#656565; z-index:2; font-family: 'Open Sans', sans-serif; background-color:#212121;}.entryc i{ color:#868686!important;}.entryc b{ color:var(--accenta)!important;}.entryc a{ color:var(--accenta)!important;}.dijitalcredit{ width:380px; margin-left:auto; margin-right:auto; text-align:center;}.dijitalcredit a{ font-size:8px; padding-top:5px; text-transform:uppercase; text-decoration:none;}</style>
<style> #Issac{ --accenta:#861650; --imgone:url(https://i.ibb.co/MC00DPh/Gowther-Nanatsu-no-Taizai-full-2725124.jpg); } </style><div class="caewrap" id="Issac"> <div class="caeban"> <div class="caegrad"> <h1>Not So <b>MUNDANE</b></h1> <div class="caeba"> <div class="caebb"></div> </div> </div> </div> <div class="entryc"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <b>"Aenean commodo ligula eget dolor."</b> Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br><br>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. <i>Nulla consequat massa quis enim.</i> Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.<br><br>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, </div> </div><div class="dijitalcredit"><a href="https://pixel-perfect.boards.net/user/2793">✭ dijit</a></div><link href="https://fonts.googleapis.com/css2?family=Montserrat&family=PT+Sans&display=swap" rel="stylesheet">

<style>.lionheartwrap{ width:440px; height:410px; display:flex; flex-direction:row; margin-left:auto; margin-right:auto; background-color:#262626; overflow:hidden; background-repeat:no-repeat; color:#A3A3A3; font-family:'montserrat';}.lionheartbeam{ width:70px; height:100%; background: linear-gradient(to bottom, var(--accentone) 0%, var(--accenttwo) 90%), var(--bigboy); background-blend-mode:multiply; background-size:120px; background-position:top center; background-repeat:once; display:flex; flex-direction:column;}.lionheartbeam a{ font-size:40px; text-align:center; margin-top:auto; padding-bottom:8px; text-decoration:none; color:#A3A3A3!important; opacity:.5; transition:.3s; cursor:crosshair!important;}.lionheartmain{ width:370px; height:410px; display:flex; flex-direction:column;}.lionheartmain h1{ font-weight:normal; text-transform:uppercase; margin:0px; font-size:35px; text-align:right; margin-bottom:10px; line-height:28px;}.lionheartmain b{ color:var(--accenttwo)}.lionheartmainbreak{ background:var(--accentone); border-left:70px solid var(--accenttwo); width:230px; height:8px; margin-bottom:20px; float:right;}.lionheartentry{ height:410px; padding:20px; overflow:auto; font-size:12px; line-height:15px; text-align:justify;}.lionheartentry p{margin:0px;margin-bottom:10px;}.liontagwrap{ margin-bottom:15px; width:100%; text-align:right;}.lionheartentry::-webkit-scrollbar-track{background-color:transparent!important;}.lionheartentry::-webkit-scrollbar{width: 10px;background-color:transparent!important;}.lionheartentry::-webkit-scrollbar-thumb{background:var(--accentone);}.lionheartentry a{ background:linear-gradient(90deg, var(--accentone) 18%, var(--accenttwo) 100%)!important; padding:5px 10px; margin-left:8px; text-align:right!important; color:#262626!important; border-radius:10px; font-size:14px!important; text-decoration:none!important; height:16px; line-height:16px; cursor:crosshair!important;}.lionheartbeam a:hover{opacity:1;transition:.3s;}.dcred{ width:100%; margin-top:5px; margin-left:auto; margin-right:auto; font-size:8px; text-transform:uppercase!important; text-align:center; font-family:'montserrat';}.dcred a{ text-decoration:none!important;;}</style>
<style>#CHARNAME{ --accentone:#FCCF31; --accenttwo:#F55555; --bigboy:url(https://i.imgur.com/jakQXwX.jpg);}</style><div class="lionheartwrap" id="CHARNAME"> <div class="lionheartbeam"> <a href="https://youtu.be/Sk-U8ruIQyA" title="muse song"> <span class="th th-play"></span> </a> </div> <div class="lionheartmain"> <div class="lionheartentry"> <h1>whatcha' gonna do when there's <b>blood</b> in the water?</h1> <div class="lionheartmainbreak"></div> <div class="liontagwrap"> <a href="x">@[username]</a> </div> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <b>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</b> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.</p><p>Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. <i>Aenean imperdiet. Etiam ultricies nisi vel augue.</i> Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p><p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut</p> </div> </div> </div><div class="dcred"><a href="https://pixel-perfect.boards.net/user/2793">★ dijit</a></div><link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

<style>.lionheartwrap{ width:440px; height:410px; display:flex; flex-direction:row; margin-left:auto; margin-right:auto; background-color:#F9F9F9; overflow:hidden; background-repeat:no-repeat; color:#424242; font-family:'montserrat';}.lionheartbeam{ width:70px; height:100%; background: linear-gradient(to bottom, var(--accentone) 0%, var(--accenttwo) 90%), var(--bigboy); background-blend-mode:color; background-size:95px; background-position:top center; background-repeat:once; display:flex; flex-direction:column;}.lionheartbeam a{ font-size:40px; text-align:center; margin-top:auto; padding-bottom:8px; text-decoration:none; color:#F9F9F9!important; opacity:.5; transition:.3s; cursor:crosshair!important;}.lionheartmain{ width:370px; height:410px; display:flex; flex-direction:column;}.lionheartmain h1{ font-weight:normal; text-transform:uppercase; margin:0px; font-size:35px; text-align:right; margin-bottom:10px; line-height:28px;}.lionheartmain b{ color:var(--accenttwo)}.lionheartmainbreak{ background:var(--accentone); border-left:70px solid var(--accenttwo); width:230px; height:8px; margin-bottom:20px; float:right;}.lionheartentry{ height:410px; padding:20px; overflow:auto; font-size:12px; line-height:15px; text-align:justify;}.lionheartentry p{margin:0px;margin-bottom:10px;}.liontagwrap{ margin-bottom:15px; width:100%; text-align:right;}.lionheartentry::-webkit-scrollbar-track{background-color:transparent!important; border:none!important;}.lionheartentry::-webkit-scrollbar{width: 10px;background-color:transparent!important; border:none!important;}.lionheartentry::-webkit-scrollbar-thumb{background:var(--accentone); border:none!important;}.lionheartentry a{ background:linear-gradient(90deg, var(--accentone) 18%, var(--accenttwo) 100%)!important; padding:5px 10px; margin-left:8px; text-align:right!important; color:#F9F9F9!important; border-radius:10px; font-size:14px!important; text-decoration:none!important; height:16px; line-height:16px; cursor:crosshair!important;}.lionheartbeam a:hover{opacity:1;transition:.3s;}.dcred{ width:100%; margin-top:5px; margin-left:auto; margin-right:auto; font-size:8px; text-transform:uppercase!important; text-align:center; font-family:'montserrat';}.dcred a{ text-decoration:none!important;;}</style>
<style>#GILGAMESH{ --accentone:#fecc51; --accenttwo:#fcb033; --bigboy:url(https://i.imgur.com/qPupOqx.jpg);}</style><div class="lionheartwrap" id="GILGAMESH"> <div class="lionheartbeam" title="coded by dijit"> <a href="https://youtu.be/SBjQ9tuuTJQ" title="muse song"> <span class="th th-play"></span> </a> </div> <div class="lionheartmain"> <div class="lionheartentry"> <h1>So who are you? You're the <b>pretender</b></b></h1> <div class="lionheartmainbreak"></div> <div class="liontagwrap"> @[gilgamesh] </div> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <b>"Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."</b> Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.</p><p>Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p><p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut</p> </div> </div> </div><link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

<style>#bokuto{ --color:#E1E101; --image:url(https://i.imgur.com/3QSysMG.jpg);}#kuroo{ --color:#E10101; --image:url(https://i.imgur.com/mvpLYwO.jpg);}#oikawa{ --color:#00DACC; --image:url(https://i.imgur.com/5WbFzi3.jpg);}.hudwrap{ width:650px; display:flex; flex-direction:row; flex-wrap:wrap; margin-left:auto; margin-right:auto; font-family: 'PT Sans', sans-serif;}.hudcharacter{ width:200px; height:245px; box-shadow:0px 0px 4px #242424; margin-left:10px; margin-bottom:10px; overflow:hidden; border-radius:10px; color:#A2A2A2;}.hudinfo{ width:200px; height:200px; background-color:#2d2d2d; display:flex; flex-direction:column; flex-wrap:wrap; align-content:center; margin-top:-155px; transition:.4s;}.hudinfo h2{ margin:0px; height:30px; line-height:19px; font-size:30px; padding:5px; text-transform:uppercase; color:#fafafa; margin-top:2px; font-family: 'Passion One', cursive;}.hudinfo b{color:var(--color);}.hudentry{ height:100px; overflow:auto; text-align:justify; font-size:10px; margin:5px 10px; padding:5px; border:1px solid var(--color); line-height:13px;}.hudentry b{background-color:var(--color);color:#2d2d2d;text-transform:uppercase;font-family: 'Passion One', cursive;font-size:12px;margin-right:3px;padding:0px 5px;border-left:5px solid #fafafa;box-shadow:0px 0px 2px black;float:left;margin-right:10px;}.hudbar{ height:20px; background-color:var(--color); width:184px; padding-left:8px; padding-right:8px; margin-top:10px; margin-bottom:5px; font-size:13px; line-height:20px; color:#fafafa; text-shadow:0px 0px 2px rgba(45, 45, 45,.5);}.hudbar a{color:#fafafa!important;text-decoration:none;}.hudpicture{ width:200px; height:200px; background-size:200px; background-image:var(--image); background-color:var(--color); background-blend-mode:luminosity; background-position:center; transition:.4s;}.hudtriangle { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #2d2d2d; float:right; margin-right:10px; }.hudentry::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);background-color: #2d2d2d;}.hudentry::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}.hudentry::-webkit-scrollbar-thumb{background-color: #fafafa;}.hudcharacter:hover .hudinfo{margin-top:0px;transition:.5s;}.hudcharacter:hover .hudpicture{height:50px;transition:.5s;}.dcred{width:100%;text-align:center;font-size:8px;text-transform:uppercase;}.decred a{color:#ADADAD!important;text-decoration:none;}</Style>
<div class="hudwrap"> <div class="hudcharacter" id="bokuto"> <div class="hudinfo"> <div class="hudbar"> <a href="APP LINK HERE"> <span class="th th-agenda" title="thread tracker"></span> </a> <span class="th th-hourglass" title="## years old"></span> <span class="th th-users" title="masculine"></span> <span class="th th-heart-1" title="sexuality"></span> <span class="th th-briefcase" title="occupation"></span> </div> <div class="hudentry"> <b>snapshot</b> has a playful, friendly, energetic and child-like personality and is described by his team as having mood swings, where even the slightest thing can change his mood. Nevertheless, he is both admired by his own team and the opponents for his impressive skills and morale-boosting demeanor.<br><br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur </div> <h2>kotaro<br> <b>bokuto</b></h2> </div> <div class="hudpicture"> <div class="hudtriangle"></div> </div> </div> <div class="hudcharacter" id="kuroo"> <div class="hudinfo"> <div class="hudbar"> <a href="APP LINK HERE"> <span class="th th-agenda" title="thread tracker"></span> </a> <span class="th th-hourglass" title="## years old"></span> <span class="th th-users" title="masculine"></span> <span class="th th-heart-1" title="sexuality"></span> <span class="th th-briefcase" title="occupation"></span> </div> <div class="hudentry"> <b>snapshot</b> Kuroo has a laid-back yet scheming personality and is considered a "provocation expert." by many. He would actively provoke others and is unrelenting when dishing out snide remarks. However, Kuroo is far kinder and genuine than what his exterior image conveys.<br><br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur </div> <h2>tetsurou<br> <b>kuroo</b></h2> </div> <div class="hudpicture"> <div class="hudtriangle"></div> </div> </div> <div class="hudcharacter" id="oikawa"> <div class="hudinfo"> <div class="hudbar"> <a href="APP LINK HERE"> <span class="th th-agenda" title="application"></span> </a> <span class="th th-hourglass" title="## years old"></span> <span class="th th-users" title="masculine"></span> <span class="th th-heart-1" title="sexuality"></span> <span class="th th-briefcase" title="occupation"></span> </div> <div class="hudentry"> <b>snapshot</b> Despite his flirtatious nature and childishness, Oikawa is an excellent, well-rounded player and is extremely serious about volleyball. He's known to have a "disgusting personality" amongst both opponents and his own teammates because of his smug, yet outwardly flippant attitude.<br><br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur </div> <h2>tooru<br> <b>oikawa</b></h2> </div> <div class="hudpicture"> <div class="hudtriangle"></div> </div> </div> <div class="dcred"><a href="https://pixel-perfect.boards.net/user/2793">★ dijit</a></div></div><link href="https://fonts.googleapis.com/css?family=PT+Sans|Passion+One&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

<style>.borders {width: 420px; border-bottom: #CD5C5C solid 25px;}.iconbox {height:100px; background: #CD5C5C; color: #eeeeee; font-family: verdana; font-size:35px; font-weight: bold; letter-spacing: -3px; padding: 15px;}.iconbox img {max-width: 100px; max-height: 100px; float: right; padding-left: 15px;}.infobox {color: #eeeeee; font-family: arial; font-size: 13px; letter-spacing: 0px; text-align: justify; padding-top: 10px;}.writebox {background: white; color: #777777; font-family: arial; font-size: 13px; text-align: justify; padding: 10px;}.credit {font-family: arial; font-size: 7px; padding: 5px;}</style>
<center><div class="borders"><div class="iconbox"><img src="https://avatarfiles.alphacoders.com/752/75205.png">BLEED FOR ME<div class="infobox">TAG: @name | WORDS: ### | NOTES: These will wrap, but keep it short.</div></div><div class="writebox">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lobortis quis massa at consequat. Maecenas semper est et velit rutrum, convallis pharetra tortor aliquam. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur metus mauris, auctor nec gravida et, auctor eget nulla. Duis dictum libero ante, at luctus ante lobortis eget. In hac habitasse platea dictumst.<p>Nullam vel turpis sed ligula sollicitudin ultrices. Donec quis nisl vitae urna feugiat imperdiet. Duis sed consectetur quam. Donec ultricies malesuada lacus, in blandit dui. Etiam vitae imperdiet mauris, vitae elementum dui. Nam luctus dapibus justo, in volutpat enim porttitor at. Phasellus quis libero vitae turpis vestibulum tristique a posuere est. Aliquam erat volutpat. Integer imperdiet lorem vitae nunc rutrum venenatis. Cras luctus mi ut risus auctor, nec sodales ligula euismod.</div></div><div class="credit"><a href="https://pixel-perfect.boards.net/user/2944" target="_blank">by Em</a></div></center>

<style>#ace{--color:#1CD56C;}.loudbody{ width:450px; background-color:#1C1C1C; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; margin-left:auto; margin-right:auto; font-family: 'Roboto', sans-serif; margin-top:30px; border-bottom:10px solid var(--color); box-shadow:0px 0px 5px #2F2F2F; border-radius:15px; color:#2d2d2d;}.loudbanner{ width:450px; height:140px; margin-top:0px; display:flex; flex-directin:row; background-color:rgba(0, 0, 0,.5); border-radius:15px 15px 0px 0px;}.loudrotation{ border:10px solid #2F2F2F; border-left:10px solid var(--color); border-right:10px solid var(--color); box-shadow:0px 0px 20px #2F2F2F; border-radius:50%; padding:25px; width:115px; height:110px; z-index:2; display:flex; display:column; items-align:center; justify-content:center; background-color:#292929; background-image:url(https://i.imgur.com/cd7DBxa.gif); background-position:center; background-blend-mode:overlay; margin-top:-13px; margin-right:15px;}.loudbanner img{ border-radius:50%; width:100px; height:100px; box-shadow:0px 0px 40px #2F2F2F; border:5px solid #2F2F2F; border-top:5px solid var(--color); border-bottom:5px solid var(--color);}.loudbanner h3{ width:270px; height:140px; color:#B7B7B7; margin:0px; text-transform:uppercase; font-size:30px; line-height:25px; font-family: 'Oswald', sans-serif; text-align:center; margin-top:auto; margin-bottom:auto; display:flex; flex-direction:column; z-index:1; items-align:center; justify-content:center; text-shadow:0px 0px 3px #2F2F2F;}.loudbanner b{ color:var(--color); text-shadow:0px 0px 3px #2F2F2F;}.loudutility{ height:15px; background-color:var(--color); width:410px; padding-left:15px; padding-right:25px; font-size:8px; line-height:16px; text-transform:uppercase; display:flex; display:row; color:transparent; transition:.4s;}.loudutility a{ margin-right:10px; margin-top:-3px; text-decoration:none; color:#575757!important; font-size:23px; transition:.4s; z-index:2;}.loudutility b{color:#2d2d2d;transition:.4s;}.loudutility:hover {background-color:#2f2f2f;transition:.4s;}.loudutility a:hover {text-shadow:0px 0px 8px #2f2f2f;transition:.4s;color:var(--color)!important;}.loudutility:hover b{color:var(--color);transition:.4s;}.loudentry{ margin:20px; padding:10px 20px; width:368px; font-size:12px; line-height:15px; text-align:justify; background-color:#2E2E2E; border-radius:10px; color:#919191;}.loudentry b{color:var(--color);}.loudentry i{color:#B7B7B7;}.loudentry a{color:var(--color)!important;text-decoration:underline;}.loudfooter{ height:20px; text-align:right; padding-right:20px; padding-left:20px; width:410px; margin-bottom:20px; line-height:20px; font-size:11px; color:var(--color); background-color:var(--color); transition:.4s;}.loudfooter:hover{ background-color:#2f2f2f; transition:.4s; color:#212121;}.loudfooter a:hover{transition:.4s;color:var(--color)!important;}.loudfooter a{font-family: 'Oswald', sans-serif!important;text-transform:uppercase;text-decoration:none;font-size:15px!important;float:left;background-color:#B7B7B7;!important;border-radius:5px;padding:2px 4px;color:#2f2f2f!important;margin-top:-2px;transition:.4s;}.loudfooter b{background-color:#B7B7B7;;border-radius:5px;padding:6px;color:#2d2d2d}</style>
<div class="loudbody" id="ace"> <div class="loudbanner"> <h3>when it gets loud<br> I'll turn it up.<br> <b>When it gets soft<br> I'll shake it up.</b> </h3> <div class="loudrotation"> <img src="https://i.imgur.com/2l5OTNV.jpg"> </div> </div> <div class="loudutility"> <a href="https://emb.jcink.net/index.php?showuser=92" title="AC-E02/data.exe"><span class="th th-information"></span></a> <a href="https://youtu.be/QP3ra6RJHL0"><span class="th th-play"></span></a> <b>half awake // saycet</b> </div> <div class="loudentry"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <b>"Aenean commodo ligula eget dolor. Aenean massa."</b> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. <i>Nulla consequat massa quis enim.</i> Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p><p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p><p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p> </div> <div class="loudfooter"> <a href="x">dijit</a> <b>here are your notes, keep em short</b> </a> </div></div><link href="https://fonts.googleapis.com/css?family=Oswald|Roboto&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

<style>#char1{ --color:#CA2020; --opacity:rgba(202, 32, 32 ,.5);}#char1{--image:url(https://i.imgur.com/3D2jq3r.jpg);}#char2{ --color:#3491D3; --opacity:rgba(52, 145, 211,.5);}#char2{--image:url(https://i.imgur.com/3D2jq3r.jpg);}#char3{ --color:#741B4C; --opacity:rgba(116, 27, 76,.5);}#char3{--image:url(https://i.imgur.com/3D2jq3r.jpg);}#char4{ --color:#25BD7A; --opacity:rgba(37, 189, 122,.5);}#char4{--image:url(https://i.imgur.com/3D2jq3r.jpg);}#char5{ --color:#ACACAC; --opacity:rgba(172, 172, 172,.5);}#char5{--image:url(https://i.imgur.com/3D2jq3r.jpg);}#char6{ --color:#4E4E4E; --opacity:rgba(78, 78, 78,.5);}#char6{--image:url(https://i.imgur.com/3D2jq3r.jpg);}.aberoster{ width:540px; margin-left:auto; margin-right:auto; background-color:transparent; border:20px solid transparent; border-bottom:0px; border-right:0px; display:flex; flex-direction:row; flex-grow:1; flex-wrap:wrap;}.abechar{ width:160px; height:160px; background-image:url(https://i.gifer.com/sbs.gif); background-color:var(--color); background-blend-mode:color-dodge; background-size:300px; background-position:center; margin-bottom:20px; margin-right:20px; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:10px; box-shadow:0px 0px 5px rgba(46, 46, 46,.8);}.abecharico{ width:90px; height:90px; border:2px solid var(--color); border-radius:50%; background-image:var(--image); background-color:var(--opacity); background-blend-mode:screen; background-size:90px; box-shadow:0px 0px 10px rgba(46, 46, 46,.8); transition:.2s;}.abechar a{ height:00px; font-size:14px; line-height:0px; padding:1px 8px; background-color:var(--color); text-transform:lowercase!important; border-radius:10px; margin-top:0px; overflow:hidden; color:#fafafa!important; opacity:0; transition:.2s; text-decoration:none; box-shadow:0px 0px 8px rgba(46, 46, 46,.5); text-shadow:0px 0px 3px rgba(46, 46, 46,.9); font-family: 'Manrope', sans-serif;}.abehotbar{ background-color:var(--color); height:20px; font-size:12px; line-height:22px; padding:3px 10px; color:#fafafa; margin-top:10px; border-radius:10px; box-shadow:0px 0px 8px rgba(46, 46, 46,.8); text-shadow:0px 0px 3px rgba(46, 46, 46,.9);}.abechar:hover a{ height:20px; margin-top:10px; opacity:1; line-height:20px; transition:.2s;}.abechar:hover .abecharico{ width:50px; height:50px; background-size:50px; transition:.2s;}.dcred{ width:100%; text-align:center; font-size:8px; text-transform:uppercase; color:#ACACAC;}</style>
<div class="aberoster"> <div class="abechar" id="char1"> <div class="abecharico"></div> <a href="A LINK HERE, DONT TAG YOUR KIDS">name mcname</a> <div class="abehotbar"> <span class="th th-hourglass" style="margin-right:5px;" title="## YEARS OLD"></span> <span class="th th-users-o" style="margin-right:5px;" title="GENDER"></span> <span class="th th-heart-1" style="margin-right:5px;" title="SEXUALITY"></span> <span class="th th-briefcase" title="JOB"></span> </div> </div> <div class="abechar" id="char2"> <div class="abecharico"></div> <a href="A LINK HERE, DONT TAG YOUR KIDS">name mcname</a> <div class="abehotbar"> <span class="th th-hourglass" style="margin-right:5px;" title="## YEARS OLD"></span> <span class="th th-users-o" style="margin-right:5px;" title="GENDER"></span> <span class="th th-heart-1" style="margin-right:5px;" title="SEXUALITY"></span> <span class="th th-briefcase" title="JOB"></span> </div> </div> <div class="abechar" id="char3"> <div class="abecharico"></div> <a href="A LINK HERE, DONT TAG YOUR KIDS">name mcname</a> <div class="abehotbar"> <span class="th th-hourglass" style="margin-right:5px;" title="## YEARS OLD"></span> <span class="th th-users-o" style="margin-right:5px;" title="GENDER"></span> <span class="th th-heart-1" style="margin-right:5px;" title="SEXUALITY"></span> <span class="th th-briefcase" title="JOB"></span> </div> </div> <div class="abechar" id="char4"> <div class="abecharico"></div> <a href="A LINK HERE, DONT TAG YOUR KIDS">name mcname</a> <div class="abehotbar"> <span class="th th-hourglass" style="margin-right:5px;" title="## YEARS OLD"></span> <span class="th th-users-o" style="margin-right:5px;" title="GENDER"></span> <span class="th th-heart-1" style="margin-right:5px;" title="SEXUALITY"></span> <span class="th th-briefcase" title="JOB"></span> </div> </div> <div class="abechar" id="char5"> <div class="abecharico"></div> <a href="A LINK HERE, DONT TAG YOUR KIDS">name mcname</a> <div class="abehotbar"> <span class="th th-hourglass" style="margin-right:5px;" title="## YEARS OLD"></span> <span class="th th-users-o" style="margin-right:5px;" title="GENDER"></span> <span class="th th-heart-1" style="margin-right:5px;" title="SEXUALITY"></span> <span class="th th-briefcase" title="JOB"></span> </div> </div> <div class="abechar" id="char6"> <div class="abecharico"></div> <a href="A LINK HERE, DONT TAG YOUR KIDS">name mcname</a> <div class="abehotbar"> <span class="th th-hourglass" style="margin-right:5px;" title="## YEARS OLD"></span> <span class="th th-users-o" style="margin-right:5px;" title="GENDER"></span> <span class="th th-heart-1" style="margin-right:5px;" title="SEXUALITY"></span> <span class="th th-briefcase" title="JOB"></span> </div> </div> <div class="dcred">coded by dijit</div></div><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Manrope&display=swap" rel="stylesheet">

<style>#charname{ --color:#5144C8; --largeimage:url(https://i.imgur.com/63HUJvI.jpg);}.luminosity{ width:550px; height:320px; background-color:#fafafa; box-shadow:0px 0px 10px rgba(105, 105, 105,.5); border-radius:5px; margin-left:auto; margin-right:auto; display:flex; flex-direction:row; font-family: 'PT Sans', sans-serif;}.lumtransition{ width:180px; height:320px; margin-left:20px; overflow:hidden;}.lumfalsebox{ width:180px; height:320px; background-image:var(--largeimage); background-color:rgba(250, 250, 250,.8); background-blend-mode:lighten; background-size:180px; background-position:center; margin-top:-300px; transition:.5s; display:flex; flex-direction:column; }.lumfalsebox h1{ border-bottom:1px solid #fafafa; padding-bottom:5px; text-align:left; line-height:20px; font-size:25px; margin:10px; margin-bottom:0px; margin-top:auto; width:145px; text-transform:uppercase; color:var(--color);}.lumfalsebox p{ background-color:var(--color); color:#fafafa; width:135px; margin-left:10px; margin-top:5px; margin-bottom:20px; border-bottom:1px solid #fafafa; text-align:justify; font-size:11px; line-height:10px; padding:5px;}.lumfalsebox a{ border-bottom:1px solid #fafafa; margin-left:10px; text-align:center; width:145px; font-size:13px; line-height:20px; color:var(--color)!important; text-decoration:none; padding-bottom:3px; font-weight:none!important; text-transform:uppercase!important; text-shadow:0px 0px 5px var(--color); }.lumtrubox{ width:180px; height:320px; background-image:var(--largeimage); background-color:var(--color); background-blend-mode:screen; margin-top:10px; background-size:180px; background-position:center;}.lumentry{ margin:20px; padding:5px 20px; overflow:auto; width:300px; text-align:justify; line-height:12px; font-size:11px; color:#141414;}.lumentry i{color:#696969;}.lumentry b{color:var(--color);font-size:12px;}.luminosity:hover .lumfalsebox{ margin-top:0px; transition:.5s;}.lumentry::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 6px;background-color: #F5F5F5;}.lumentry::-webkit-scrollbar{width: 8px;background-color: #F5F5F5;}.lumentry::-webkit-scrollbar-thumb{border-radius: 6px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: var(--color);}</style>
<div class="luminosity" id="charname"> <div class="lumtransition"> <div class="lumfalsebox"> <h1>shooting stars</h1> <a href="x">Tagged</a> <p>here are some notes. write as much as you want I guess. tho if you write too much it looks weird.</p> </div> <div class="lumtrubox"></div> </div> <div class="lumentry"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <b>"Give my love to a shooting star."</b> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. <i>But she moves so fast, That I can't keep up, I'm chasing</i>. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p><p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p><p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p> </div> </div><div style="font-size:8px;text-transform:uppercase;color:#A8A8A8;margin-top:10px;text-align:center;">coded by dijit</div><link href="https://fonts.googleapis.com/css?family=PT+Sans|Sriracha&display=swap" rel="stylesheet">

<style>.gomishin{ width:350px; background-color:#fafafa; line-height:12px; font-family: 'Nunito Sans', sans-serif; box-shadow:0px 0px 3px rgba(40, 40, 40, .3); border-radius:5px; margin-left:auto; margin-right:auto;}.gomishin h1{ margin:0px; font-size:15px; background-color:#CA2323; border-radius:5px 5px 0px 0px; text-align:right; height:30px; line-height:30px; padding-right:15px; color:#fafafa; overflow:hidden; font-family: 'Raleway', sans-serif; display:flex; flex-direction:row; justify-content:space-between;}.gomishin img{ border-left:50px solid #CA2323; border-right:20px solid #fafafa; transform:rotate(20deg); width:80px; height:80px; margin-left:-40px; margin-top:-28px;}.gomibody{ margin:10px; padding:20px; font-size:13px; line-height:13px; text-align:justify; color:#5E5E5E;}.gomibody b{ color:#CA2323;}.gomibody i{ font-weight:bold; text-decoration:underline;}</style>
<div class="gomishin"> <h1><img src="https://i.imgur.com/ggafSM4.jpg"> HOUSEKEEPING ITEMS</h1> <div class="gomibody">this is a markup code. beep bop boop bod writing things here </div> </div><link href="https://fonts.googleapis.com/css?family=Nunito+Sans|Raleway&display=swap" rel="stylesheet">

<style>#name{--color:#781E62;}.housewrap{ width:450px; margin-left:auto; margin-right:auto;}.houseblurp{ margin:20px; padding:10px 20px; box-shadow:0px 0px 10px #212527; background-color:#212527; border-radius:5px; color:#fafafa; font-size:12px; font-family: 'Lato', sans-serif;}.dcharactercontainer{ height:50px; margin-bottom:10px; background-color:#212527; overflow:hidden; border-radius:10px; box-shadow:rgba(51, 51, 51,.5);}.dcharactercontainer img{ width:120px; height:120px; margin-top:-30px; transform:rotate(10deg); margin-left:-80px; border-left:100px solid var(--color); float:left;}.charinfoda{ width:250px; height:50px; position:absolute; z-index:2; font-size:10px; text-align:center; margin-left:150px; color:#fafafa; font-family: 'Lato', sans-serif;}.charinfoda h1{ margin:0px; font-size:20px; line-height:25px; margin-top:5px; text-transform:uppercase; text-shadow:0px 0px 2px #fafafa; font-family: 'Abril Fatface', cursive;}.charinfoda b{ color:var(--color); text-shadow:0px 0px 2px var(--color);}</style>
<div class="housewrap"> <div class="houseblurp"> <p>I have no self control, so this is a collection of all the characters I wanna make. Some are already in the works while others are just ideas. Please don't steal any of my ideas, or ask to adopt any. </div> <div class="dcharactercontainer" id="name"> <a href="x" title="link to profile"><img src="https://i.imgur.com/bJnUVWK.jpg"></a> <div class="charinfoda"> <h1>avilio<b>mortelli</b></h1> thirty six <b>▸</b> zekrom <b>▸</b> demi-briomantic <b>▸</b> warden </div> <span class="th th-dragon" style="font-size:70px;color:var(--color);opacity:.5;text-shadow:0px 0px 10px #1F1F1F;z-index:-10;margin-top:-10px;margin-left:240px;"></span> </div></div><link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Lato&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

<style>.outbreakwrap{ width:380px; height:500px; display:flex; flex-direction:column; margin:auto; background-color:#1E1E1E; font-family: 'Work Sans', sans-serif; margin-bottom:30px;}.outbreakbodic{ width:380px; height:385px; display:flex; flex-direction:column; padding-bottom:15px; overflow:auto;}.outbreakbodic h1{ text-align:left; margin:0px; font-size:40px; padding:20px; line-height:25px; color:#A5A5A5; background-color:#111111; box-shadow:0px 1px 5px rgba(22, 22, 22,.5);}.outbreakbarrier{ margin-right:20px; margin-top:10px; font-size:11px; text-align:justify; border-top:2px solid var(--accentone); padding:10px; line-height:13px; font-weight:normal;}.outbreakbodic i{ font-size:13px; float:left;}.outbreakbodic b{ background: -webkit-linear-gradient(var(--accentone), var(--accenttwo)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}.outbreaksideic{ width:380px; height:100px; background: linear-gradient(to bottom, var(--accentone) 0%, var(--accenttwo) 90%), var(--bigimage); background-blend-mode:color; background-size:380px; background-position:center;}.outbreaktrait{ margin-top:20px; margin-bottom:10px; margin-left:20px; margin-right:20px; text-align:center; line-height:30px; font-size:14px;}.outbreaktrait u{ padding:3px 10px; border-radius:2px; text-decoration:none; color:#111111; background:var(--accentone); font-weight:bold; }.outbreakentries{ margin-left:30px; margin-right:30px; margin-bottom:10px; margin-top:10px; padding:20px; background-color:#111111; border-radius:10px; box-shadow:0px 0px 10px #111111; color:#A5A5A5; font-size:11px; line-height:13px; text-align:justify;}.outbreakbodic::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color:none!important;;}.outbreakbodic::-webkit-scrollbar{width: 3px;background-color:none!important;}.outbreakbodic::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: var(--accentone);}.dijitalcredit{ width:380px; margin-left:auto; margin-right:auto; text-align:center;}.dijitalcredit a{ font-size:8px; padding-top:5px; text-transform:uppercase; text-decoration:none;}</style>
<style> #CHARACTERONE{ --accentone:#318EBB; --accenttwo:#BCE9FF; --bigimage:url(https://66.media.tumblr.com/ca34763edb50cc22d6812b67f56d8bf4/tumblr_o7934dFKyD1r90zaxo1_r1_500.gifv); }</style><div class="outbreakwrap" id="CHARACTERONE"> <div class="outbreakbodic"> <h1><i>a breakdown of</i><br> <b>MYRA GALANIS</b> <div class="outbreakbarrier"> an mage with an icy persona who functions like a tool. she participates in the war to understand why she was chosen as a master, as she has no wish for the grail, let alone any strong desires of her own. </div> </h1> <div class="outbreaktrait"><u>twenty three</u> <u>master</u> <u>clocktower</u><br> <u>the nobody</u> <u>mature</u> <u>reserved</u> <u>humble</u> <u>tractable</u> <u>sordid</u> <u>passive</u></div> <div class="outbreakentries"> <b>FRIENDS //</b> Myra can be quite hard to understand upon first encountering her. Reserved and slightly abrasive, she tends to follow the path of least resistance, and does what she's told. This makes her quite the passive individual, yet she upkeeps the responsibilities of being the Galanis family heir and a member of the clocktower.<br><br> Friends of hers are usually aligned with the Mage Association. Despite having freakishly unordinary magical ciruits, her family is of lesser notority. This makes her liable to befriending almost any type of mage.<br><br> Being friends with Myra is usually an odd encounter. She's less abrasive, yet she is unable to release the literal stick up her ass. However, she tends to be a quiet friend of few words, who is able to offer unbiased advice, due to her avoidance of being emotionally invested into situations. </div> <div class="outbreakentries"> <b>ENEMIES //</b> For now, she is wary of other masters that arent affiliated with the mage association. She has yet to summon her servant, let alone aqquire a relic. And being a capable mage, she's more than able to put distance between herself and another master.<br><br> Myra can be quite the threat, due to her tractable nature. She has an unquestioned loyalty to the clocktower and her family, and will relay any information to them, as that is whats expected of her. Her only modivation right now is to understand why the grail chose her. But even that mission of hers is of weak will, and is negated by other tasks.<br><br>Outside of this, Myra avoids individuals who make her uncomfortable, or those who make her feel vunerable. Such is a very huge fear of hers, as she doesnt like moving out of her comfort zone. </div> <div class="outbreakentries"> <b>ROMANCE //</b> from a story standpoint, Myra isnt in a position to have a ship yet. She is very much a creature of habit, and doesnt like feeling vulnerable. And in this case, emotional attachement falls into this, as it is not something she is use to.<br><br> However, this doesnt stop character from hitting on her. Myra is by no means innocent, so she usually attempts to brush off suitors with her abrasive tendencies. And with magical circuits like hers, she might have some persistent faces following her around. </div> </div> <div class="outbreaksideic"> </div> </div><div class="dijitalcredit"><a href="x">✭ dijit</a></div><link href="https://fonts.googleapis.com/css2?family=Work+Sans&display=swap" rel="stylesheet">

<style>body { background: #121212; }::-webkit-scrollbar { width: 9px; }::-webkit-scrollbar-track { background: #333; border: 4px solid #111; }::-webkit-scrollbar-thumb { background: #a52b28; border: 4px solid #212121; }a:link, a:visited { text-decoration: none; color: #a52b28; transition: all ease 0.5s; }a:hover, a:active { color: #444; text-decoration:none; }.infowrap { border: 1px solid rgba(255,255,255,0.15); width: 500px; padding: 20px; margin: 0px auto; box-sizing: border-box; }#infotemp { font-family: Arimo; font-size: 11px; color: #acacac; text-align: left; }.infohead { font-family: Nunito; text-transform: uppercase; color: white; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-align: right; background: rgba(165, 43, 40, 0.25); width: 15%; position: relative; display: table-cell; }.infohead span { width: 500px; transform: rotate(-90deg); display: block; transform-origin: top right; position: absolute; left: -472px; top: 30px; }.infobody { line-height: 150%; text-align: justify; font-size: 8.65pt; padding: 30px; margin-left: 20px; box-sizing: border-box; display: table-cell; background: #0c0c0c; color: #868686; }.infobody b { color: #acacac; }#megafaceclaim { width: 100%; color: #868686; font-size: 11px; font-family: Arimo; }#megafaceclaim h1 { color: #acacac; font-family: "Nunito Sans"; font-size: 13px; font-weight: 700; letter-spacing: 1px; margin: 0px; padding: 0px; background: rgba(165, 43, 40, 0.25); padding: 30px; margin-bottom: 30px; }#claimseries { font-family: "Nunito Sans"; border-bottom: 1px solid #333; font-size: 12px; font-weight: 700; padding-bottom: 10px; text-align: right; letter-spacing: 1px; color: #acacac; padding-right: 20px; }.claimlist { white-space: pre-line; margin: 10px 20px 20px 20px; line-height: 180%; }.claimlist b { color: #acacac; margin-right: 1px; }.claimlist u { font-weight: 700; text-decoration: none; }.charroster { padding: 30px; }.charbox { text-align: center; display: flex; align-items: center; margin-bottom: 20px; }.charbox:last-child { margin-bottom: 0px; }.charicon { padding: 6px; border: 1px dotted #333; width: 60px; height: 60px; margin-right: 20px; }.charicon img { width: 60px; }.charname { text-align: left; font-family: Arimo; font-size: 12px; }.charname b { display: block; font-family: "Nunito Sans"; font-size: 15px; font-weight: 900; text-transform: uppercase; line-height: 100%; letter-spacing: 1px; margin-bottom: 10px; }</style>
<div class="infowrap"> <div id="megafaceclaim"> <h1>WHO PLAYS WHO</h1> <div id="claimseries"> OOC NAME </div> <div class="charroster"> <div class="charbox"> <div class="charicon"> <img src="https://via.placeholder.com/100x100"> </div> <div class="charname"> <b>@[Character Name]</b> Faction, Occupation/Posiiton </div> </div> <div class="charbox"> <div class="charicon"> <img src="https://via.placeholder.com/100x100"> </div> <div class="charname"> <b>@[Character Name]</b> Faction, Occupation/Posiiton </div> </div> <div class="charbox"> <div class="charicon"> <img src="https://via.placeholder.com/100x100"> </div> <div class="charname"> <b>@[Character Name]</b> Faction, Occupation/Posiiton </div> </div> </div> <div id="claimseries"> OOC NAME </div> <div class="charroster"> <div class="charbox"> <div class="charicon"> <img src="https://via.placeholder.com/100x100"> </div> <div class="charname"> <b>@[Character Name]</b> Faction, Occupation/Posiiton </div> </div> </div> </div></div>

<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:300|Jura:300|Architects+Daughter' rel='stylesheet' type='text/css'><style>.strct-snstr-bld{margin: auto; width: 500px;} .bd-snstr-bld{text-align: justify; padding: 30px; background-color: #232323; color: white; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300;} .bckgrnd-snstr-bld{background-color: #820909; padding: 50px 50px 75px;} .ttl-snstr-bld{margin: 20px auto; font-variant: small-caps; font-size: 34px; text-align: center; font-family: 'Jura', sans-serif; font-weight: 300; color: #232323;} .ft-ttl-snstr-bld{margin: 20px auto; font-size: 16px; text-align: center; font-family: 'Architects Daughter', cursive; line-height: 13px; color: #232323;} .dlg-snstr-bld{margin: 20px 50px 0px; color:#F17A60;} #crdts-snstr-bld{text-align: center; margin: 30px 0px -50px; color: white; font-size: 12px; font-variant: small-caps; font-family:Trebuchet MS, sans-serif;} #NU-lnk-snstr-bld{color: white; text-decoration: none;}</style><div class="strct-snstr-bld"><!-- IMAGES 500PX * 90PX--><img src="https://i.servimg.com/u/f77/19/35/98/81/kat110.jpg"/><div class="ttl-snstr-bld">The Sinister</div><img src="https://i.servimg.com/u/f77/19/35/98/81/kat210.jpg"/><div class="ttl-snstr-bld">Blade</div><img src="https://i.servimg.com/u/f77/19/35/98/81/kat310.jpg"/><div class="ft-ttl-snstr-bld">Feat.<br/>Machin, Bidule et truc</div><div class="bckgrnd-snstr-bld"><div class="bd-snstr-bld">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non faucibus nisl. Morbi suscipit viverra erat vel scelerisque. Ut ornare, est id egestas tempus, elit diam mollis magna, id malesuada turpis erat sed ex. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce a libero ante. Vivamus a purus orci. Fusce vulputate nisi sit amet commodo convallis. Donec maximus mauris felis, quis cursus leo fringilla ac. Proin finibus lacus tortor, eu feugiat massa vulputate sit amet. Mauris varius velit tortor, quis vestibulum nisl lobortis sit amet. Nullam euismod ipsum sit amet mollis porttitor.
<div class="dlg-snstr-bld">- Lorem ipsum dolor sit amet</div>
Aliquam vel ipsum nulla. Mauris vestibulum risus a lacus sollicitudin molestie. Nullam leo sapien, tempus sit amet auctor consectetur, fermentum ultrices justo. Sed quam risus, gravida quis pretium consectetur, condimentum et metus. Pellentesque tempus diam in auctor sollicitudin. Cras condimentum augue id nulla sodales auctor. Quisque finibus mollis massa at feugiat. Fusce auctor tortor id sem scelerisque, quis dignissim nulla vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec in varius elit. Suspendisse potenti. Integer est odio, condimentum at erat sit amet, bibendum maximus purus. Fusce commodo mi nulla, sit amet congue nunc ultrices vitae. Fusce eros tortor, hendrerit id tortor eu, ullamcorper imperdiet lorem. Etiam erat mi, gravida ac massa eu, ultricies sollicitudin nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec eget porttitor nisl. Cras lacinia porta lectus, at elementum odio finibus sed. Nunc odio est, viverra fermentum arcu vitae, elementum finibus enim. Cras sed aliquet ligula, vitae laoreet leo. Proin dui tortor, vulputate in tellus sed, volutpat aliquam libero. Donec vehicula faucibus mauris in semper. Proin sodales nibh ac nibh posuere, ut pretium dui consequat. Praesent non nibh rutrum, condimentum mi eget, ultricies felis.

Cras auctor faucibus elit, ut placerat tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed hendrerit ante nec ante sagittis lobortis. Vivamus sollicitudin vel orci dignissim vehicula. Curabitur posuere tellus a euismod accumsan. Curabitur vestibulum libero ac tortor gravida semper. Nulla maximus quis ante molestie aliquet. Morbi eget interdum diam, at fringilla elit.

Cras id leo commodo, ultrices velit sed, placerat ex. Nullam sit amet neque at dui rhoncus consectetur ut at dui. Mauris sed erat ut est rhoncus blandit. Etiam iaculis porta faucibus. Quisque augue sapien, ultrices nec congue ac, tristique et erat. Praesent vel consequat metus. Maecenas fermentum dui elit, non fringilla ex commodo sit amet.</div><div id="crdts-snstr-bld">@elfyqchan - <a id="NU-lnk-snstr-bld" href="https://www.never-utopia.com" target="_blank">Never Utopia</a></div></div></div>