cssbattle11

<div class="c s l"></div>
<div class="c s r"></div>
<div class="c m"></div>
<style>
  * {
    background: #191210;
  }
  .c {
    position: absolute;
    top: 100px;
    border-radius: 50%;
  }
  .m {
    width: 50px;
    height: 50px;
    background: #84271C;
    border: 25px solid #191210;
    box-shadow: 0 0 0 20px #ECA03D;
    left: 150px;
  }
  .s {
    width: 60px;
    height: 60px;
    border: 20px solid #ECA03D;
    transform: rotate(135deg);
  }
  .l {
    left: 50px;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  .r {
    left: 250px;
    border-top-color: transparent;
    border-right-color: transparent;
  }
</style>