CSS Battle target #9

<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
<div id="e"></div>
<style>
  body{
  background: #222730;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0;
  }
  #a {
    background: #4CAAB3;
    width: 400px;
    height: 150px;
    position: absolute;

  }
  #b{
    position: absolute;
    border: 120px solid #222730;
   transform: rotate(45deg);
  }
  #c{
    position: absolute;
    border: 75px solid #4CAAB3;
    transform: rotate(45deg);
  }
  #d{
  position:absolute;
  border:25px solid #393E46;
  border-radius:50%
  }
</style>