041 | Yes, i'm ready

<div id="hood" style="background: url(https://via.placeholder.com/470)"><div id="robin"><div class="bin"></div> <div class="rob"> </div></div><div id="winnie">Yes, i'm ready</div><div id="little">As i'll ever be</div>
<div id="pooh"><div class="imagen" style="background: url(https://via.placeholder.com/100)"></div><div class="datos"><span>Nombre Completo</span> <span>00 años</span> <span>Corea del Sur</span> <span>Busán</span> <span>Guitarrista</span> <span>Heterosexual</span> <span>Played By: Oh Sehun</span></div><div id="info">
     <b> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> <i>In mi tellus, euismod sit amet pharetra nec, semper a purus.</i> Ut viverra, turpis et blandit vulputate.
   </div></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>


<style type="text/css">#hood {width: 470px; height: 470px; position: relative; margin: 0 auto; overflow: hidden}#hood:hover #pooh {position: relative; top: -180px;}#hood:hover .bin {position: relative; top: -500px}#hood:hover .rob {position: relative; right: -500px}#hood:hover #winnie {position: relative; left: -500px;}#hood:hover #little {position: relative; left: 500px}#robin {font: 40px "oswald"; color: #fff; text-align: center; transform: rotate(-45deg); position: relative; top: 190px; color: #f0d43c; font-weight: bold; text-transform: uppercase; margin-left: 50px;}#robin .rob {background: #0f0f0f; padding: 10px; width: 300px; margin: 0 auto; position: relative; top: -68px; height: 50px; right: 0px; -webit-transition: all .3s ease-out; transition:0.9s ease-in 0s;}#robin .bin {background: #0f0f0f; padding: 10px; width: 300px; margin: 0 auto; margin-top: 5px; transform: rotate(-90deg); position: relative; top: 0px;height: 50px; transition:0.9s ease-in 0s;}#winnie { color: #f0d43c; font: 40px "facile"; font-weight: bold; text-transform: uppercase; position: relative; top: 60px; text-align: center; left: 0px;transition:0.9s ease-in 0.2s;}#little { font: 8px 'Montserrat', sans-serif; color: #fff; display: block; letter-spacing: 9px; text-align: center; position: relative; top: 60px;height: 1px; left: 0px; transition:0.9s ease-in 0.2s;}#pooh {height: 450px; width: 450px; margin: 0 auto; position: relative; top: 290px; transition:0.9s ease-in 0.5s;}#pooh .imagen {width: 100px; height: 100px; float: right; border: 8px solid #f0d43c; border-radius: 100%;margin-right: 10px}#pooh .datos {width: 300px; height: 110px; margin-left: 10px; position: relative; top: 10px; text-align: center}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}#pooh .datos span {background: #f0d43c; padding: 5px 10px; color: #000; font: 9px 'Montserrat', sans-serif; text-transform: uppercase; display: inline-block; margin-top: 5px;}#pooh #info {font: 10px 'Montserrat', sans-serif; color: #fff; background: #00000098; padding: 20px; text-align: justify; overflow-y: auto; width: 405px; margin: 0 auto; margin-top: 20px; height: 260px;} #pooh #info b {color: #f0d43c; font-weight: bold}#pooh #info i {color: #f0d43c;}#info::-webkit-scrollbar {background-color: #000!important; width: 5px}#info::-webkit-scrollbar-thumb {background: #f0d43c!important}@font-face { font-family: "facile"; src: url('https://dl.dropboxusercontent.com/s/mqcaaqxgczvdy93/Facile%20Sans.ttf'); format("truetype");</style><link href="https://fonts.googleapis.com/css?family=Montserrat:400,800" rel="stylesheet">