<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;
}
This Pen doesn't use any external CSS resources.