Sticky Shrinking Header

Nav bar shrinks as user scrolls down.

.sh { position:sticky; top:0; padding:20px; background:#0a0a0b; transition:padding 0.3s; border-bottom:1px solid transparent; z-index:100; }
.sh.sc { padding:10px 20px; border-bottom-color:#333; backdrop-filter:blur(10px); }