paradise - relaciones

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet">

<div class="para12"><div class="para13"><div class="para14"><img src="https://via.placeholder.com/100"></div><div class="para15">And dream of paradise<br><span>when she was just a girl she expected the world</span></div></div>
<div class="para21"><div class="para22"><i class="fas fa-home"></i></div><div class="para22"><i class="fas fa-sun"></i></div><div class="para22"><i class="fas fa-cloud-rain"></i></div><div class="para22"><i class="fas fa-crown"></i></div><div class="para22"><i class="fas fa-leaf"></i></div>
<div class="para23">familia</div><div class="para23">amistad</div><div class="para23">enemistad</div><div class="para23">vip</div><div class="para23">otro</div></div>
<div class="para16"><div class="para17"><img src="https://via.placeholder.com/110"><div class="para19"><div class="para18"><i class="fas fa-home"></i></div></div><div class="para20">nombre del pj <br><span>she expected the world</span></div></div>
<div class="para17"><img src="https://via.placeholder.com/110"><div class="para19"><div class="para18"><i class="fas fa-sun"></i></div></div><div class="para20">nombre del pj <br><span>she expected the world</span></div></div></div>
<div class="para16"><div class="para17"><img src="https://via.placeholder.com/110"><div class="para19"><div class="para18"><i class="fas fa-cloud-rain"></i></div></div><div class="para20">nombre del pj <br><span>she expected the world</span></div></div>
<div class="para17"><img src="https://via.placeholder.com/110"><div class="para19"><div class="para18"><i class="fas fa-crown"></i></div></div><div class="para20">nombre del pj <br><span>she expected the world</span></div></div></div>
</div></div>
<div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.para12 {margin: 0 auto; width: 420px; background: #fff; border-top: 70px solid #8498af; border-bottom: 50px solid #8498af; outline: 10px solid #f9f9f9}.para13 {width: 420px; display: flex; margin-top: -30px}.para14 {width: 120px; height: 100px; padding: 0 10px}.para14 img {width: 100px; height: 100px; border-radius: 50%; border: 10px solid #fff}.para15 {width: 280px; height: 80px; font-family: abril fatface; font-size: 22px; color: #8498af; text-align: center; line-height: 100%; padding: 40px 10px 0 0}.para15 span {font-family: calibri; font-size: 11px; color: #888;}.para16 {display: flex; justify-content: center}.para17 {width: 190px; text-align: center; margin: 0 5px}.para17 img {width: 110px; height: 110px; border-radius: 50%; padding: 5px; border: 1px solid #eee}.para18 {width: 110px; padding: 35px 0; border-radius: 50%; background: rgba(255, 255, 255, 0.7); font-size: 40px; color: #8498af; text-align: center; position: absolute; margin: -116px 0 0 40px}.para19 {opacity: 0; transition: 0.5s}.para19:hover {opacity: 1}.para20 {font-family: abril fatface; font-size: 14px; color: #8498af; text-align: center; line-height: 100%; margin-top: 5px}.para20 span {font-family: calibri; font-size: 11px; color: #888}.para21 {width: 360px; text-align: center; border: 1px solid #eee; display: flex; flex-wrap: wrap; line-height: 100%; padding: 10px 0; margin: 0 auto; justify-content: center} .para22 {width: 66px; color: #8498af; font-size: 12px; text-align: center} .para23 {width: 66px; font-family: calibri; font-size: 9px; color: #888; text-align: center;}.stcred {margin: 0 auto; width: 380px; text-align: center} .stcred a {text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px}</style>