*{
    box-sizing:border-box;
}
img{
    max-width: 100%;
}
body{
    margin:0;
}
.container{
    background-color: black;
    width: 100%;
    height:100vh;
    display:flex;
    justify-content: center;
    align-items:center;
    overflow: hidden;
}
.aura{
    background:black;
    width:500px;
    height:500px;
    border-radius:100%;
    position: relative;

    box-shadow: 0 0 60px 30px #fff, 0 0 100px 60px rgb(38, 0, 255),
    0 0 140px 90px rgb(0, 145, 255); 

}
.box{
    height: 30px;
    width:30px;
    background:white;
    position:absolute;
    top:250px;
    left:250px;
    transform: translate(-50% -50%);
    
    
}
.center{
    height: 10px;
    width:10px;
    background: white;
    opacity: 50%;
   
    animation: pulse 5s 2s infinite alternate cubic-bezier(0.1, 0.7, 1.0, 0.1) ;
    box-shadow: 0 0 40px 30px#fff, 0 0 100px 60px rgb(38, 0, 255),
    0 0 140px 90px rgb(0, 0, 0); 

}
@keyframes pulse{
    0%{
        opacity: 50%;
        transform: scale(1);
    }
    100%{ 
        opacity: 100%;
        transform: scale(15);
    }  

}
.left{
    animation: left 5s 1s infinite alternate;
    box-shadow: 0 0 60px 30px #fff, 0 0 100px 60px rgb(38, 0, 255),
    0 0 140px 90px rgb(0, 145, 255); 

}
@keyframes left{
    0%{
       
        transform: translateX(0);
    }
    100%{
        
        transform: translateX(-700px);
    }
}

.right{
  
    animation: right 5s 1s infinite alternate;
    box-shadow: 0 0 60px 30px #fff, 0 0 100px 60px rgb(38, 0, 255),
    0 0 140px 90px rgb(0, 145, 255); 

}
@keyframes right{
    0%{
       
        transform: translateX(0);
    }
    100%{
        
        transform: translateX(700px);
    }
}
.up{
    animation: up 5s  infinite alternate;
    box-shadow: 0 0 60px 30px #fff, 0 0 100px 60px rgb(38, 0, 255),
    0 0 140px 90px rgb(0, 145, 255); 

}
@keyframes up{
    0%{
       
        transform: translateY(0);
    }
    100%{
      
        transform: translateY(-400px);
    }
}
.down{
    animation: down 5s  infinite alternate;
    box-shadow: 0 0 60px 30px #fff, 0 0 100px 60px rgb(38, 0, 255),
    0 0 140px 90px rgb(0, 145, 255); 

}
@keyframes down{
    0%{
        
        transform: translateY(0);
    }
    100%{

        transform: translateY(400px);
    }
}