046 | Shake it Up

<div id="mi"><div class="gato"><div class="gatito"><div class="frio"><div class="nombre">shake it up
<span>Baby shake that ass, shake that pumpkin pie</span></div></div><div class="texto">
Texto aquí.
</div><div class="tiene" style="background: url(https://via.placeholder.com/220x350)"></div></div></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>


<style>#mi {width: 450px; height: 360px; background: #fff; border: 10px solid #57BDBC; outline: 1px solid #299493; margin: 0 auto}#mi .gato {background: #fff;border: 5px solid #f9f9f9; outline: 1px solid #eaeaea;}#mi .gatito {border: 1px solid #eaeaea; background: #fff; height: 350px;}#mi .tiene {width: 220px; height: 350px; position: relative; top: -270px; left: 0px; transition:0.9s ease-in 0.2s; transition-timing-function: cubic-bezier(0.6,0,0.6,1);}#mi .frio {float: right; width: 218px; height: 350px; text-align: center; background: #57BDBC}.frio .nombre {font: 40px "kitsune"; position: relative; top: 120px; color: #fff}.nombre span {font: 6px verdana; text-transform: uppercase; display: block; letter-spacing: 4px; margin: 20px; margin-top: 0px}#mi .texto {width: 180px; text-align: justify; font: 9px verdana; height: 270px; position: relative; top: 45px; left: 20px; overflow-y: auto;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center}#mi:hover .tiene {left: 220px}@font-face { font-family: "kitsune"; src: url('https://dl.dropboxusercontent.com/s/hn4v58qo7wha9r3/DK%20Kitsune%20Tail.ttf'); format("truetype");}
</style>