body{width:100vw;height:100vh;background:#141414}.a-hole{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;overflow:hidden}.a-hole:before{z-index:2;width:150%;height:140%;background:radial-gradient(ellipse at 50% 55%,transparent 10%,black 50%)}.a-hole:after,.a-hole:before{position:absolute;top:50%;left:50%;display:block;transform:translate3d(-50%,-50%,0);content:""}.a-hole:after{z-index:5;width:100%;height:100%;background:radial-gradient(ellipse at 50% 75%,#a900ff 20%,transparent 75%);mix-blend-mode:overlay}.a-hole .aura{position:absolute;top:-71.5%;left:50%;z-index:3;width:30%;height:140%;background:linear-gradient(20deg,#00f8f1,#ffbd1e20 16.5%,#fe848f 33%,#fe848f20 49.5%,#00f8f1 66%,#00f8f160 85.5%,#ffbd1e) 0 100% /100% 200%;border-radius:0 0 100% 100%;filter:blur(50px);mix-blend-mode:plus-lighter;opacity:.75;transform:translate3d(-50%,0,0);animation:aura-glow 5s linear infinite}.a-hole .overlay{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:repeating-linear-gradient(transparent,transparent 1px,white 0,white 2px);mix-blend-mode:overlay;opacity:.5}.a-hole canvas{display:block;width:100%;height:100%}@keyframes aura-glow{0%{background-position:0 100%}to{background-position:0 300%}}