038 | From the South

<div id="jun"><div id="jani">From the <b>South</b> </div><div id="juni" style="background: url(https://via.placeholder.com/250x350)"><div id="hoji"><div id="hoji1"><span> Nombre </span><span> Grupo </span><span> Faceclaim </span><span> Relación </span><span> Otro dato </span></div><div id="hoji2"><div class="txt">
¡Aquí el texto!

</div></div></div></div><div id="joni"> Tag + Tag + Tag</div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>


<style type="text/css">#jun {width:250px; border: 6px solid #fff; outline: 1px solid #eaeaea; background: #fff; margin: 0 auto;}#juni {width: 250px; height: 350px; overflow: hidden;}#jani {background: #EEBD78; padding: 20px 10px; color: #fff; font: 20px 'Quicksand', sans-serif; text-align: center;text-transform: uppercase;     border: 1px solid #e8ad5b;}#joni {background: #EEBD78; font: 9px verdana; text-transform: uppercase; color: #fff; padding: 10px; text-align: center; border: 1px solid #e8ad5b;}#hoji { height: 350px; width: 250px; position: relative; right: -300px;-webkit-transition:0.9s ease-in 0s;transition-timing-function: cubic-bezier(0.5,0,5,1);}#hoji1 {height: 90px; background: #eebd7882; text-align: center; }#hoji2 {height: 260px; background: #f9f9f9; border: 1px solid #eaeaea;}#hoji1 span {display: inline-block; background: #EEBD78; font: 9px calibri; text-transform: uppercase; color: #fff; padding: 10px; margin: 5px; text-align: center; position: relative; top: 4px;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}#hoji2 .txt {font: 11px calibri; background: #fff; border: 1px solid #eaeaea; margin: 10px; height: 195px; overflow: auto; padding: 20px;text-align: justify;line-height: 110%;}#juni:hover #hoji {right: 0px;}</style><link href="https://fonts.googleapis.com/css?family=Quicksand:400,700" rel="stylesheet">