.effect-selector{position:absolute;top:10px;left:10px;padding:8px 12px;border-radius:8px;border:1px solid #00d4ff;background-color:rgba(0,0,0,.7);font-size:14px;cursor:pointer;outline:none;transition:background-color .3s,border-color .3s;z-index:10}.effect-selector:hover{background-color:rgba(0,212,255,.8);border-color:#0af}.effect-selector option{background-color:#000;color:#fff}.effect-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.atomic-wrapper{width:80%;height:80%;z-index:-1;pointer-events:none}.atomic-center,.atomic-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.atomic-center{width:20px;height:20px;background-color:rgba(0,212,255,.7);border-radius:50%}.atomic-orbit{top:50%;width:80%;height:80%;border:2px solid rgba(0,212,255,.5);animation:spinOrbit 6s linear infinite}.atomic-orbit,.atomic-orbit:before{position:absolute;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.atomic-orbit:before{content:"";top:0;width:12px;height:12px;background-color:hsla(0,0%,100%,.8)}@keyframes spinOrbit{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}