<div class="Rosebon">
<h1>Une citation/unecitation/unecitation</h1>
<div class="ContenupERSO">
[img]https://www.zupimages.net/up/19/41/5lw0.jpg[/img]
<div class="PersoInfo">
<span1> Nom et prénom </span1>
[img]https://www.zupimages.net/up/19/41/5lw0.jpg[/img][img]https://www.zupimages.net/up/19/41/5lw0.jpg[/img]
<div class="Ninfo"><span>Je m'appelle /</span> écrire ton nom et prénom ; <span>je suis née le /</span> donne ta date de naissance ; <span>ta nationalité /</span> Écrire ici ;<span> profession ou étudiant /</span> Étude ou profession écrire ici;<span> ton orientation sexuelle /</span> es-tu gay, bis ou hétéro etc.. ; <span> es-tu en couple? ? / </span> écrire ici ; <span>Groupe/Race/Camps ? /</span> Écrire ici<span>maintenant parle nous de ton avaaa !! qui est-ce ? /</span> Écrire ici</div>
</div><!--
--></div>
<h1>Parle nous de ta magie </h1>
<div class="MaGhik">Parle nous de ta magie, de tes pouvoirs. Ceux que tu as. Si tu en as l'envie, tu peux aussi nous expliquer comment tu les a découvert et tout ce que tu trouves important sur tes pouvoirs.
</div>
<h1>Parle nous de ton histoire, de ta vie!</h1>
<div class="MaGhik"> Raconte nous un peu sur ton personnage. Prend 15 lignes, ou plus, pour nous parler de lui. Sous forme de texte, sous forme d'anecdote, comme tu préfères.
</div>
<div class="credit"><a href="http://www.epicode-entraide.com/"> Hanyo Yurikin | ls pour Epicode</a></div>
</div><!--
--><style>.Rosebon{background-color:#fdfdfc;width:480px;padding:10px;margin:auto;box-shadow: #555 2px 2px 5px;box-sizing:initial;}.Rosebon > h1{display:inline-block;font-size:10px;background-color:#333;padding:5px;width:467px;color:#f0afae;text-align:center;font-family: 'Vibes', cursive;font-size:18px;font-variant:small-caps;letter-spacing:4px;}.ContenupERSO{display:flex;margin-top:20px;width:467px;background-color:#f3f2f0;padding:5px;height:340px}.ContenupERSO img{width:200px;height:320px;transition: all 0.8s ease;border: 2px solid #fff}.ContenupERSO img:hover{opacity:0.5;transition: all 0.5s ease;}.PersoInfo{cursor:pointer; width:250px;background-color:#fff;border:2px solid #f3f2f0;margin-left:5px;height:320px;}.PersoInfo > span1{font-family: 'Great Vibes', cursive ;color:#f2b3ae;text-align:center; font-size:30px;margin:-25px 0px 0px;display:block;}.Ninfo{text-align:justify;color:#333;line-height:13px;font-size:12px;font-family:calibri;padding:5px;height:180px;overflow:auto;background-color:#fafafa;margin:auto;width:220px}.Ninfo span{color:#d47a71;text-transform:uppercase;font-family: 'Vibes', cursive;font-size:11px;}.PersoInfo img{width:64px;height:70px;border: 1px solid #f2b3ae;padding:4px;margin:0px 22px 5px;object-fit:cover;}.MaGhik{width:467px;background-color:#fafafa;padding:5px;height:140px;text-align:justify;color:#333;font-family:calibri; font-size:12px;overflow:auto;line-height:13px;}.snoobb{position:absolute;width:160px;padding:10px;height:100px;margin:150px 12px 0px;background-color: rgba(255, 255, 255, 0.5);}.snoobb span{color:#f2b3ae;text-transform:uppercase;font-family: calibri;background-color:#333;display:inline-block;font-size:10px;width:70px;margin: 0px 3px 2px; text-align:center;padding:2px}.credit{font-size:6px;text-transform:uppercase;font-family:calibri;display:block;text-align:center;}.credit a{color:black}</style><!--
--><link href="https://fonts.googleapis.com/css?family=Great+Vibes|Vibes&display=swap" rel="stylesheet">
