body{
    background: #000;
    height: 50vh;
    display: grid;
    place-items: center;
}
.circle{
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background-color: #ff9540;
    position: relative;
    box-shadow: 0 0 10px #ff4500, 0 0 40px #ff4500, 0 0 80px #ff4500;
}
.circle{
    content: "";
    position: absolute;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background-color: rgb(244, 162, 84);
    animation : none;
 }
body{
    background: #000;
    height: 50vh;
    display: grid;
    place-items: center;
}

.circle2{
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background-color: #ff9540;
    position: relative;
    box-shadow: 0 0 10px #ff4500, 0 0 40px #ff4500, 0 0 80px #ff4500;
}
.circle2{
    content: "";
    position: absolute;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background-color: #000;
    animation: eclipse 15s linear infinite alternate;

}
@keyframes eclipse
{
    0%{
        transform: translate(-50px,50px)
        scale(0.9);
    }
    50%,75%{
        transform: translate(0px,0px)
        scale(1.02);
        box-shadow: 0 0 10px#f9f3f2, 0 0 80px #c79388;

    }
    100%{
        transform: translate(50px,-50px)
        scale(0.9);
        box-shadow: none;}
}