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>