*{
    padding:0;
    margin:0;
}

body {
    width:100%;
    height: 100vh;
    background:black;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:150px;
}


body > div {
    position:absolute;
}

.circle {
    width:20px;
    height: 20px;
    border-radius: 50%;
    background:#0284c7;
}

.box {
    transition: 0.7s;
    border-radius: 50%;
    border:30px solid transparent;
}
#box_1{
    width:50px;
    height: 50px;

}



#box_2{
    width:150px;
    height: 150px;
    transform:translateY(-5px);
}


#box_3{
    width:250px;
    height: 250px;
    transform:translateY(-10px);
}



#box_4{
    width:350px;
    height: 350px;
    transform:translateY(-15px);
}



#box_5{
    width:450px;
    height: 450px;
    transform:translateY(-20px);
}