<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>