<body>
<div></div>
<div class='div2'></div>
<div class='abs'></div>
</body>
<style>
body {
background: #DE817E;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
margin: 0;
position: relative;
}
div {
width: 6.25rem;
height: 6.25rem;
background: #217E81;
transform: translateX(1.23rem) rotate(45deg);
background-blend-mode: luminosity;
}
.div2 {
transform: translateX(-1.26rem) rotate(45deg);
}
.abs {
background: #DE817E;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
rotate(45deg);
height: 3.6rem;
width: 3.6rem;
}
</style>