html{scroll-behavior:smooth}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(3deg)}}@keyframes floatReverse{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-2deg)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.ribbon{color:#fff;--f:.5em;--r:.8em;padding:.1em;padding:.5em .2em calc(var(--r) + .2em);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - .1em)100%,50% calc(100% - var(--r)),.1em 100%,0 100%);background:radial-gradient(50% .2em at top,#000a,#0000) border-box,#fff padding-box padding-box;border-inline:.5em solid #0000;width:fit-content;font-weight:700;position:absolute;top:0;left:20px}