neon demon - relaciones

<div class="demon11"><div class="demon12"></div><div class="demon13"></div><div class="demon14">
<img src="https://via.placeholder.com/130x130">
<i class="fas fa-star"></i>
<b>Nombre del pj</b>
Mejor amigo

<img src="https://via.placeholder.com/130x130">
<i class="fas fa-ghost"></i>
<b>Nombre del pj</b>
Mejor amigo

<img src="https://via.placeholder.com/130x130">
<i class="fas fa-handshake"></i>
<b>Nombre del pj</b>
Mejor amigo
</div></div><div class="stdcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.demon11{margin: 20px auto; width: 450px; height: 550px; position: relative; border: 15px solid #fff; outline: 1px solid #d9d9d9; background: #f9f9f9; display: flex; flex-wrap: wrap; justify-content: center;}.demon12{clip-path: polygon(0 0, 0% 100%, 100% 100%); width: 450px; height: 550px; background: #fa448c; position: absolute;}.demon13{clip-path: polygon(100% 0, 0% 100%, 100% 100%); width: 450px; height: 550px; background: #43b5a0; position: absolute;}.demon14{width: 150px; height: 510px; border-top: 15px solid #fff; border-bottom: 15px solid #fff; padding: 10px 35px; overflow: auto; background: #fff; position: absolute; font-family: inconsolata; font-weight: 300; color: #888; font-size: 12px; text-align: center; line-height: 140%;}.demon14 img{width: 100px; height: 100px; border-radius: 50%; padding: 5px; border: 5px solid #fec859;}.demon14 b{font-weight: 700; font-size: 14px; color: #fa448c;}.demon14 i{width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 5px; font-size: 14px; color: #fec859; margin-top: -20px;}.demon14::-webkit-scrollbar{width: 6px;}.demon14::-webkit-scrollbar-track {background: #fff;}.demon14::-webkit-scrollbar-thumb {background: #fec859;}.stdcred{margin: 0 auto; width: 80px; background: #fff; text-align: center; border: 1px solid #d9d9d9; border-radius: 10px;}.stdcred a{text-decoration: none; font-family: inconsolata; font-weight: 200; font-size: 11px; color: #888;}</style><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Bevan&family=Inconsolata:wght@200;300;400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">