028 | Blue Dream

<div id="effy"><div id="ef1" style="background: url(https://via.placeholder.com/250x350)"> </div><div id="ef2"><div class="ef3"> <div class="but"> <n><m>01.</m></n> </div><div class="bat">— We were coastin' on the coast when you opened my eyes Made me notice where the ocean was holding the sky, right I was blinded, your smile shining behind those green eyes The horizon so enticing please say you'll be mine. ~  </div><div class="bet">  <n>Blue</n> <m>Dream</m> </div></div><div class="ef4">

Soy un hueco para texto, lléname.

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

<style>#effy {width: 510px; height: 350px; background: #B9C9E5; border: 10px solid #fff; outline: 1px solid #eaeaea; margin: 0 auto; overflow: hidden;}#ef1 {width: 250px; height: 350px}#ef2 {width: 260px; height: 350px; float: right; position: relative; top: -350px}.but {width: 80px; height: 80px; background: #fff; border-radius: 100%; border: 1px solid #eaeaea; position: relative; top: 130px; left: -40px}.but n {width: 60px; height: 60px; text-align: center; display: block; background: #B9C9E5; border-radius:100%; position: relative; top: 10px; left: 10px}.but m {position: relative; top: 11px; font: 30px 'Montserrat', sans-serif; font-weight: 900; color: #fff;}.bet {font: 35px 'Montserrat', sans-serif; width: 230px; color: #fff; line-height: 80%; position: relative; top: 90px; left: 10px; height: 50px; text-align: right; text-transform: uppercase;}.bet n {color: #fff; font-weight: 200}.bet m {color: #fff; font-weight: 900;}.bat {text-align: justify; font: 7.5px 'Montserrat', sans-serif; color: #fff; text-transform: uppercase; width: 200px; margin: 0 auto; height: 100px; overflow: hidden; position: relative; top: -60px;}.ef3 {position: relative; top: 0px; -webkit-transition:0.9s ease-in 0s; transition:0.9s ease-in 0.2s}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}.ef4 {background: #fff; margin: 20px;padding: 15px; text-align: justify; font: 10px 'Montserrat', sans-serif;position: relative; top: -567px; height: 270px; overflow: auto; -webkit-transition:0.9s ease-in 0s; transition:0.9s ease-in 0.2s}#effy:hover .ef4 {top: -227px; -webkit-transition:1.9s ease-in 0s; transition:0.9s ease-in 0.2s;}#effy:hover .ef3 { top: 350px; -webkit-transition:0.9s ease-in 0s; transition:0.9s ease-in 0.2s}</style><link href="https://fonts.googleapis.com/css?family=Montserrat:200,400,900" rel="stylesheet">