.gradient-border{--borderWidth:4px;border-radius:var(--borderWidth);height:auto;max-width:auto;min-height:auto;min-width:auto;position:relative}.gradient-border:after{animation:animatedgradient 3s ease infinite alternate;background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:300% 300%;border-radius:calc(var(--borderWidth)*2);content:"";height:calc(100% + var(--borderWidth)*2);left:calc(var(--borderWidth)*-1);position:absolute;top:calc(var(--borderWidth)*-1);width:calc(100% + var(--borderWidth)*2);z-index:-1}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.navbar{position:-webkit-sticky;position:sticky}