#B{
    height: 400px;
    width: 200px;
    border-radius: 999px;
    position: relative;
    background-color: rgb(230, 227, 244);
    margin: 100px auto;
    animation: A 5s infinite;
}

@keyframes A{
   0% { top: 0px;}
   50%{ top: 150px;}
   100%{top: 0px;}
}
#C{
    height: 300px;
    width: 150px;
    border-radius: 999px;
    position: relative;
    background-color: rgb(70, 190, 100);
    margin: 0 auto;
    top: 70px;
}

#D{
    width: 200px;
    height: 30px;
    position: relative;
    background-color: yellow;
    bottom: 50px;
}
#E{
    width: 200px;
    height: 150px;
    position: relative;
    background-color: rgb(247, 155, 8);
    bottom: -279px;
}
#G{
    position: relative;
    border:rgb(93, 34, 138) thin solid;
    border-radius: 999px;
    overflow: hidden;
    height: 400px;
    width: 200px;
    bottom: 330px;
}

body{
    background-color: rgb(93, 34, 138);
}
#F {
    height: 60px;
    width: 60px;
    border: rgb(70, 190, 100) thick solid;
    display: inline-block;
    clip-path: inset(0% 0% 50% 50%);
    border-radius: 50%;
    position: relative;
    bottom: 100px;
   
}
#H {
    border-radius: 50%;
    position: relative;  
    height: 60px;
    width: 60px;
    z-index: 0;
    border: rgb(70, 190, 100) thick solid;
    display: inline-block;
    clip-path: inset(0% 50% 50% 0%);
    bottom: 100px;
    left: 55px;
}
#I {
    height: 30px;
    width: 30px;
    background-color: rgb(70, 190, 100);
    border-radius: 100%;
    position: relative;
    bottom: 190px;
    left: 15px;

}
#J {
    height: 30px;
    width: 30px;
    background-color: rgb(70, 190, 100);
    border-radius: 100%;
    position: relative;
    bottom: 218px;
    left: 155px;
}
#K {
    height: 90px;
    width: 90px;
    background-color: #ffffff;
    border-radius: 100%;
    position: relative;
    bottom:180px;
    left: 55px;
}
#L {
    height: 25px;
    width: 50px;
    background-color: rgb(28, 139, 90);
    border-radius: 0px 0px 200px 200px;
    position: relative;
    bottom:160px;
    left: 75px;
}
#M {
    border-radius: 50%;
    position: relative;
    bottom: 265px;
    left: 75px;
    height: 40px;
    width: 40px;
    border: rgb(0, 0, 0) thick solid;
    display: inline-block;
    clip-path: inset(0% 1% 50% 0%);
}
#O {
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    bottom: 360px;
    left: 45px;
    height: 90px;
    width: 100px;
    border: rgb(247, 155, 8) thick solid;
    display: inline-block;
    clip-path: inset(0% 0% 50% 0%);
}