Discussion on: CSS Battle #10 - Cloaked Spirits

Only started learning CSS two months ago as my first language into coding, anway heres my solution. please go easy on me XD.

body{
background:#62306D;
}
.o{
background:#E38F66;
border-radius: 50%;
box-shadow:0px 0px 0px 20px #AA445F;
}
.c{
width:60;
height:60;
position:absolute;
}
.r{
height:200;
width:100;
background:#F7EC7D;
position: absolute;
z-index:-1;
}
.a{
top:170;
left:70;
}
.b{
top:170;
right:70;
}
.d{
background:#AA445F;
border-radius: 50%;
top:70;
left:170;
box-shadow:0px 0px 0px 20px #E38F66;
}
.e{
left:150;
top:100;
}
.f,.g{
top:200;
}
.f{
right:50;
}
.g{
left:50;
}