088 | Love Alarm

<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap" rel="stylesheet"> <div id="lovealarm"><div id="its"><div id="you"> <div class="lv-la"> Love Alarm</div><div class="hrt cen"> <div class="ci-on cen"> <div class="ci-two cen"> <div class="ci-tre cen"> <span class="th th-heart-1"></span> </div></div></div></div><div class="num-no"> 1 </div></div></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>

<style>#lovealarm{background: url(https://i.imgur.com/SCk8HRa.png); height: 504px; width: 250px; background-size: 100%; margin: 0 auto;}#lovealarm br{display: none;}#its{width: 230px; height: 390px; background: #fff; outline: 1px solid #e0e0e0; margin: 0 auto;position: relative; top: 56px; overflow: hidden;}#you{height: 390px; position: absolute; top: 0px; left: 0px; right: 0px; background: rgb(76 203 232);background: linear-gradient(180deg, rgb(76 203 232) 0%, rgb(239 196 222) 100%);}.hrt{position: absolute; width: 200px; height: 200px; top: 90px; left: 15px;}.cen{display: flex; align-items: center; justify-content: center;}.ci-on{width: 117px; height: 117px; border: 17px solid rgba(255,255,255,0.6); border-radius: 100%; animation: parp 2s infinite normal}.ci-two{width: 85px; height: 85px; border: 17px solid rgba(255,255,255,.4); border-radius: 100%; animation: parp2 2s infinite normal; animation-delay: .2s;}.ci-tre{width: 55px; height: 55px; border: 15px solid rgba(255,255,255,.2); border-radius: 100%; animation: parp3 2s infinite normal; animation-delay: .5s;}.ci-tre span{color: #ff566d; font-size: 40px;}.lv-la{position: absolute; left: 20px; right: 20px; top: 40px; text-align: center; color: #fff; font: 20px 'Open Sans', sans-serif; font-weight: 100; opacity: .8}.num-no{position: absolute; bottom: 40px; left: 0px; right: 0px; text-align: center; color: #fff; font: 40px 'Open Sans', sans-serif; font-weight: 100; opacity: .8}@keyframes parp{0%{border-color: rgba(255,255,255,0.6)}50%{border-color: rgba(255,255,255,0)}100%{border-color: rgba(255,255,255,0.6)}}@keyframes parp2{0%{border-color: rgba(255,255,255,0.4)}50%{border-color: rgba(255,255,255,0)}100%{border-color: rgba(255,255,255,0.4)}}@keyframes parp3{0%{border-color: rgba(255,255,255,0.2)}50%{border-color: rgba(255,255,255,0.1)}100%{border-color: rgba(255,255,255,0.2)}}.crdts{text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}</style>