.circles-green{right:0;bottom:0}.circles-green,.circles-red{height:var(--circle-size);width:var(--circle-size);position:absolute;margin:0 auto}.circles-red{left:0;top:0}.blue{bottom:-25px;right:-35px;background-color:var(--Azul);animation:shake 1.9s infinite}.blue,.fuscia{position:absolute;margin:0;width:100px;height:100px;border-radius:50%}.fuscia{top:0;left:0;background-color:var(--Fuscia);animation:shake 2s infinite}.circle-green,.circle-red{box-sizing:border-box;position:absolute;width:100%;height:100%;border-radius:115% 140% 145% 110%/125% 140% 110% 125%;mix-blend-mode:screen;border:var(--circle-stroke) solid transparent}.circle-red:first-child{border-color:var(--Fuscia);--origin-x:50%;--origin-y:calc(50% - var(--displacement));transform-origin:var(--origin-x) var(--origin-y);animation:spin1 var(--spin-time) linear infinite}.circle-red:nth-child(2){border-color:var(--Fuscia);transform-origin:50% calc(50% + var(--displacement));animation:spin2 var(--spin-time) linear infinite}.circle-green:first-child{border-color:var(--Verde);transform-origin:calc(50% + var(--displacement)) 50%;animation:spin3 var(--spin-time) linear infinite}.circle-green:nth-child(2){border-color:var(--Verde);transform-origin:50% calc(50% - var(--displacement));animation:spin4 var(--spin-time) linear infinite}@keyframes spin1{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin2{0%{transform:rotate(72deg)}to{transform:rotate(-288deg)}}@keyframes spin3{0%{transform:rotate(-144deg)}to{transform:rotate(216deg)}}@keyframes spin4{0%{transform:rotate(216deg)}to{transform:rotate(-144deg)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px,5px)}50%{transform:translate(-2px,2px)}75%{transform:translate(0)}to{transform:translate(2px)}}@media (max-width:1030px){.blue,.circles-green,.circles-red,.fuscia{display:none}}@media (min-width:1920px){.circles-red{left:-9%}}