.centered-hero{--smallCircleCircumference:760px;--bigCircleCircumference:1212px}.centered-hero .hero-content{height:var(--bigCircleCircumference);display:flex;flex-direction:column;justify-content:center;z-index:1}.centered-hero .background-circle{position:absolute;border-style:solid;border-width:1px;border-color:var(--primary);border-radius:9999px}.centered-hero .small-circle{width:var(--smallCircleCircumference);height:var(--smallCircleCircumference)}.centered-hero .big-circle{width:var(--bigCircleCircumference);height:var(--bigCircleCircumference)}.centered-hero .bubble{position:absolute;padding:.75rem;border:1px solid var(--primary);background-color:#fff6ef;box-shadow:0 0 6px rgba(0,0,0,.1);border-radius:9999px;overflow:hidden;z-index:1}.centered-hero .bubble1{left:42%;bottom:42%;width:129px;height:129px;animation:bubble1-orbit 360s linear infinite}.centered-hero .bubble2{left:42%;bottom:42%;width:129px;height:129px;animation:bubble2-orbit 360s linear infinite}.centered-hero .bubble3{left:42%;bottom:42%;width:129px;height:129px;animation:bubble3-orbit 360s linear infinite}.centered-hero .bubble4{left:43%;top:43%;width:169px;height:169px;animation:bubble4-orbit 360s linear infinite}.centered-hero .bubble5{left:43%;top:43%;width:169px;height:169px;animation:bubble5-orbit 360s linear infinite}.centered-hero .bubble6{left:43%;top:43%;width:169px;height:169px;animation:bubble6-orbit 360s linear infinite}@keyframes bubble1-orbit{0%{transform:rotate(180deg) translateX(calc(var(--smallCircleCircumference) / 2)) rotate(-180deg)}to{transform:rotate(540deg) translateX(calc(var(--smallCircleCircumference) / 2)) rotate(-540deg)}}@keyframes bubble2-orbit{0%{transform:rotate(300deg) translateX(calc(var(--smallCircleCircumference) / 2)) rotate(-300deg)}to{transform:rotate(660deg) translateX(calc(var(--smallCircleCircumference) / 2)) rotate(-660deg)}}@keyframes bubble3-orbit{0%{transform:rotate(45deg) translateX(calc(var(--smallCircleCircumference) / 2)) rotate(-45deg)}to{transform:rotate(405deg) translateX(calc(var(--smallCircleCircumference) / 2)) rotate(-405deg)}}@keyframes bubble4-orbit{0%{transform:rotate(140deg) translateX(calc(var(--bigCircleCircumference) / 2)) rotate(-140deg)}to{transform:rotate(-220deg) translateX(calc(var(--bigCircleCircumference) / 2)) rotate(220deg)}}@keyframes bubble5-orbit{0%{transform:rotate(220deg) translateX(calc(var(--bigCircleCircumference) / 2)) rotate(-220deg)}to{transform:rotate(-140deg) translateX(calc(var(--bigCircleCircumference) / 2)) rotate(140deg)}}@keyframes bubble6-orbit{0%{transform:rotate(0deg) translateX(calc(var(--bigCircleCircumference) / 2)) rotate(0deg)}to{transform:rotate(-1turn) translateX(calc(var(--bigCircleCircumference) / 2)) rotate(1turn)}}