style> @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Fraunces:ital@0;1&display=swap'); .bl{font-family:'Manrope',sans-serif} .bl h1,.bl h2{font-family:'Fraunces',serif;font-weight:400;margin:0} .pill{border-radius:999px;padding:13px 30px;font-weight:600;font-size:14px;display:inline-block;border:none;cursor:pointer;transition:transform .2s ease} .pill:hover{transform:scale(1.08) rotate(-2deg)} .blk{transition:transform .2s ease} .blk:hover{transform:translateY(-6px) rotate(-1deg)} @keyframes floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(6deg)}} @keyframes popIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}} @keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}} .dot{position:absolute;border-radius:50%;animation:floaty 4s ease-in-out infinite;transition:transform .25s ease;cursor:pointer} .dot:hover{transform:scale(1.6) !important} .sec{animation:popIn .6s ease both;position:relative;overflow:hidden}