[Fiche de personnage] Spéciale HP

<div style="background: url(https://i.goopics.net/LwlLd.png);background-size: 100px;color: #000;display: flex;flex-direction: row;margin: auto;width: 600px;">
<div style="position: relative;text-align: center;width: 300px;"><img src="https://i.goopics.net/jQLjr.png" style="margin-top: 30px;width: 100px;" alt="Logo Ministère"/>

<h2 style="color: #000;font-size: 1.3em;font-weight: 900;margin: 0;text-transform: uppercase;font-family: Verdana,Arial,Helvetica,sans-serif;">Ministère de la Magie</h2>
<h3 style="border-bottom: 2px solid #000;border-top: 2px solid #000;color: #000;font-size: 1.5em;font-weight: 900;margin: auto;padding: 10px;text-transform: uppercase;width: 75%;">Carte d'Identité</h3>
<span style="font-weight: 900;text-transform: uppercase;">Noms & Prénoms</span>
<span style="color: red;text-transform: uppercase;">NOM & PRENOM</span>
<span style="font-weight: 900;text-transform: uppercase;">Département</span>
<span style="color: red;text-transform: uppercase;">DEPARTEMENT - EMPLOI</span>
<hr style="width:75%; border:1px solid black;"/>
<span style="font-weight: 900;text-transform: uppercase;">Établissement Fréquenté</span> <span style="color: red;text-transform: uppercase;">ETABLISSEMENT SCOLAIRE</span>
<span style="font-weight: 900;text-transform: uppercase;">Maison</span> <span style="color: red;text-transform: uppercase;">MAISON SI POUDLARD</span>
<span style="font-weight: 900;text-transform: uppercase;">Sang</span> <span style="color: red;text-transform: uppercase;">SI HUMAIN, SINON RACE</span>
<span style="font-weight: 900;text-transform: uppercase;">Baguette</span> <span style="color: red;text-transform: uppercase;">BOIS - COEUR - TAILLEcm - RIGIDITE</span>
<span style="font-weight: 900;text-transform: uppercase;">Patronus</span> <span style="color: red;text-transform: uppercase;">PATRONUS</span>
<span style="font-weight: 900;text-transform: uppercase;">Epouvantard</span> <span style="color: red;text-transform: uppercase;">EPOUVANTARD</span>
<span style="font-weight: 900;text-transform: uppercase;">Amortentia</span> <span style="color: red;text-transform: uppercase;">AMORTENTIA</span>
<p style="left:-10%;position:relative;bottom:-15%;"><span style="font-weight: 900;text-transform: uppercase;">Signature du Titulaire</span>
<span style="color: red;text-transform: uppercase;">SIGNATURE (NOM)</span></p>

<img style="bottom: -30px;mix-blend-mode: multiply;position: absolute;width: 150px;" src="https://nsa40.casimages.com/img/2019/06/02/190602083416972990.png"/></div><div style="border-left: 3px solid #000;padding: 10px;position: relative;width: 50%;">
<span style="font-weight: 900;text-transform: uppercase;">Date de Naissance</span> <span style="color: red;text-transform: uppercase;">DATE DE NAISSANCE</span>
<span style="font-weight: 900;text-transform: uppercase;">Couleur des yeux</span> <span style="color: red;text-transform: uppercase;">YEUX</span>
<span style="font-weight: 900;text-transform: uppercase;">Couleur des cheveux</span> <span style="color: red;text-transform: uppercase;">CHEVEUX</span>

<div style="border: 3px #000 solid;filter: saturate(0%);height: 250px;margin: auto;overflow: hidden;width: 200px;"><img style="min-height: 100%;min-width: 100%;" src="LIEN_AVATAR" alt="Avatar"/></div>
<img style="left: 60%;margin-bottom: -100px;mix-blend-mode: multiply;position: relative;top: -80px;transform: rotate(-20deg);width: 110px;" src="https://nsa40.casimages.com/img/2019/06/02/190602083416118059.png"/>
<span style="font-weight: 900;text-transform: uppercase;">Date d'embauche</span> <span style="color: red;text-transform: uppercase;">DATE</span>
<span style="font-weight: 900;text-transform: uppercase;">Featuring</span> <span style="color: red;text-transform: uppercase;">CELEBRITE</span>
<img style="mix-blend-mode: multiply;position: absolute;right: 30px;top: 500px;width: 150px;" src="https://nsa40.casimages.com/img/2019/06/02/190602083415910881.png"/>
<span style="display: block;font-weight: 900;text-align: center;top: -30px;">Signature du Ministériel supérieur</span>

</div>

</div><div style="background: url(https://i.goopics.net/LwlLd.png);background-size: 100px;color: #000;margin: auto;padding: 20px;width: 600px;">

<center><img src="https://nsa40.casimages.com/img/2019/06/02/190602083418229304.png" alt="Logo Ministère" style="height: 100px;mix-blend-mode: multiply;"/></center>

<h2 style="border-bottom: 2px solid #000;border-top: 2px solid #000;color: #000;font-size: 1.5em;font-weight: 900;margin: auto;padding: 10px;text-transform: uppercase;width: 75%;font-family: Verdana,Arial,Helvetica,sans-serif;">Titre</h2>

Contenu
</div>