Post rp ldd iii

<style>.rpiii { background: #b5bad8; background: linear-gradient(to top, #fb92cd, #ccadd6, #b5bad8, #b5bad8, #b5bad8, #b5bad8, #b5bad8, #b5bad8, #b5bad8, #b5bad8, #b5bad8); width: 500px; border-radius:5px; margin: 0 auto; position: relative; overflow: hidden; box-shadow: 0 0 5px #c3c4c3; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 12px; color: #c3c4c3; } .rpiii b, .rpiii i { color: #b5bad8; } .wave { background: #fff; opacity: 0.4; width: 1000px; height: 1000px; position: absolute; bottom: 20px; left: -250px; border-radius: 45%; transform-origin: 50% 48%; animation: drift 3000ms infinite linear; } .wave.top { top: -800px; background: #b5bad8; background: radial-gradient(#fb92cd 40%, #ccadd6, #b5bad8); animation: drift 4000ms infinite linear; } .wave.-two { animation: drift 5000ms infinite linear; opacity: 1; } .wave.-two.top { animation: drift 6000ms infinite linear; } .wave.-three { animation: drift 7000ms infinite linear; opacity: 0.2; } .rpiii::before { content:" "; width: 100%; height: 120px; display: block; background: linear-gradient(#fb92cd, transparent); position: absolute; z-index: 2; } @keyframes drift { from { transform: rotate(0deg); } from { transform: rotate(360deg); }} .headiii { width: 100%; height: 150px; position: absolute; z-index: 10; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .headiii img { width: 70px; height: 70px; border: 6px solid #fff; border-radius: 100%; background: #fff; } .headiii span { display: block; width: 350px; padding: 0 40px; text-align: center; color: #fff; margin-top: -35px; } .texteiii { position: relative; z-index: 3; margin: 220px 20px 120px 20px; text-align: justify; } .creditiii { position: absolute; left: 245px;bottom: 70px; padding-top: 5px;} .creditiii .material-icons { font-size: 11px; } .creditiii a { color: inherit; text-decoration: none; position: relative;} .creditiii a span { display: none; background: #fff; border: 1px solid #eee; padding: 1px 5px; text-align: center; position: absolute; width: 110px; bottom: -25px; left: -55px; } .creditiii a:hover span {display: block;}</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"><link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet"><div class="rpiii"><div class="headiii"><img src="LIEN DE L'IMAGE LOGO" /><span>VOTRE TITRE ICI</span></div><div class="wave -one"></div><div class="wave -two"></div><div class="wave -three"></div><div class="wave -one top"></div><div class="wave -two top"></div><div class="wave -three top"></div><div class="texteiii">VOTRE TEXTE RP ICI. VOTRE TEXTE RP ICI. VOTRE TEXTE RP ICI. VOTRE TEXTE RP ICI. VOTRE TEXTE RP ICI. VOTRE TEXTE RP ICI. VOTRE TEXTE RP ICI. VOTRE TEXTE RP ICI. VOTRE TEXTE RP ICI.</div><div class="creditiii"><a target="_blank" href="https://gotheim-work.tumblr.com/"><i class="material-icons">filter_vintage</i><span>antre de gotheim</span></a></div></div>