.refraction{
position: relative;
width: 30px;
height: 30px;
background: linear-gradient(to right, #1B1B1B, #1B1B1B);
border-radius: 50%;
animation: spin 2s linear infinite;
}
.breakage{
position: relative;
width: 20px;
height: 20px;
background: linear-gradient(to top, #E6DB74, #E6DB74);
border-radius: 50%;
animation: break 2s linear infinite;
transform: translate(-10px, -10px);
}
.illuminating{
position: relative;
width: 15px;
height: 15px;
background: linear-gradient(to right, #66D9EF, #66D9EF);
border-radius: 50%;
animation: pulsar 2s linear infinite;
transform: translateX(10px);
}