:root{--color-background:transparent;--color-design:var(--primary);--color-research:var(--accent);--radius:200px;--orbit-width:100%}.circle-wrapper{width:50%;position:absolute;bottom:20%;right:0}.overlay{box-sizing:border-box;background:0 0;width:100%;min-height:160px;margin-bottom:20px;position:absolute}.circles{opacity:.5;backface-visibility:hidden;perspective:1000px;z-index:-1;justify-content:center;align-items:center;width:100%;height:100%;animation-name:rotate;animation-duration:25s;animation-iteration-count:infinite;animation-direction:alternate;display:flex;position:relative}.circle{backface-visibility:hidden;perspective:200px;opacity:.9;mix-blend-mode:multiply;will-change:transform,box-shadow;border-radius:50%;width:1px;height:1px;position:relative}.circle.design{background:var(--color-design);box-shadow:0 0 var(--radius)var(--radius)var(--color-design);animation-name:float;animation-duration:6s;animation-iteration-count:infinite;animation-direction:alternate}.circle.research{background:var(--color-research);box-shadow:0 0 var(--radius)var(--radius)var(--color-research);animation-name:float;animation-duration:8s;animation-iteration-count:infinite;animation-direction:alternate-reverse}@keyframes float{0%{transform:translateX(calc(var(--radius)*0))translateZ(0)}20%{transform:translateX(calc(var(--radius)*1))translateZ(0)}40%{transform:translateX(calc(var(--radius)*1))translateZ(0)}60%{transform:translateX(calc(var(--radius)*3))translateZ(0)}80%{transform:translateX(calc(var(--radius)*1))translateZ(0)}to{transform:translateX(calc(var(--radius)*0))translateZ(0)}}@keyframes rotate{0%{width:200%;transform:rotate(0)}35%{width:50%;transform:rotate(90deg)}50%{width:200%;transform:rotate(180deg)}85%{width:50%;transform:rotate(270deg)}to{width:200%;transform:rotate(360deg)}}@media (width<=576px){:root{--radius:75px;--y-movement:40px}}