<css-doodle>
  <style>
    @grid: 1 / 60vmin;
    border: 1vmin solid #e7cf63;
    background: @svg(
      viewBox: 0 0 200 200;
      path {
        fill: none;
        stroke: #e7cf63;
        stroke-width: 3;
        stroke-linecap: square;
        d: M 100 5
           @p(@p(@p(h-43 v5 h-10 v-5 h-10 v16 h-32 v10 h10 v-26 h-10)
                 @flip.@invert.@reverse.@p)
              @flipv.@invert.@p)
           @flip.@p
      }
    );
  </style>
</css-doodle>
html, body { 
  height: 100%; 
  margin: 0; 
  display: grid; 
  place-items: center; 
  background: #930B12; 
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.com/css-doodle@0.26.1/css-doodle.min.js