.box{
    width: 200px;
    height: 200px;
    background-color: royalblue;
}

.circle{
height: 100px;
width: 100px ;
background-color: yellow;
border-radius: 50%;
margin-bottom: 100px;
}

#box1{
    height: 100px;
    width: 100px ;
    background-color: darkmagenta;
    border-radius: 10%;
    margin-bottom: 10px;  
}

#box2{
    height: 100px;
    width: 100px ;
    background-color:slateblue;
    border-radius: 10%;
    margin-bottom: 10px;  
}

#box3{
    height: 100px;
    width: 100px ;
    background-color: lightcoral;
    border-radius: 10%;
    margin-bottom: 10px;  
}