Mystic || Relaciones

<center><link href="https://fonts.googleapis.com/css?family=Work+Sans" rel='stylesheet' type='text/css'>

<div id="out"><div id="datos">⊰ Nombre • Raza • Grupo • Edad ⊱</div><div id="bord"><div id="inside"><div id="test"><table><tr><td><div id="s1"><img src="https://i.pinimg.com/564x/1e/3a/0d/1e3a0da71a310304d3d24a58406f57a2.jpg" id="s2"><div id="s3">Name Here</div><div id="s4">Relación</div></div></td><td><div id="s1"><img src="https://i.pinimg.com/564x/e9/ba/38/e9ba38eb5ff3598265c83fed8b193fba.jpg" id="s2"><div id="s3">Name Here</div><div id="s4">Relación</div></div></td><td><div id="s1"><img src="https://i.pinimg.com/564x/36/4e/37/364e373f3dd2fdbf4f3200041fbe5ce2.jpg" id="s2"><div id="s3">Name Here</div><div id="s4">Relación</div></div></td></tr></table><table><tr><td><div id="s1"><img src="https://i.pinimg.com/564x/20/76/bf/2076bfa3d4a316262b2b891eacefaa29.jpg" id="s2"><div id="s3">Name Here</div><div id="s4">Relación</div></div></td><td><div id="s1"><img src="https://i.pinimg.com/564x/af/0e/80/af0e8005dc3d584cc6c25b6c8a3707e4.jpg" id="s2"><div id="s3">Name Here</div><div id="s4">Relación</div></div></td><td><div id="s1"><img src="https://i.pinimg.com/564x/01/b2/23/01b223e1d8d1500347eb52eb6d605049.jpg" id="s2"><div id="s3">Name Here</div><div id="s4">Relación</div></div></td></tr></table></div></div></div></div><a href="https://hakrabi.tumblr.com" class="hoversito link1">—Hakrabi</a></center>

<style>#out {width: 500px; height: auto; background: url(https://i14.servimg.com/u/f14/19/66/41/09/crazyk10.jpg); padding: 30px; cursor: crosshair;}#datos {width: auto; height: auto; background: #0d0d0d; padding: 10px; color: #a5a5a5; text-align: center; font-family: Work Sans; font-size: 12px;}#bord {width: auto; height: auto; margin-top: 15px; border: 1px solid #000; padding: 10px; border-radius: 20px;}#inside {width: auto; height: auto; background: #0d0d0d; border-radius: 20px; padding: 20px;}#test {width: 410px; height: auto; padding: 5px;}#s1 {width: 100px; height: 100px; border: 1px solid #fff; padding: 5px; margin-left: 5px; margin-top: 5px;}#s2 {width:100px; height:100px; background-size:100%; background-position:50%; display:inline-block;}#s3 {margin-left: 10px; background: #0d0d0d; color: #fff; font-family: Work Sans; font-size: 9px; letter-spacing: 1px; padding: 5px; text-transform: uppercase; position: absolute; margin-top: -85px; display: none; z-index: 99;}#s1:hover #s3 {display: block;}#s4 {margin-left: 10px; background: #0d0d0d; color: #fff; font-family: Work Sans; font-size: 9px; letter-spacing: 1px; padding: 5px; text-transform: uppercase; position: absolute; margin-top: -55px; display: none; z-index: 99;}#s1:hover #s4 {display: block;}a.hoversito {color: #4d4d4d; font-family: Arial; text-decoration: none; font-size: 9px; letter-spacing: 2px; width: auto; position: relative; overflow: hidden; text-transform: uppercase; transition: color .3s cubic-bezier(0.11, 0.7, 0, 1);}a.hoversito:hover {color:#90121d; transition: 0.2s}.link1:after {position: absolute; display: block; width: 0%; height: 2px; background-color: #df1233; content: "";}</style>