082 | Hey, match! + Match

<div id="tinder"><div class="tp-us"><h1>Match!</h1></div>
<div class="ims-us">
<div class="mi-us" style="background: url(https://via.placeholder.com/90)"></div>
<span class="th th-heart-1"></span>
<div class="mi-us" style="background: url(https://via.placeholder.com/90)"></div>
</div><div class="ik-us">
¡<b>Ashley Holat</b> y <b>Oscar Hernandez</b> se gustan en uno al otro!
</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-us {position: relative; height: 100px; 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 .tp-us h1 {text-align: center; color: #fff; font: 50px 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-weight: 900; font-style: italic; opacity: .6; margin-top: 50px;}#tinder .im-us {height: 100px; width: 100px; border: 5px solid #fff; border-radius: 100%; animation: ckd 1.7s linear infinite;}#tinder .ims-us {display: flex; align-items: center; justify-content: center; height: 150px;}#tinder .ims-us span {margin-left: 15px; margin-right: 15px; font-size: 30px; color: #95D0C2}#tinder .mi-us {height: 90px; width: 90px; border: 5px solid #fff; border-radius: 100%; box-shadow: 0 0 1px #ccc;}#tinder .ik-us {margin: 20px; margin-top: 0px; text-align: center; font: 12px 'Montserrat', sans-serif; color: #555}#tinder .ik-us b {color: #95D0C2; text-transform: uppercase; font-size: 10px; font-weight: 800;}.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">