<body>
<div class="ver"></div>
<div class="di"></div>
<div class="di di2"></div>
</body>
<style>
body {
background: #9076D8;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
div {background: #F3EAD2;width: 2.5rem;}
.ver {height: 12.5rem;transform: translate(-0.75rem,-0.5rem);}
.di {
height: 8rem;
transform: rotate(45deg) translate(-2.375rem, -2rem);
}
.di2 {transform: rotate(135deg) translate(3.4rem, 0.55rem);}
</style>