HTML
<div class="centered">
<div class="circle_1"></div>
<div class="circle_2"></div>
</div>
CSS
html,body {
background:#000;
margin:0;
}
.centered {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:400px;
height:400px;
background:#000;
filter: blur(10px) contrast(20);
}
.circle_1,.circle_2{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:70px;
height:70px;
background:#fff;
border-radius:50%;
}
.circle_1 {
left:20%;
animation: left_l 5s ease infinite;
}
.circle_2 {
left:80%;</