neon demon - portada de baúl

<div class="demon"><div class="demon1"></div><div class="demon2"></div><div class="demon3"><img src="https://via.placeholder.com/130x130"><div class="demon4">neon demon</div><div class="demon5">aquí alguna quote así larga y toda pipirisnice idk, pero súper duper larguis, wujuuuuu.</div><a href="#" data-title="expediente"><div class="demon6"><i class="fas fa-bolt"></i></div></a><a href="#" data-title="cronología"><div class="demon6"><i class="fas fa-calendar-alt"></i></div></a><a href="#" data-title="relaciones"><div class="demon6"><i class="fas fa-burn"></i></div></a><a href="#" data-title="playlist"><div class="demon6"><i class="fas fa-music"></i></div></a><a href="#" data-title="moodboard"><div class="demon6"><i class="fas fa-image"></i></div></a><a href="#" data-title="teléfono"><div class="demon6"><i class="fas fa-mobile-alt"></i></div></a><a href="#" data-title="instagram"><div class="demon6"><i class="fab fa-instagram"></i></div></a></div></div><div class="stdcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.demon{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;}.demon1{clip-path: polygon(0 0, 0% 100%, 100% 100%); width: 450px; height: 550px; background: #fa448c; position: absolute;}.demon2{clip-path: polygon(100% 0, 0% 100%, 100% 100%); width: 450px; height: 550px; background: #43b5a0; position: absolute;}.demon3{width: 150px; height: 490px; padding: 35px; background: #fff; position: absolute; display: flex; flex-wrap: wrap; justify-content: space-around; align-content: space-around;}.demon3 img{width: 130px; height: 130px; border: 10px solid #f9f9f9; border-radius: 50%;}.demon4{width: 150px; text-align: center; font-family: bevan; font-size: 28px; color: #fec859; line-height: 20px;}.demon5{width: 150px; text-align: justify; font-family: inconsolata; font-weight: 200; font-size: 11px; color: #888; line-height: 110%; padding: 0 10px 15px 10px; border-bottom: 1px solid #d9d9d9;}.demon6{width: 40px; height: 30px; border-radius: 50%; background: #f9f9f9; border: 1px solid #fec859; font-size: 18px; color: #fa448c; text-align: center; padding-top: 10px; transition: 0.5s}.demon6 a{text-decoration: none}.demon6:hover {background: #f9f9f9; color: #d9d9d9;}a[data-title]:hover:after {content: attr(data-title); position: absolute; margin: -50px 0 0 -7px; padding: 0 5px; background: #fff; font-size: 10px; color: #43b5a0; border-radius: 2px; font-family: inconsolata; font-weight: 300; text-align: center; text-decoration: none;}.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">