we don't talk anymore - portada

<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap" rel="stylesheet">
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

<div class="we1"><div class="we2"><div class="we3">name last name</div><img src="https://via.placeholder.com/100">
<a href="#"><span class="th th-folder-3"></span></a> <a href="#"><span class="th th-paper-plane"></span></a> <a href="#"><span class="th th-calendar-1"></span></a>
<b>expediente</b> <b>mensaje privado</b> <b>cronología</b>

<a href="#"><span class="th th-diamond"></span></a> <a href="#"><span class="th th-play"></span></a> <a href="#"><span class="th th-flash"></span></a>
<b>relaciones</b> <b>playlist</b> <b>moodboard</b>
</div></div>
<div class="stcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.we1 {margin: 0 auto; width: 360px; padding: 20px; border: 1px solid #eee; background: #fff; outline: 1px solid #d5b0b5; outline-offset: 10px;} .we2 {width: 340px; background: #fff; padding: 10px; display: flex; flex-wrap: wrap;} .we2 img {width: 100px; height: 100px; border-radius: 100px; padding: 5px; border: 5px solid #d5b0b5; margin-bottom: 20px;} .we3 {width: 220px; height: 20px; padding: 40px 0 0 0; border-bottom: 5px solid #d5b0b5; font-family: quicksand; font-weight: 700; font-size: 20px; color: #888;} .we2 span {width: 113px; text-align: center; color: #d5b0b5; font-size: 35px; margin: 5px 0} .we2 b {width: 113px; text-align: center; font-family: quicksand; font-weight: 400; font-size: 14px; color: #888; margin: 7px 0} .we2 a {text-decoration: none} .stcred {margin: 0 auto; width: 360px; text-align: center} .stcred a {text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px}</style>