024 | The Reason

<div id="she"><div class="sho"><m>And the reason is you</m><n style="background: url(https://via.placeholder.com/500x200)"><n><txt>

¡Soy un espacio de texto! Puedes llenarme, grr.

   </txt>
 </div> <div class="shi"> <m>I've found a reason for me
To change who I used to be
A reason to start over new </m><n> Primer dato → Segundo dato → Tercer dato → Cuarto dato → Quinto dato → Sexto dato </n>   </div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>

<style>#she {background: #fff; width: 500px; height: 600px; margin: 0 auto; overflow: hidden;}.shi {background: #222; width: 500px; height: 600px; color: #f9f9f9; position: relative; top: -600px; left: 0px; -webkit-transition:1.9s ease-in 0s; transition:0.9s ease-in 0.2s}#she:hover .shi {left: -500px; -webkit-transition:1.9s ease-in 0s; transition:0.9s ease-in 0.2s; transition-timing-function: cubic-bezier(0.3,0,0.2,1)}.shi m {font: 40px 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; display: block; line-height: 106%; width: 290px; height: 500px; border-left: 5px solid #f9f9f9; padding-left: 10px; position: relative; top: 50px; left: 50px; font-weight: bold;}.shi n {display: block; width: 390px; position: relative; left: 70px; text-align: justify; font: 9px calibri; text-transform: uppercase; letter-spacing: 1px; top: 25px;}.sho{width: 500px; height: 600px; position: relative;}.sho m {font: 26px 'Oswald', sans-serif; text-transform: uppercase; display: block; line-height: 106%; font-weight: bold; display: block; text-align: center; padding-top: 25px;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}.sho n {display: block; width: 500px; height: 200px; margin: 0 auto; background-size: 100%!important; position: relative; margin-top: 10px; background-position: -100px; top: 20px}.sho txt {display: block; text-align: justify; font: 11px calibri; position: relative; top: 220px; height: 240px; overflow: auto; width: 300px;margin:0 auto; padding-right: 10px; color: #222}</style> <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">