body,html{overflow-x:hidden}.orb-container,.orbContainer-bottom{position:absolute;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.orb-container{top:0;left:0}.orb{position:absolute;width:400px;height:400px;max-width:100%;border-radius:50%;animation:float 10s infinite ease-in-out;opacity:.8}.orb:nth-child(1){top:-20%;left:15%;animation-duration:12s;background:radial-gradient(#edc9ff,#0000 60%)}.orb:nth-child(2){top:-5%;left:60%;animation-duration:8s;background:radial-gradient(#75b9becc,#0000 60%)}.orb:nth-child(3){top:-2%;left:-15%;animation-duration:6s;background:radial-gradient(#d0d6b599,#0000 60%)}.orbContainer-bottom{bottom:0;left:0}.orb-bottom{position:absolute;width:400px;height:400px;max-width:100%;border-radius:50%;animation:float-bottom 10s infinite ease-in-out;opacity:.8}.orbContainer-bottom .orb-bottom:nth-child(1){bottom:-7%;left:30%;animation-duration:14s;background:radial-gradient(#edc9ffcc,#0000 60%)}.orbContainer-bottom .orb-bottom:nth-child(2){bottom:-20%;left:-30%;animation-duration:10s;background:radial-gradient(#75b9beb3,#0000 60%)}.orbContainer-bottom .orb-bottom:nth-child(3){bottom:-3%;left:50%;animation-duration:12s;background:radial-gradient(#d0d6b599,#0000 60%)}@keyframes float-bottom{0%{transform:translateY(0) translate(0)}50%{transform:translateY(20px) translate(-20px)}to{transform:translateY(0) translate(0)}}@keyframes float{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(20px)}to{transform:translateY(0) translate(0)}}