Fiche RP #7

Codes

Code:

<link href="https://fonts.googleapis.com/css?family=Merriweather:700i&display=swap" rel="stylesheet"/><div class="fiche_rp_arte"><h2>Titre du rp un peu long pour voir</h2><p>Aorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque accumsan arcu eget lacus viverra, id venenatis massa aliquet. Nam pulvinar elit ut augue fermentum convallis. Aliquam pharetra, metus ac vulputate efficitur, felis nibh laoreet odio, quis suscipit lacus est vel mauris. Fusce cursus enim in vestibulum elementum. Vivamus pretium justo vitae elit porttitor, ac rhoncus nibh facilisis. Proin risus augue, elementum sit amet euismod sit amet, convallis a mauris. Donec felis nunc, vulputate in arcu a, facilisis lacinia metus. Nulla quis massa id metus tincidunt rhoncus. Pellentesque sodales urna nec tortor placerat, vel elementum quam convallis.Cras non justo tempus, aliquet odio cursus, aliquet leo. Maecenas pretium posuere ex, at convallis nunc posuere in. Sed sit amet massa eu ante lacinia ullamcorper non nec magna. In aliquet ipsum justo, a vulputate neque lobortis eget. Vestibulum pretium dapibus cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer vitae libero nisl. Nunc scelerisque in dui in posuere. Donec pellentesque placerat nunc ut dictum. Nunc in sagittis massa. Nullam vel sagittis eros.Ut non vestibulum purus. Nullam id rutrum magna, id gravida arcu. Aenean tincidunt libero erat, in blandit metus elementum ut. Donec id leo non lorem vulputate pulvinar. Pellentesque metus quam, convallis ut laoreet id, feugiat vitae turpis. Ut sed leo eros. Donec pellentesque placerat nunc ut dictum. Nunc in sagittis massa. Nullam vel sagittis eros.Ut non vestibulum purus. Nullam id rutrum magna, id gravida arcu. Aenean tincidunt libero erat, in blandit metus elementum ut. Donec id leo non lorem vulputate pulvinar. Pellentesque metus quam, convallis ut laoreet id, feugiat vitae turpis. Ut sed leo eros.</p><div>Pseudo & pseudo</div><span class="credits_arte">artemis | <a href="https://artifices.forumactif.com/">www</a></span> </div>

<style>.fiche_rp_arte{width: 500px; height: 700px; background: url(https://zupimages.net/up/19/49/1jrd.jpg); margin: auto; background-size: 100%; background-position: bottom center; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 90px; position: relative; overflow: hidden;}.fiche_rp_arte > h2{color:black; font: 11px georgia; background: white; width: 350px; margin: auto; margin-bottom: 2px; height: 25px; text-transform: lowercase; line-height: 25px; letter-spacing: 2px;}.fiche_rp_arte > p{width: 350px; height: 500px; background: white; margin: auto; overflow: auto; text-align: justify; font: 12px georgia; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; line-height: none;}.fiche_rp_arte > p:first-letter{color: #070707; display: block; float: left; font-size: 80px; margin: -10px 15px 0 15px;}.fiche_rp_arte > div{height: 25px; background: white; margin: auto; width: 350px; margin-top: 2px; font: 11px georgia; text-transform: lowercase; line-height: 25px; letter-spacing: 3px;}.credits_arte{position: absolute; width: 500px; bottom: 0; text-align: center; left: 0; color: white; font: 12px georgia; letter-spacing: -1px; text-shadow: 1px 1px 0px black;}.credits_arte > a{text-decoration: none; color: white;}</style>

Code:

.fiche_rp_arte{width: 500px; height: 700px; background: url(https://zupimages.net/up/19/49/1jrd.jpg);