27/07/2025

<div class="c-br bar-v"></div>
<div class="con">
  <div class="c-br bar-h"></div>
  <div class="cir"></div>
  <div class="c-br bar-h"></div>
</div>
<div class="c-br bar-v"></div>
<div class="c-br bar-d"></div>
<style>
  :root {
    --bar-width: 1.25rem;
    --bar-height: 3.17rem;
  }
  body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0;
    background: #DC9DA6;
  }
  .bar-v {
    width: var(--bar-width);
    height: var(--bar-height);
    margin: -1px 0 -1px 0;
  }
  .c-br {
    background: #6E3C3C;
  }
  .bar-h {
    height: var(--bar-width);
    width: var(--bar-height);
    margin: 0 -1px 0 -1px;
  }
  .con {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cir {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    border: 1.9rem solid #6E3C3C;
  }
  .bar-d {
    position: absolute;
    height: 12.5rem;
    width: var(--bar-width);
    rotate: 45deg;
  }
</style>