#10-Cloaked-Spirits.htm

<div a>
    <div b> <div c></div><div d></div><div e></div><div f></div></div>
    <style>
      body{
        background: #62306D;
      }
      div {
        position: absolute;
      }
      [a] {
        width: 300px;
        height: 100px;
        background:#F7EC7D;
        bottom:0;
        left: 12.5%;
      }
      
      [c], [d], [e]{
        width: 60px;
        height: 60px;
        background:#E38F66;
        border-radius: 50%;
        border: 20px solid #AA445F;
      }
      [c] {
        left:0;
        top:-50;
      }
      [d] {
        left: 200;
        top:-50;
      }
      [e] {
        left: 100;
        top:-150;
        background:#AA445F;
        border: 20px solid #E38F66;
        z-index: 1;
      }
      [f]{
        width: 100px;
        height: 100px;
        background: #F7EC7D;
        top: -95;
        left: 100;
      }
    </style>