@property --a{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.build-with-dev{overflow:hidden;position:relative;width:Min(20em,90vmin);aspect-ratio:1.5;border-radius:1em;place-self:center;place-content:center;padding:1em;color:#ededed;font:clamp(1.5em,2.5vw + 2vh,3em) sans-serif;text-align:center;text-wrap:balance}.build-with-dev .dev-link{color:#ededed;text-decoration:none;font-weight:700;transition:color .3s ease;text-transform:uppercase}.build-with-dev .dev-link:hover{color:#f60}.build-with-dev:before{position:absolute;z-index:-1;top:-2em;right:-2em;bottom:-2em;left:-2em;border:solid 1.5em;-o-border-image:conic-gradient(from var(--a),#669900,#99cc33,#ccee66,#006699,#3399cc,#990066,#cc3399,#ff6600,#ff9900,#ffcc00,#669900) 1;border-image:conic-gradient(from var(--a),#669900,#99cc33,#ccee66,#006699,#3399cc,#990066,#cc3399,#ff6600,#ff9900,#ffcc00,#669900) 1;filter:blur(1.25em);animation:a 4s linear infinite;content:""}@keyframes a{to{--a: 1turn}}html,body,#root,#root>div{display:grid}html{min-height:100%}body{background:linear-gradient(to bottom,#000,#1a1a1a,#333);color:#fff}