082 | Hey, match! + Mensaje

<div id="tinder"><div class="tp-msj"><div class="im-msj" style="background: url(https://via.placeholder.com/100)"></div>
<h1>Ashley Holat</h1>
</div><div class="out-msj">
<span>¡Hola! Me encantaron tus fotos, pero creo que lo que me enamoró fue tu descripción.</span>
<span>Y si po', yo también apruebo ;)</span>
</div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>

<style>#tinder { --gradient: linear-gradient(152deg, #8ecfbf 0%, #c8d6d3 100%);}#tinder br {display: none;}#tinder {width:300px; min-height: 300px; border: 1px solid #eaeaea; border-radius: 25px; margin: 0 auto; margin-top: 30px; overflow: hidden; background: #f9f9f9; order: 1;} #tinder .tp-msj {position: relative; height: 250px; background: var(--gradient); border-radius: 0px 00px 20% 20%; margin-left: -1px; margin-right: -1px; display: flex; flex-direction: column; align-items: center; justify-content: center;}#tinder .im-msj {height: 100px; width: 100px; border-radius: 100px; border: 10px solid #fff;}#tinder .tp-msj h1 {text-align: center; color: #fff; font: 20px 'Montserrat', sans-serif; font-weight: 700; font-style: italic; opacity: .6; margin-bottom: -5px;}#tinder .out-msj br{display: block!important}#tinder .out-msj {margin: 25px; text-align: right; font: 13px 'Montserrat', sans-serif;}#tinder .out-msj span {background: var(--gradient); color: #fff; display: inline-block; border-radius: 10px 10px 0px 10px; margin-top: 5px; padding: 10px;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center}</style><link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">