051 | My fight song

<div id="nose"><div id="queestoy" style="background: url(https://via.placeholder.com/350x200)"><div class="uplet"> My fight song <span>Like a small boat  On the ocean</span></div>
<div class="wip"><div class="wop">
Annyeonghaseyo yeoreobun Lisa imnida! Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div></div></div><div id="haciendocon"><div id="mivida" style="background: url(https://via.placeholder.com/100)"></div></div>
<div id="relation" style="background: url(https://via.placeholder.com/100)"><div class="conver"><div class="mybb"> <span class="fas fa-star"></span><n> ¡Mejor amiga! <i>Eres la mejor</i></n></div></div></div> <div id="relation" style="background: url(https://via.placeholder.com/100)"><div class="conver"><div class="mybb"><span class="fas fa-heart"></span><n> ¡Novio! <i>Baby, i love uuuuu</i></n></div></div></div>

¡Si quieres insertar más, hazlo aquí!

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

<style type="text/css">#nose {width: 350px; background: #fff; border: 1px solid #eaeaea; text-align: center; padding-bottom: 20px; margin: 0 auto}#queestoy {height: 200px; overflow: hidden; position: relative;}#queestoy .wip {height: 200px; background: #ffffff95; opacity: 0; transition:0.9s ease-in 0.2s; position: absolute; top: 0px; width: 100%}#queestoy .wop {width: 250px; margin: 0 auto; text-align: justify; font: 9px verdana; padding: 10px; background: #fff; height: 70px; overflow: auto; position: relative; top: -100px; transition:0.9s ease-in 0.2s; transition-timing-function: cubic-bezier(0.3,0,0.2,1); color: #555}#queestoy:hover .wip {opacity: 1}#queestoy:hover .wop {top: 20px}#haciendocon {background: #fff; width: 350px; height: 100px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-top: -45px; position: relative;}#mivida {width: 100px; height: 100px; border-radius: 100%; margin: 0 auto; position: relative; top: -30px; border: 10px solid #fff}#nose .uplet {padding: 10px; font: 30px 'Poppins', sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; text-align: center; -webkit-text-stroke: 1px #fff; color: transparent; position: relative; top: 30px}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}.uplet span {color: #fff!important; font: 8px verdana; display: block; -webkit-text-stroke: 0px; letter-spacing: 2px; margin-top: -10px}#relation {width: 100px; height: 100px; border-radius: 100%; display: inline-block; overflow: hidden; margin: 20px}#relation .conver {background: #ffffff95; opacity: 0; transition:0.9s ease-in 0.2s; height: 100%}#relation:hover .conver {opacity: 1}#relation .mybb {width: 90%; height: 90%; background: #fff; margin: 0 auto; border-radius: 100%; position: relative; top: 5px;  transform: scale(0); transition:0.9s ease-in 0.2s;}#relation:hover .mybb { transform: scale(1)}.mybb span {font-size: 20px; color: #CED4BA; position: relative; top: 15px; display: block;}.mybb n {font: 9px verdana; position: relative; top: 25px; line-height: 100%; display: block; padding: 0px 10px; color: #444}.mybb i {color: #CED4BA}</style><link href="https://fonts.googleapis.com/css?family=Poppins:400,500,900&display=swap" rel="stylesheet">    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">