@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Rubik",serif}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;background-color:#000;overflow:hidden}.svg-connecting-drops{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:100vh;-webkit-filter:url(#gooey);filter:url(#gooey);position:absolute}.svg-connecting-drops__title{color:#fff;font-size:3rem;text-align:center;position:absolute;top:2em}.svg-connecting-drops__circle.--n1,.svg-connecting-drops__circle.--n1::before{background-image:-webkit-gradient(linear, left top, right top, from(#f00), to(#0ff));background-image:-o-linear-gradient(left, #f00, #0ff);background-image:linear-gradient(90deg, #f00, #0ff)}.svg-connecting-drops__circle.--n1{-webkit-animation:animate-1 5s linear infinite;animation:animate-1 5s linear infinite;left:300px}.svg-connecting-drops__circle.--n2,.svg-connecting-drops__circle.--n2::before{background-image:-webkit-gradient(linear, left top, right top, from(#ffeb3b), to(#da00ff));background-image:-o-linear-gradient(left, #ffeb3b, #da00ff);background-image:linear-gradient(90deg, #ffeb3b, #da00ff)}.svg-connecting-drops__circle.--n2{-webkit-animation:animate-2 5s linear infinite;animation:animate-2 5s linear infinite;left:calc(100% - 600px)}.svg-connecting-drops__circle{min-width:300px;height:300px;border-radius:50%;background-color:#fff;position:absolute}.svg-connecting-drops__circle::before{content:"";border-radius:50%;background-color:#fff;-webkit-filter:blur(50px);filter:blur(50px);pointer-events:none;position:absolute;z-index:-1;top:-50px;left:-50px;right:-50px;bottom:-50px}.svg-connecting-drops__circle.--stop-animation{-webkit-animation:none;animation:none}.svg-connecting-drops__svg{width:0;height:0}@-webkit-keyframes animate-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}35%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}65%{-webkit-transform:rotate(480deg);transform:rotate(480deg)}100%{-webkit-transform:rotate(720deg);transform:rotate(720deg)}}@keyframes animate-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}35%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}65%{-webkit-transform:rotate(480deg);transform:rotate(480deg)}100%{-webkit-transform:rotate(720deg);transform:rotate(720deg)}}@-webkit-keyframes animate-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}35%{-webkit-transform:rotate(-240deg);transform:rotate(-240deg)}65%{-webkit-transform:rotate(-480deg);transform:rotate(-480deg)}100%{-webkit-transform:rotate(-720deg);transform:rotate(-720deg)}}@keyframes animate-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}35%{-webkit-transform:rotate(-240deg);transform:rotate(-240deg)}65%{-webkit-transform:rotate(-480deg);transform:rotate(-480deg)}100%{-webkit-transform:rotate(-720deg);transform:rotate(-720deg)}}