18/05/2025

<div class="bar-h"></div>
<div>
  <div class="box-w"></div>
  <div class="bar-w"></div>
</div>
<div class="abs"></div>
<style>
  body {
    display: flex;
    margin: 0;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #F3EAD2;
    transform: rotate(-45deg);
  }
  .bar-h {
    width: 3.1rem;
    height: 9.4rem;
    background: #4C455B;
  }
  .bar-w {
    height: 3.1rem;
    width: 6.2rem;
    background: #D96C7B;
  }
  .box-w {
    height: 6.2rem;
    width: 6.2rem;
    background: #C0D6E7;
  }
  .abs {
    background: #F3EAD2;
    height: 5rem;
    width: 10rem;
    position: absolute;
    top: 3.2rem;
    left: 10.5rem;
    transform: rotate(45deg);
  }
</style>